/*-----------------------------------------
				Global CSS
-------------------------------------------*/

* { margin:0; padding:0; }
body { min-width:1024px; height:101%; margin:0px; background: #FFFFFF url(../images/background_tile.gif) top left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; }
a { color: #00a04e; text-decoration:underline; }
a img { border: none; }
a:hover { color: #00a04e; text-decoration:none; }
h1, h2, h3, h4, h5, h6 { color:#000000; font-family: Arial, Helvetica, sans-serif;  margin: 0px; padding: 0px; }
h1 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h2 { font-size: 13px; line-height: 18px; font-weight: bold; margin-bottom: 5px; }
p { font-size: 11px; line-height: 16px; margin-bottom: 15px; }
hr { margin: 10px 0 10px 0; border:none; size:1px; }
.hidden { display:none; text-indent:-9999px; }
#gblogo { display:none; text-indent:-9999px; position:relative; background:url(../images/gblogo.gif) top left no-repeat; width:200px; height: 100px; }
.alignright { float:right; margin:0px 0px 5px 5px; }
.alignleft { float:left; margin:0px 5px 5px 0px; }

#container {width:1024px; margin:0px auto; padding:0px; z-index:1; position:relative;}
#containertop {width:1024px; margin:0px; height:15px; background: url(../images/content_top.png) top left no-repeat; z-index:2; position:relative; }
#containersides {width:1024px; margin:0px; background: url(../images/content_trans.png) top left repeat-y; z-index:3; position:relative; height:100%;}
#containermiddle {width:942px; min-height:968px; height:100%; margin:0px; background: #FFF url(../images/content_globe.jpg) bottom right no-repeat; z-index:2; position:relative; top:0px; left:36px;}
#containerbottom {width:1024px; margin:0px; height:55px; background: url(../images/content_bottom.png) bottom left no-repeat; z-index:5; position:relative; clear:both; top:0px;}

#mainlogo { width:942px; height:171px; position:relative; top:0px; left:36px; background: url(../images/header_bkg.jpg) top left no-repeat; }
#mainnav { width:920px; height:37px; position:relative; top:116px; left:25px; z-index:98; }
#mainnav ul { list-style: none; }
#tagline { text-indent:-9999px; }
div.imageSpacer { width:175px; height:175px; }

#primarynav { margin: 5px 0 0 0; z-index:9999; position:relative; }
#primarynav li { float: left; margin: 0 18px; }
#primarynav a { display: block; padding: 10px 0; border-bottom: none; font-size: 16px; color:#FFFFFF; text-decoration: none; font-weight:bold; }
#primarynav a:hover { color:#00a04e; }
/* If you use submenus here are the css values (you're gonna half to fix z-indexes for them to work):
#primarynav li ul { position: absolute; width: 150px; top: 28px; left: -999em; margin: 0; background-color: #000; border-left: solid #00a04e 1px; }
#primarynav li.contact ul { position: absolute; width: 95px; top: 28px; left: -999em; margin: 0; background-color: #fff; border-left: solid #00a04e 1px; }
#primarynav li ul li { margin: 0; padding: 0; }
#primarynav li ul li a { display: block; width: 150px; padding: 3px 5px; border-bottom: #00a04e; font-size: 10px; color:#00a04e; }
#primarynav li ul li a:hover { color:#FFFFFF; background:#8e9295; }
#primarynav li.contact ul li a { display: block; width: 95px; padding: 3px 5px; border-bottom: #00a04e; font-size: 10px; color:#00a04e; }
#primarynav li.contact ul li a:hover { color:#FFFFFF; background:#8e9295; }
#primarynav li:hover ul, #primarynav li.sfhover ul { left: auto; }
*/

#home #primarynav li.home a, #team #primarynav li.team a, #sponsors #primarynav li.sponsors a, #results #primarynav li.results a,
#photos #primarynav li.photos a, #blog #primarynav li.blog a, #podcast #primarynav li.podcast a, #schedule #primarynav li.schedule a 
{ color: #00a04e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
#home #primarynav li.home a:hover, #team #primarynav li.team a:hover, #sponsors #primarynav li.sponsors a:hover, #results #primarynav li.results a:hover,
#photos #primarynav li.photos a:hover, #blog #primarynav li.blog a:hover, #podcast #primarynav li.podcast a:hover, #schedule #primarynav li.schedule a:hover 
{ color: #00a04e; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.selected a { color: #00a04e; font-weight: bold; text-decoration:none; font-size: 105%; font-family: Arial, Helvetica, sans-serif; }

#footer {width:942px; height:94px; margin:0px 0px -88px 0px; background: url(../images/footer_bkg.png) bottom left no-repeat; z-index:6; position:relative; top:-88px; left:0px; clear:left; float:left;}
#footertext { width:942px; height:25px; position:relative; top:70px; left:30px; color:#FFFFFF; font-size: 10px; }

#readmore { width:100px; height:12px; float:right; margin:6px 15px 0 0; }
#readmore p { text-align:right; }

#homepara { margin:16px 0px 0px 0px; padding:0px 6px 66px 6px; }
#homepara p { font-size: 12px; line-height: 20px; }

#content { width:942px; height:100%; min-height:100%; margin: 0px 0px 0px 0px; padding-bottom:1px; top:0px; left:0px; position:relative; clear:none; background: url(../images/content_3col_bkg.gif) top left repeat; }
#contentwide { width:942px; height:100%; min-height:100%; margin: 0px 0px 0px 0px; top:0px; left:0px; position:relative; clear:none; background: url(../images/content_2col_bkg.gif) top left repeat-y; }
#leftbar { width:46px; margin:0px; background: #979b9e url(../images/greybar.jpg) top left no-repeat; }
#middlebar { margin:0px; width: 630px; }
#middlebarwide { margin:0px; width: 881px; }
#rightbar { width:251px; background: #00a04e url(../images/greenbar.jpg) top left no-repeat; }

#content ul { margin: 0px 0px 15px 25px; }
#content a { font-weight:bold; }
#content blockquote { padding-left: 25px; }

#homepara p.subhead { font-size: 13px; line-height: 13px; margin-bottom: 4px; }
#homepara p.greenheader { font-size: 18px; line-height: 13px; font-weight: bold; color: #009900; margin-bottom: 5px;  }