.attention {color:#000000 !important; background-color:#ffff00; font-weight:bold;}

html * {margin:0; padding:0;}
.skip, .mobile {display:none;}
body {font-size:.9em; font-family:Arial, Verdana, Sans-Serif; color:#000; background-color:#fff;}
#page {width:770px; max-width:770px; background:#004579 url(img/blue_fade.gif) no-repeat bottom right;}
a {text-decoration:none; font-weight:500; color:#00f;}
a:visited {color:#800080;}
a:hover, a:focus, a:active  {background-color:#edf4ca; color:#800080; border-bottom:1px solid #000e78;}
#display a img {border:1px solid #fff;}
#display a:hover img, #display a:focus img, #display a:active img {border:1px solid #000e78; text-decoration:none; background-color:#fff;}
a.underline {border-bottom:1px solid #000e78;}
ul, ol {margin:.5em 2em 1em;}
H1, H1 a, H1 a:visited {font:800 1.3em Courier, Serif; color:#004579; margin:.5em 0;}
H2, H2 a, H2 a:visited {font:800 1.2em Courier, Serif; color: #004579; margin:.5em 0px;}
H3, H3 a, H3 a:visited {font:800 1.1em Courier, Serif; color:#004579; margin:.5em 0px;}
H4, H4 a, H4 a:visited {font:800 1em Courier, Serif; color:#004579; margin:.5em 0px;}
H5, H5 a, H5 a:visited {font:800 1em Courier, Serif; color:#004579; margin:.5em 0px;}
.w45 {width:45%;}
.w50 {width:49%;}
.fleft {float:left;}
.fright {float:right;}
.doubleleft {clear:all; margin-bottom:50px; display:block;}
p {padding-bottom:1em;}
blockquote {padding:10px 20px 20px 20px;}
fieldset {margin:10px 0; -moz-border-radius: 7pt;}
legend {font:800 1.1em Courier, Serif; color:#004579; margin:0 15px; padding:0 5px;}
table {width:100%;}
table tr {vertical-align:top;}
td {font-size:.9em; font-family:Arial, Verdana, Sans-Serif;}
.hide, .off, .accesskeyhide {display:none;}
.accesskeyOn {text-decoration: underline; font:small-caps 600 .9em Georgia; color:#f03;}
.on {display:inline;}
.show {display:block;}
.clear {clear:right;}
.center {text-align:center;}
.bold {font-weight:800;}
.italic {font-style:italic;}
.nolist {list-style:none; margin-left:-1em; padding-top:10px;}
#display {margin-right:28%; padding:140px 20px 20px 20px; background-color:#fff; z-index:100; text-align:justify; min-height:600px;}
#displayindex {margin-right:28%; padding:420px 20px 20px 20px; background-color:#fff; z-index:100; text-align:justify; min-height:600px;}
#holder {width:100%; cursor:pointer; background-color:#edf4ca; z-index:50;}
#header {float:left; width:100%; height:118px; max-height:118px; background-color:#edf4ca; border-bottom:1px solid #91c501;}
#headerlogo {float:right; display:inline-block; width:28%; height:119px; min-height:119px; text-align:right;}
#logoimg {display:block; height:91px; background:transparent url(img/logo.jpg) scroll no-repeat center;}
#headerlogo a, #headerlogo a:visited {color:#778899; font-size:.9em;}
#header #title {position:absolute; top:10px; left:10px; width:500px; max-width:500px; height:30px; max-height:30px; overflow:hidden; z-index:0; font:800 1.3em Arial, Sans Serif;}
#header #headerimg {position:relative; display:block; width:550px; min-width:550px; height:136px; min-height:136px; z-index:50; background-color:transparent;}
#header #headerlogo span a {color:#004579;}

/*ID in body tag to determine banner image to display*/
#aboutus #headerimg {background:transparent url('/img/about.gif') scroll no-repeat top left;}
#youth #headerimg {background:transparent url('/img/youth.jpg') scroll no-repeat top left;}
/*#employers #headerimg {background:transparent url('/img/employers.jpg') scroll no-repeat top left;}*/
#pn #headerimg {background:transparent url('/img/pn.jpg') scroll no-repeat top left;}
#agencies #headerimg {background:transparent url('/img/agencies.jpg') scroll no-repeat top left;}
#contactus #headerimg {background:transparent url('/img/contactus.jpg') scroll no-repeat top left;}
#sponsors #headerimg {background:transparent url('/img/sponsors.jpg') scroll no-repeat top left;}
#events #headerimg {background:transparent url('/img/news.jpg') scroll no-repeat top left;}
#jobopps #headerimg {background:transparent url('/img/jobopps.jpg') scroll no-repeat top left;}

#sponsorTable td {padding:5px; font-size:.9em; border-bottom:1px dotted #91c501;}
#movie {z-index:100; position:absolute; top:0; left:0; width:554px; height:420px; max-width:554px; min-height:420px; background:#000 url(img/flashreplace.jpg) scroll no-repeat center; text-align:center;}
#news {background:transparent url(img/newsheader.gif) scroll no-repeat top left; margin-top:1em; padding-top:40px;}
.blue #news {width:98%; margin:0 auto 0 10px; padding-left:0; padding-bottom:10px; border-bottom:1px dotted #91c501; background-image:none; text-align:center; font:800 1.1em Arial, Verdana, Sans-Serif;}
.blue #news a, .blue #news a:visited {color:#91c051; font-weight:800; text-decoration:underline;}
.blue #news a:hover {border-bottom:none; background-color:#91c501; color:#000;}
.blue .quote {padding-left:10px; margin:25px 10px 0 10px; color:#91c051; padding-top:0px;}
.quote {color:#91c501; margin:50px 20px 0;}
.quotesrc {clear:left; padding-top:1em; width:100%; text-align:right; font:italic 500 smaller Times New Roman, Serif;}
#feet {position:absolute; top:4em; left:710px;}
.green {background-color:#91c501; padding:5px; border-top:1px solid #91c501; z-index:20; min-height:351px;}
.blue {padding:5px; padding-bottom:90px; z-index:20;}
#menu {clear:right; float:right; width:28%; z-index:20;}
#menu ul {font:800 1.2em Courier, Serif; color:#fff; list-style-image:url(img/bullet.gif);}
/*#menu ul li.events {list-style-image:url(img/bullet_y.gif);}*/
#menu li {margin:1em 0;}
#menu li a {display:block; width:100%;}
#menu li:hover {background-color:#004579; width:100%;}
/*#menu li.events:hover {background-color:#EBF5B0; width:100%;}*/
/*#menu li a:hover {text-decoration:none; border-bottom:none;}*/
#menu li a, #menu li a:visited {color:#fff; font-weight:800; padding-left:5px;}
#menu li a:hover {background-color:#004579; color:#fff; text-decoration:none; border-bottom:none;}
/*#menu li a.events, #menu li a.events:visited {color:#004579; font-variant:small-caps;}*/ 
/*#menu li a.events:hover {background-color:#EBF5B0; color:#000;}*/ 
.privacy {font-size:.8em; border:1px dotted #91c501; padding:5px;}
a.thumb span {display:none;}
a.thumb:hover span {display:block; position:absolute; left:100px; top:50%; cursor:pointer;}

/*below are only for testing purposes*/
/*
.red {border:1px dotted red;}
.note {background-color:#90ee90; font-style:italic;}
.strikeout {text-decoration:line-through; background-color:#90ee90;}
*/