/* general styling */
* {padding: 0;
	margin-left: 0;
	margin-bottom: 0;
}

body {margin: 0px; padding: 0px;  font-family: Verdana, Arial, sans-serif; font-size:75%;  background: #000; }

p {font-family: verdana, arial, sans-serif; font-size: .90em;
}

div#wrapper{min-width:900px; max-width:1024px; margin-left:auto; margin-right:auto; text-align:left;}
#top {text-transform:uppercase; width:100%; background:#996; Padding: 0 0 0 0px; Height: 25px; text-align: center;}
#top span{text-align:right;}
#header 
{   
	width: 100%;
	background: #000;
	padding: 0 0 0 0px;
	color: #999;
	text-indent: 30px;
	height: 141px;
	 
	}
	div#header img{float:left; margin:0 0 0 0px; padding: 0 0 0 0px;}

	#header h1{float:left; width: auto; vertical-align: bottom; 
	font-family:"Century Gothic", Verdana, Arial, sans-serif; font-weight: normal; 
	padding: 0px; margin-top: 40px; margin-left:0px; margin-right:0px; Margin-bottom:0px; color: #fff;letter-spacing: -.025em;
	} 
	#header h1 span{padding: 0px; margin-left: 80px; color: #fff; font-family:"Viner Hand ITC", Sans-Serif; font-weight: normal; 
            font-size:.7em; letter-spacing: -.025em; vertical-align:top; text-indent: 20px;
            padding-bottom: 10px; 
	}


	#vision {top:0px; text-transform: uppercase; width: auto; height: 18px; background: #333; margin-top:0px; font-weight: normal; padding-top: 0px; 
	text-align: center; color: #fff; font-family: Arial, sans-serif; font-size: 1.2em; font-weight: normal; border-top: solid 5px #fff ;}

	div#siteNav{ min-width:900px; max-width:1024px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom: 0px; border-top: solid 2px #996; border-bottom: solid 2px #996; border-left: solid 2px #996;
	font-size: .9em; background: #996;}
	
	div#siteNav ul {margin-left: auto; margin-right: auto; padding: 0px; top: 20px}
	div#siteNav ul li {padding: 0px; }
	div#siteNav li {float:left; color: #fff; list-style-type:none; background-color:#000; position: relative; padding: 0px; z-index: 6; }
	div#siteNav a {display: block; color: #fff; font-size:1.2em; text-decoration: none; padding: 1px; margin: 1px; width: 100px; text-align: center;}
	div#siteNav a span {text-decoration: none; color: #CC9;}
	div#siteNav a:hover {color:#000; }
	div#siteNav li:hover {background:#996; font-weight:bold;}
	div#sitNav a:active{background: red; color: White;}
	div#siteNav a:hover{font-weight:bold}
	
			/* the drop-down starts here */
			div#siteNav ul li a:activelink{background-color:red;text-align:left;}
			div#siteNav ul li ul {margin:0px; width:100%; position:absolute; left: -1px;}
			div#siteNav ul li ul li {width: 120px; border-bottom:solid 1px red;}
			/* the drop-down ends here */ 
			/* make the drop-down display as the menu is rolled over */
			div#siteNav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
			div#siteNav ul li:hover ul {display:block; background: #996; -moz-opacity:0; opacity:.9; filter:alpha(opacity=90);z-index: 1; width: 100%;}  /* shows the drop-down when menu is hovered */

	div#container2 {position: relative; width:100%; z-index: 1;
	top: 0px;
	left: -1px;
	height: 17px;
}

	div#bookmarks {position: absolute; top:0px; left:0px; width: 131px; font-size: .9em; font-weight: normal; height: 332px;
}
	div#bookmarks a{display: block;  font-weight: normal; text-decoration:none ; padding: 0px;}
	/*	div#bookmarks a:hover{background: #996; text-decoration:none;} */
	

	div#mainContent {width: auto; margin: 0px 30px 0px 153px; 
	background: #fff; padding: 10px; font-size: 1em; font-weight: normal;
	height: 332px;
}
	#mainContent strong {color:#111;}
	#mainContent strong:first-child {color: #991116;}
	
	div#imageBar {position: absolute; top:2px; right:-152px; width: 152px; background: #fff; height: 332px;}
	#login {margin-right: 6px;}
		

div#footer {width: 100%; text-align: center; background: #111; height: 70px; border-bottom: solid 5px #fff;}
div#footer a:hover{color: #c30}

	.clearfix:after {content: "."; 				/* the period is placed on the page as the last thing before the div closes */
	display: block; 							/* inline elements don't respond to the clear property */ 
	height: 0; 									/* ensure the period is not visible */
	clear: both; 								/* make the container clear the period */
	visibility: hidden;} 						/* further ensures the period is not visible */

	.clearfix {display: inline-block;} 			/* a fix for IE Mac */
												/* next a fix for the dreaded Guillotine bug in IE6 */									
	* html .clearfix {height: 1%;}				/* Hides from IE-mac \*/
	.clearfix {display: block; background-color: #111;}					/* End hide from IE-mac */

/* link styling */
a {color: red;}

/* MainContent Styling */
#classDate{font-style: italic;}
#bottom {width:100%; background:#996; Padding: 0 0 0 0px; Height: 25px; position: relative;}