@charset "utf-8";
/* CSS Document */
html {
	position: relative;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #333333;  
}
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	height: auto; 		
	width: 924px; 		   			/* width of page_gradient.gif */
	padding: 0px;
	margin: 5px auto 5px auto; 	/* leave gap at top of page */    	
}
/* Container */
#container {
	position: relative; 
	top: 0px;
	width: 800px;
	min-height: 100%; 
	height:auto !important;
	height:100%;											
	margin: 0px;
	padding: 0px 62px 0px 62px;
	background: #FFFFFF url(background.gif) repeat-y; 
}
/* Header */
#header {
	height: 108px;
}
#header #logo {
	float: right;
	margin: 0px;
}
/* Menu Bar settings */
#menubarSpan {
	height: 30px;
	display: inline-block;
	float: right;
	position: relative;
	right: 10px;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
}
/* Menu Bar */
#menubar {						
	height: 30px;							/* create horizontal menu bar */	
	width: 800px;							/* set size & background */
	padding: 0px;
	margin: 0px;
	background-image: url(menubar_repeat.jpg);
}
#menubar ul { 				
	list-style-type: none;  			/* create menu list */
	display: inline;						/* make horizontal */
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 20px; 			/* indent 1st link */
	border-left: 1px solid #FFFFFF;	/* put border to left of 1st button */
}
#menubar ul li {
	list-style-type: none; 				/* no bullets */
	float: left;
	margin: 0px;
	padding: 0px;
}
#menubar ul li a {
	line-height: 30px;					/* style links */
	display: block;						/* so whole button is selected */
	color: #FFFFFF;
	font-family: Arial;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;				/* no underline */
	padding: 0px 10px 0px 10px; 
	border-right: 1px solid #FFFFFF;	/* white border to right of button */
}
#menubar ul li a:hover, #menubar ul li.uber a, #menubar ul li.sfhover a {
	color: #FFFFFF;  						/* style of link on mouse-over - uses SuckerFish */
	display: block;						/* so whole button is selected */
	background: url(menubar_hover.jpg) repeat-x;
}
/* Menu Bar drop down */
#menubar ul li ul {
	font-family: Arial;						/* style drop down menu */
	font-size: 0.8em;
	font-weight: normal;
	position: absolute;  
	width: 191px;               	
	z-index: 100;								/* so displays on top */								
	left: -999em;								/* move dropdown list out of view */ 
	padding: 0px;
	margin: 0px;
	border-left: medium none;
	background-color: none;	
	_border-color:tomato; /*For IE6-*/	/*For IE6 set an unused color to be index color*/	
	_filter:chroma(color=tomato);/*For IE6-*/	/*then remove this indexed color*/
}
#menubar ul li:hover ul, #menubar ul li.sfhover ul{
	left: auto;									/* bring drop down menu into view */
}
#menubar ul li ul li a, #menubar ul li.uber ul li a, #menubar ul li.sfhover  ul li a {
	color: #FFFFFF;							/* style drop-down menu links */
	display: block;							/* so whole button is selected */
	width: 173px;						
	line-height: 1;
	padding: 5px 9px 5px 9px;
	background-color: #C00000;
	background-image: none;
	border-right: medium none;
	border-bottom: 1px solid #960000;	/* Link divider */
}
#menubar ul li ul li a:hover, #menubar ul li ul li.uber a {
	color: #FFFFFF;							/* style of drop-down link on mouse-over */
	background-color: #960000;
	background-image: none;
	border-bottom: 1px solid #960000;	/* Link divider */
}
#menubar ul li ul li{
	display: block;
	margin: 0px;
	padding: 0px;
}
#menubar li:hover {
	position: static;  		/* Fixes the ie7 sticky hover problem! */
}
/* Left Graphic */
#sidebar {
	float: left;
	width: 145px;
	height: 544px;
	margin: 0px;
	padding: 0px;
	background: url(sidebar.png) no-repeat left top;
}
/* Breadcrumbs */
#breadcrumbs {
	display: none;  			/* disabled */
	font-size: 0.7em;
}
/* Content */
#content {
	float: left;
	width: 600px; 
	font-size: 0.8em;
	overflow: hidden;
	margin: 0px;
	padding: 20px;
}
#content a, #footer a {
	color: #C00000;
}
#content a:hover, #footer a:hover {
	color: #960000;
}
#content h1, #content h2, #content h3 {
	margin-bottom: 5px;	
}
#content h1, #content h2, #content h3, #content p {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
#content h1 {
	font-size: 1.6em;
	color: #000000;
}
#content h2 {
	font-size: 1.4em;
	color: #000000;
}
#content h3 {
	font-size: 1.2em;
	color: #000000;
}
/* Footer */
#footer {
	clear: both;
	color: #313028;
	font-size: 0.7em;
	text-align: center;
	padding: 0px;	
	border-top: 1px solid #313028;			
	border-bottom: 5px solid #313028; 
}
/* Custom link style */
.SIclass a, .toc_class a { 
	text-decoration: none !important; 
	color: black !important;
}
.SIclass a:hover, toc_class a:hover {
	text-decoration: none !important; 
	color: red !important;
}