/* CSS Document */

body {
	background-color: #9BDEFF; 
}
body,td,th {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
/* Links */
a:link {
	color: #00005B;
	text-decoration: none;
}
a:visited {
	color: #00005B;
	text-decoration: none;
}
a:hover {
	color: #800000;
	text-decoration: underline;
	cursor: pointer;
}
a:active {
	text-decoration: none;
}

/* Wrapper */
div#wrapper {
	width: 770px;
	min-height: 800px;
	margin: 0 auto;
	border: .25em;
	border-style: solid;
	background: #FFBC79 top center;
	}
	
/* Logo */
div#logo {
	width: 770px;
	height: 110px;
	border-bottom: solid .15em #000000;
	}

/* Header */
div#header {
	position: absolute;
	z-index: 60;
	top: 10px;   
	border: 1em;
	border-color: #FF0000;
	width: 770px; 
	height: auto; 
	padding: 0px;
	left: -5em;
	border: 0em; 
	color: #FFFFFF;
	text-align: center;
	font-family: Signature, Arial, Helvetica, sans-serif;
	font-size: 2em;
	}
div#headerBlock {
	position: relative;
	z-index: 40;
	top: 20px; 
	background: #532900 top center;   
	width: 625px; 
	height: 10px; 
	padding: 30px;
	left: 7em;
	}
	
/* Navigation */
div#sidebar {
	position: relative;
	background-color: #A5E972;
	filter: alpha(opacity=72); 
	-moz-opacity: 0.72;
	height: auto;
	width: 180px;
	min-height: 684px;
	float: left;
	border-bottom: .15em solid #000000;
	border-right: .15em solid #000000;
	padding-top: .25em; 
	padding-left: .25em; 
	padding-right: .25em; 
	margin-right: .25em;
	z-index: 60;
}
ul.navigation {
    font: bold .9em Verdana, sans-serif;
	}
li.navigation {
	padding-bottom: 1.75em;
	margin-left: -2.5em;
    list-style: none;
    text-align: left;
}
.bl {
	background: url(images/bl.png) 0 100% no-repeat; filter: alpha(opacity=62); 
	-moz-opacity: 0.62; height: auto; width: 180px; z-index: 60;
	}
.br {
	background: url(images/br.png) 100% 100% no-repeat; z-index: 60;
	}
.tl {z-index: 60;
	}
.tr {padding:10px; z-index: 60;
	}
.clear {font-size: 1px; height: 1px}

/* Main Content Area */
div#content {
	position: relative;
	padding: .5em; 
	margin: .5em;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}
h1.content {
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	}
h2.content {
	font-size: 1.15em;
	font-style: italic;
	font-weight: bold;
	}
h3.content {
	font-size: 1em;
	font-style: italic;
	text-decoration: underline;
	font-weight: bold;
	}
i.content {
	font-style: italic;
	text-decoration: underline;
	}
font.small {
	font-size: .75em;
	font-style: italic;
	color: #9B0000;
	}
p.small {
	font-size: .75em;
	font-style: italic;
	font-weight: bold;
	}
red-text.content {
	font-size: .75em;
	font-style: italic;
	font-weight: bold;
	color: #B00000;
	}
h1.content, h2.content, h3.content, ul.content, li.content, ol.directions, li.directions, table, p {
margin-left: 220px;
}
ul.content {
	padding-left: 1em;	
	list-style-type: circle;
    margin-left: 0;
	}
li.content {
    text-align: left;
}
ol.directions {
	padding-left: 1em;
    margin-left: 0;
	}
li.directions {
	text-align: left;
	}
	
/* Footer */
div#footer {
	margin: 0 auto;
	width: 270px;
	height: auto;
	font-size: .75em;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	vertical-align: bottom;
	}

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */