/* CSS Document */

.clearfix:after 
{	content: ".";
	display: block;
	height :0;
	clear :both;
	visibility:hidden;}
	
.clearfix 
{	display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px ;}
.clearfix {display: block ;}
/* End hide from IE-mac */


body {font-family:Arial, Helvetica, sans-serif; font-weight:normal; 
background-color:#e6e6e6;
margin:0; padding:0;}

h1 {font-size:1.8em; color:#CC6600; font-weight:normal; border-bottom:1px solid #ccc; margin-bottom:0.5em; display:block; width:100%}
h2 {font-size:1.4em; color:#646464; font-weight:normal}
h3 {font-size:1.2em; color:#006699; margin:3px 0 0 0;font-weight:normal}
h4 {font-size:0.8em; line-height:1.6em; color:#333; padding:0 0.5em 0.1em 0.5em; font-weight:normal}
h5 {font-size:0.7em; color:#CC6600; text-align:right; font-weight:normal; padding:0; margin:0 1px 10px 0; width:100%}


h2 a, h2 a:link, h2 a:visited {font-size:1.4em; color:#646464; font-weight:normal; text-decoration:none}
h2 a:hover {color:#FF9900;}
h4 a, h4 a:link, h4 a:visited {color:#333333; text-decoration:none; border-bottom:1px dotted #CC6600}

.clearleft {clear:left;}

#mainpagewrap {width:990px; margin:0 auto; background-color:#e6e6e6}

#header {width:990px; height:auto; margin:0 auto; background:url(../i/bg_mainnav_static.jpg) #fff top repeat-x;}
#headerlogo h1 {display:none}
#headerlogo {float:left; height:75px; width:320px; margin:0; padding:0 80px 0 0;}

#navcontainer{float:right; width:590px; margin:0; padding:0;}

ul#main_nav {
		width:100%;
		list-style:none; 
		margin:0 auto; 
		padding:0;
		font-size:0.8em;
		}
		
ul#main_nav li {float:right; padding:30px 0;}
ul#main_nav li a {padding:30px 10px; color:#999; text-decoration:none; border-right:1px dotted #e6e6e6; font-weight:bold}
ul#main_nav li a:hover, ul#main_nav li a:active, ul#main_nav li.selected { color:#3366CC; background:url(../i/bg_mainnav_hover.jpg) #fff top repeat-x;}
ul#main_nav li.first a{border:0}

ul#subnav
{	width:180px; 
	height:auto; 
	font-size:0.75em; 
	list-style-type:none; 
	text-indent:0; 
	margin:0 0 20px 0;
	padding:0;
	display:block}
	
ul#subnav li {width:100%; margin:0;padding:0; display:inline}
ul#subnav li a, ul#subnav li.heading {display:block; width:160px; margin:0; padding:4px 10px; color:#777; border-bottom:1px dotted #bbb; text-decoration:none}
ul#subnav li.heading { font-weight:bold; margin:15px 0 5px 0; border:0; font-size:1.5em}

ul#subnav li a:hover, ul#subnav li a:active {text-indent:10px; color:#fff; background:url(../i/subnav_hover_x.jpg) bottom left repeat-x #cc6633}
ul#subnav li.first a{border:0}
ul#subnav li.selected a {color:#3366CC; background:url(../i/bg_mainnav_static.jpg) #fff bottom repeat-x;}



#subnav li ul
{	width:180px; 
	height:auto; 
	font-size:1em; 
	list-style-type:none; 
	text-indent:20px; 
	margin:0;
	padding:0;
	display:block;
	background-color:#FFFFFF;}
	
#subnav li ul li a {
					 display:block; width:160px; margin:0; padding:4px 10px; color:#777; 
					 border-bottom:2px solid #ccc;
					 background-color:#fff; 
					 text-decoration:none
					 }
					 
#subnav li ul a:hover {text-indent:25px; color:#3366CC; border-bottom:2px solid #999; background-color:}
#subnav li ul li.first a{border:0}


ul.quickinfo
{	width:180px; 
	height:auto; 
	font-size:0.75em; 
	list-style-type:none; 
	text-indent:0; 
	margin:0 0 20px 0;
	padding:0;
	display:block}
	
ul.quickinfo li {width:160px; margin:0; padding:4px 10px 10px 4px; color:#777; border-bottom:1px dotted #bbb;}
ul.quickinfo li.heading {font-weight:bold; border:0;}
ul.quickinfo .strong {font-weight:bold; color:#990000}

ul.quickinfo li a {display:block;  text-decoration:none}
ul.quickinfoli a:hover, ul.quickinfo li a:active {text-indent:10px; color:#fff; background:url(../i/subnav_hover_x.jpg) bottom left repeat-x #cc6633}
ul.quickinfo li.first a{border:0}
ul.quickinfo li.selected a {color:#3366CC; background:url(../i/bg_mainnav_static.jpg) #fff bottom repeat-x;}

  



#mainpage {clear:both; width:990px; padding:0; margin:0 auto;  background:#e6e6e6 url(../i/bg_pagetop_x.jpg) repeat-x; xbackground-attachment:fixed; xbackground-position:0 20px}

#leftcol {width:180px; padding:10px 15px; margin:0; float:left;}
#rightcol {width:730px; padding:10px 10px 15px 20px; margin:0; float:right;}
#pageimage {clear:both; display:block;}


#rightcol #PageLeftCol, #rightcol #PageRightCol
{width:340px; padding:5px; margin:5px; float:left;}



#footerwrap {width:990px; height:auto; background:#e6e6e6 url(../i/bg_footer_x.jpg) repeat-x top left; margin:10px auto; padding:0; text-align:center; border-top:1px dotted #FFFFFF}
#innerfooter {width:930px; height:auto; padding:20px 10px; margin:0 auto; text-align:left}
.footerimage {padding:5px 20px;}

#innerfooter ul {width:auto; position:relative; display:inline; float:left; list-style-type:none; color:#444; margin:0 10px;}
#innerfooter ul li {margin:5px 0; padding:0; font-size:0.7em;}
#innerfooter ul li a:visited, #innerfooter ul li a:link {text-decoration:underline; color:#666;}
#innerfooter ul li a:hover, #innerfooter ul li a:active {color:#000;}
#innerfooter ul li.title {font-weight:bold; font-size:0.75em; margin:0 0 1em 0}

#banner {width:300px; height:200px; padding:5px; float:right; background-color:#ddd}
#banner a img {border:0;}

.paracontainer {width:100%;background:#FFFFFF url(../i/bg_para.jpg) top left no-repeat;}

#movieholder {width:690px; height:200px; padding:10px; background:url(../i/emptyframe.jpg) no-repeat top left #fff;}
#thumbnails {width:680px; height:auto; padding:10px;}
#thumbnails a img{border:2px solid #D3D3D3; margin:3px}
#thumbnails a:hover img, #thumbnails a:focus img {border:2px solid #CC9933}

ul.adminGeneral { list-style-type:none; font-size:0.75em;}
ul.adminGeneral li {padding:3px 1px}

ul.general {font-size:0.75em; color:#333333; padding:0; margin:5px 0 5px 20px; width:500px; list-style-type:none;}
ul.general li {margin:5px 0;}
ul.general li a, ul.general li a:link, ul.general li a:active, ul.general li a:visited {color:#333333; text-decoration:none;}
ul.general li a:hover {color:#003366; border-bottom:1px dotted #CC9933}
ul.general li.heading {margin:20px 0 0 0; font-weight:bold; list-style-type:none}

ul.contact {float:left; font-size:0.75em; color:#333333; padding:10px; margin:5px 0 20px 20px; width:200px; list-style-type:none; background:url(../i/bg_pagetop_x.jpg) repeat-x top left #fff; border:3px solid #eee;}
ul.contact li a, ul.contact li a:link, ul.contact li a:active, ul.contact li a:visited {color:#CC6633; text-decoration:none;}
ul.contact li a:hover {color:#003366;}
ul.contact li.heading {margin:10px 0; font-weight:bold;}


.newsitem, .newsitemfull, .medalitem {width:90%; padding:5px; margin:4px 4px 10px 4px;  border:1px solid #ccc; border-top:#d6c7b8 5px solid; background:url(../i/newsitem_x.jpg) no-repeat top right #e6e6e6}
.newsitemfull {background:none;}
.medalitem {background:url(../i/medal_x.jpg) no-repeat top left #e6e6e6}

.highlight {color:#666699; text-transform:uppercase; font-size:0.8em;}

.newsimage {float:right; padding:3px; border:1px solid #ccc; margin:0 10px 5px 10px ;}