@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0px; padding: 0px; border: 0px;
}

.titles {
	color: #008080;
	font-size: 14px;
	font-weight: bold;
}

.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom:1; }
	
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #000b10 url(images/bkg.jpg) repeat-x;
}

#container {
	width: 970px; margin: 0 auto;
}

#header {
	width: 970px;
	height: 188px;
	margin: 0 auto;
	padding: 0px 30px;
	background: url(images/header.jpg)  no-repeat left top;

}



/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; margin: 0; padding: 148px 0 0 0; }
ul.dropdown li                      { margin: 0; padding: 0; font-weight: bold; float: left; zoom: 1; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; list-style: none; }
ul.dropdown a:hover		               { color: #000; }
ul.dropdown a:active                { color: #000000; }
ul.dropdown li a                    { display: block; height: 22px; padding: 9px 8px 9px 8px; border-right: 1px solid #333; color: #FFFFFF; text-decoration: none;}
ul.dropdown li:last-child a         { border-right: none; list-style: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #d0cca9; color: black; position: relative; list-style: none; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ margin: 0; padding: 0; width: 220px; visibility: hidden; position: absolute; top: 40px; left: 0; z-index: 400; }
ul.dropdown ul li 					{ margin: 0; padding: 0; font-weight: bold; background: #014230; color: #000; border-bottom: 1px solid #ccc; float: none; font-size: 12px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; height: 18px; width: 100%; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ margin: 0; padding: 0; left: 100%; top: 0; z-index: 500; }
/*ul.dropdown li:hover > ul 			{ visibility: visible; }*/



.nav-wrap {
  position: relative;
}




#dropdown a:active {
   color: #FFFFFF !important;
}

#content {
	margin: 0px 0 0px 0;
	background-color:#FFFFFF;
}

#content h1, h2, h3, h4, h5, h6 {
	color: #008080;
	margin: 20px 0 20px 30px;
}


#content p {
	color: #000000;
	font-size: 12px;
	line-height: 18px;
	margin: 20px 10px 20px 30px;
}

#content a {
	color: #006666; 
	font-weight: bold;
	text-decoration: none;
}

#content a:hover {
	color: #003366;
	text-decoration: underline;
}

#content #main {
	width: 620px;
	float: left;
	margin: 0 0 0 0 ;
}

#content #side {
	width: 300px;
	float: left;
	margin: 0 0 0 0;
}

#news {
background-color:#f8f3cd;
color: #000000;
font-size: 12px;
line-height: 18px;
padding: 8px;
margin: -20px -30px 0 30px;

}

#video{
	width: 620px;
	height: 470px;
	float: left;
}

#footer-container {
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 50px 0;
	text-align:center;
}

#footer p {
	font-size: 10px;
	color:#FFFFFF;
}

#footer a {
	color: #FFFFFF;
	text-decoration:underline;
}

#footer a:hover {
	color: #CCCCCC;
	text-decoration:underline;
}



	
	
