/* Defaults
--------------------------- */
body, h1, h2, h3, h4, h5, h6,
p, ul, ol, li { margin:0px; padding:0px; border:0px; }

td, th { vertical-align:top }
ul, ul li { list-style-type:none }
ul li { background: url(../images/general/bullet.gif) no-repeat; background-position:0 4px; padding-left:9px; } 
img { border:0px; }
a:focus { outline:none; }



/* General
--------------------------- */
body { background-color:#003; }

td, body, textarea { color:#333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }

p, h1, h2, li { margin-bottom:18px; }
ul, ol { margin:0 80px 0 27px; padding-bottom:10px; }
p, li  { line-height:16px; }

h1, h2, a { color:#99c; }
h1 { font-size:17px; text-transform:lowercase }
h2 { font-size:13px; }
h1, h2, h3 { color:#99c }
a { text-decoration:none }
a:hover { text-decoration:underline }



/* Structure
--------------------------- */
#container { width:770px; background:#714B44 url(../images/backgrounds/about_bg.jpg) top left no-repeat; }

#header { height:108px; }
#navigation { height:21px; margin-bottom:6px }

#header, #navigation, #primary { margin-left:20px; }

#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none }
#navigation li { line-height:21px; float:left; margin-right:2px; }
#navigation li a { display:block; float:left; color:#fff; font-weight:bold; text-indent:15px; text-transform:uppercase;  }
#navigation a:hover { text-decoration:none; }

#navigation a:hover, #secondary ul.links a:hover, 
.live #navigation li.live a, .local #navigation li.local a, 
.learning #navigation li.learning a, .lab #navigation li.lab a,
.about #navigation li.about a, .resources #navigation li.resources a  { text-indent:30px; }

#navigation li.live a { width:108px; background-color:#f60; }
#navigation li.live a:hover, .live #secondary li a:hover, .live #secondary li.highlight a { background:#f60 url(../images/nav/live_arrow.gif) center left no-repeat; }

#navigation li.local a { width:120px; background-color:#f90; }
#navigation li.local a:hover, .local #secondary li a:hover, .local #secondary li.highlight a { background:#f90 url(../images/nav/local_arrow.gif) center left no-repeat ; }

#navigation li.learning a { width:145px; background-color:#fab613; }
#navigation li.learning a:hover, .learning #secondary li a:hover, .learning #secondary li.highlight a { background:#fab613 url(../images/nav/learning_arrow.gif) center left no-repeat;}

#navigation li.lab a { width:102px; background-color:#fc6; }
#navigation li.lab a:hover, .lab #secondary li a:hover, .lab #secondary li.highlight a { background:#fc6 url(../images/nav/lab_arrow.gif) center left no-repeat; }

#navigation li.about a { width:124px; background-color:#99c; }
#navigation li.about a:hover, .about #secondary li a:hover, .about #secondary li.highlight a { background:#99c url(../images/nav/about_arrow.gif) center left no-repeat; }

#navigation li.resources a{ width:121px; background-color:#669; }
#navigation li.resources a:hover, .resources #secondary li a:hover, .resources #secondary li.highlight a { background:#669 url(../images/nav/resources_arrow.gif) center left no-repeat; }

#secondary ul.links { background-color:#99c }
#secondary ul.links li { display:inline; background:none; }
#secondary ul.links li a { border-top:1px solid #fff; display:block; width:178px;
	line-height:24px; color:#fff; text-indent:20px; font-weight:bold; }
#secondary ul.links li.first a { border:0px; }
#secondary ul.links a:hover { text-decoration:none; }
#secondary ul.links li.highlight a { text-indent:30px; }

#content { width:770px; clear:both;}
#primary, #secondary { float:left; display:inline; }
#primary { background-color:#fff; padding:15px 36px 0px 14px; width:530px; voice-family: "\"}\""; voice-family:inherit; width:480px; }
#secondary { width:178px; margin-left:22px; }

#footer { background-color:#336; font-size:11px; clear:both; }
#footer, #footer a { color:#fff; }
#footer p { margin:0 0 0 32px; line-height:35px; }
#footer a { margin:0 5px; }
#footer a:hover { text-decoration:underline }



/* Homepage
--------------------------- */
#homepage { padding:24px 0 13px 13px; color:#fff; }
#homepage #container { background:none; }
#homepage #content { background-color:#336; }
#homepage #primary { height:415px; width:563px; margin:0px; padding:0px; background:url(../images/backgrounds/home_bg.jpg) top left no-repeat; position:relative; }
#homepage #secondary {  margin:0 10px; }
#homepage #secondary .prop { float:right; height:415px; width:1px; background-color:#336}

#homepage #logo { position:absolute; left:21px; top:21px; width:137px; height:82px; }
#homepage #quote { position:absolute; left:238px; top:42px; width:309px; height:46px; }

#homepage #footer { background-color:#003; padding:10px 0 0 5px; position:relative;  }
#homepage #footer, #homepage #footer a { color:#99c; }
#homepage #footer a { margin:0px; padding:0px; }
#homepage #footer a:hover { text-decoration:underline; border:0px; }
#homepage #footer p { margin:0 0 5px; padding:0px;  line-height:12px; }
#homepage #footer .siteinfo span { margin-right:4px; padding-left:3px; }
#homepage #footer .siteinfo span.first { margin-left:0px; padding-left:0px; }
#homepage #footer #author { margin-top:15px; font-size:10px; }
#homepage #footer #author a { color:#669 }
#homepage #footer #sponsors { position:absolute; top:10px; right:0px; width:430px; }
#homepage #footer #sponsors span.first { margin-right:0px; }
#homepage #footer #sponsors span{ margin-right:15px; }

#homepage #intro { clear:both; padding:10px 15px; }
#homepage #intro p { margin:0px; } 
#homepage #secondary p.links { background-color:#336; padding:10px 0 10px; margin:0; text-align:center; }
#homepage #secondary .links, #homepage #secondary .links a { color:#f90; }

#homepage #secondary { position:relative; }
ul#news-summaries { position:absolute; bottom:0px; left:0px; }
ul#news-summaries, ul#news-summaries li { margin:0px; padding:0px; list-style-type:none; background:none; }
ul#news-summaries li { border-top:12px solid #336; padding:5px 5px; background:none; background-color:#669; }
ul#news-summaries li p { margin:0 0 5px; }
ul#news-summaries li a { color:#fff; font-weight:bold; }
ul#news-summaries li a:hover { color:#ff9900; text-decoration:none }
/*ul#news-summaries li a { color:#fff; background-color:#ff9900; padding:1px 2px 2px; margin:15px 0 0; font-weight:bold; }
ul#news-summaries li a:hover { color:#669; text-decoration:none }*/

#sections { position:absolute; bottom:15px; left:6px; }
#sections ul, #sections li { margin:0px; padding:0px; list-style-type:none; background:none; }
#sections li { display:inline; float:left; margin-right:2px; background-color:#fff; height:56px; 
	color:#333; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px; width:136px; voice-family: "\"}\""; voice-family:inherit; width:132px; }
#sections h2 { line-height:18px; margin:0px; padding:3px 5px; color:#fff; font-size:11px; text-transform:uppercase;  }
#sections p { margin:0 0 0 2px; padding:0px; }
#sections a { color:#fff; }
#sections li.local h2 { background-color:#f90; }
#sections li.learning h2 { background-color:#fc0; }
#sections li.lab h2 { background-color:#99c; }
#sections li.live h2 { background-color:#669; }



/* Themes
--------------------------- */
.live #container { background:#010303 url(../images/backgrounds/live_bg.jpg) top left no-repeat; }
.live #navigation li.live a { background:#f60 url(../images/nav/live_arrow.gif) top left no-repeat; }
.live h1, .live h2, .live h3 { color:#f60 }
.live #secondary ul.links { background-color:#f60; }

.local #container { background:#000 url(../images/backgrounds/local_bg.jpg) top left no-repeat; }
.local #navigation li.local a { background:#f90 url(../images/nav/local_arrow.gif) top left no-repeat; }
.local h1, .local h2, .local h3 { color:#f90 }
.local #secondary ul.links { background-color:#f90; }

.learning #container { background:#E4F3E4 url(../images/backgrounds/learning_bg.jpg) top left no-repeat; }
.learning #navigation li.learning a { background:#FAB714 url(../images/nav/learning_arrow.gif) top left no-repeat; }
.learning h1, .learning h2, .learning h3 { color:#FAB714 }
.learning #secondary ul.links { background-color:#FAB714; }

.lab #container { background:#000 url(../images/backgrounds/lab_bg.jpg) top left no-repeat; }
.lab #navigation li.lab a { background:#fc6 url(../images/nav/lab_arrow.gif) top left no-repeat; }
.lab h1, .lab h2, .lab h3 { color:#fc6 }
.lab #secondary ul.links { background-color:#fc6; }

.about #container { background:#12110F url(../images/backgrounds/about_bg.jpg) top left no-repeat; }
.about #navigation li.about a { background:#99c url(../images/nav/about_arrow.gif) top left no-repeat; }
.about h1, .about h2, .about h3 { color:#99c; }
.about #secondary ul.links { background-color:#99c; }

.resources #container { background:#600 url(../images/backgrounds/resources_bg.jpg) top left no-repeat; }
.resources #navigation li.resources a { background:#669 url(../images/nav/resources_arrow.gif) top left no-repeat; }
.resources h1, .resources h2, .resources h3 { color:#669 }
.resources #secondary ul.links { background-color:#669; }



/* Custom Pages
--------------------------- */
.gallery #primary { padding:15px 10px 0px 14px; width:530px; voice-family: "\"}\""; voice-family:inherit; width:506px; }



/* Custom Elements
--------------------------- */
ul.short li { margin-bottom:10px; }
ul.links, ul.links li { list-style-type:none; margin:0px; padding:0px; }
ul.listing, ul.listing li { margin:0 0 10px; padding:0px; list-style-type:none; }

ul.sitemap ul { margin:10px 0; }
ul.sitemap li { font-size:13px; background:none; padding:0px; margin:0 0 5px 15px }
ul.sitemap ul li { background: url(../images/general/bullet.gif) no-repeat; background-position:0 4px; padding-left:9px; }

form#contact { float:left; width:200px; }
form#contact label { display:block; padding-top:2px; }
form#contact input, form#contact textarea { width:220px; }
form#contact .submit { width:auto; }

ul.photos { margin:25px 0 0px; }
ul.photos li { background:none; margin:0 0 30px; padding:0px; }

ul.thumbnails { margin:0 0 30px; padding:0 0 1px; }
ul.thumbnails li { margin:0 0 0 40px; padding:0px; background:none; display:inline; float:left; }
ul.thumbnails li.newline { margin:0px; }
ul.thumbnails p { margin:0 0 10px; padding:0px; }
ul.thumbnails img { }

table#posters p { margin:0 0 10px } 
table#posters td { padding-bottom:15px } 

table.staff td img { margin-bottom:20px; }



/* Hacks
--------------------------- */
#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { clear:both; height:1px; overflow:hidden;}
.prop { float:left; width:1px; }

#primary { min-height: 400px; height: auto; }
/* for Internet Explorer */
/*\*/
* html #primary { height: 400px; }
/**/

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */