/* Colors 
#879f3d green, normal
#64762e green, dark
#0181a6 blue, light
#025986 blue, dark
*/

/* Ok so far in IE6, IE7, FF2, Chrome, Opera9, Safari for Windows */

/* Trying to be normal */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ol, ul {list-style:none;}
em, strong {font-style:normal;font-weight:normal;}
/*img {vertical-align:baseline;}*/
fieldset, #header a img, #banner a img, #footer a img {border:0;}
a:link, a:visited {outline:none;text-decoration:none;}
a:active, a:hover {outline:none;text-decoration:none;}

/* Masthead and layout */
body {font-family:verdana,serif;/* background:url(images/bg_interior.png) repeat-x center 0; */}
body#home {/*background:url(images/bg_home.png) repeat-x 0 0;*/} /* just on Home */
body#home #header {background:none;} /* vertical fading line does not exist on Home */
#wrapper {width:auto;position:relative;/* left:50%;margin-left:-385px */;z-index:2;}
#header {position:relative;height:110px;/* background:url(images/bg_header.png) no-repeat 240px 24px; */}
#header a#logo {position:absolute;display:block;top:0;left:0;}
#cross {clear:left;display:block;border:1px solid #fff;width:100%;z-index:1;} /* i will change color based on Group and Area's parent Group */

/* Main navigation */
#navMain {display:none;position:absolute;width:575px;bottom:18px;left:250px;}
#navMain ul {position:relative;color:#0181a6;font-size:11px;}
#navMain ul li {display:inline;margin:0 4px 0 0;padding:0 0 0 6px;background:url(images/bg_menu.png) no-repeat left 1px;}
#navMain ul li:first-child {background:none;} /* works in IE7, FF not IE6 */
#navMain ul li a:link, #navMain ul li a:visited {color:#0181a6;}
#navMain ul li a:active, #navMain ul li a:hover {color:#025986;}
#navLinks { display: none; }

/* Search */
body#home #navSearch {display:none;} /* no search or sitemap on Home */
#navSearch {display:none;position:absolute;top:20px;right:20px;width:265px;height:20px;line-height:20px;color:#0181a6;font-size:12px;}
#navSearch a {padding-right:8px;margin-right:4px;border-right:1px solid #0181a6;}
#navSearch a:link, #navSearch a:visited {color:#0181a6;}
#navSearch a:hover, #navSearch a:active {color:#025986;}
#navSearch #box {margin-left:4px;border:1px solid #879f3d;font-size:11px;line-height:16px;height:16px;padding-left:4px;}
#navSearch #go {position:absolute;top:0;right:0;}

/* Home page */
#branding {display:none;height:245px;position:relative;width:770px;}
#branding #photo {position:absolute;display:block;top:3px;left:0;}
#branding #tagline {position:absolute;display:block;top:50px;right:30px;}

/* Home page, highlighted News & Events */
#homeSpotlight { float: left; width: 100%; text-align: left; margin: 30px 0 0 0; }
#homeNews {float:left;width:100%;text-align:left;margin:30px 0 0 0;/* border-right:1px solid #b5bba7;*/}
#homeEvents {float:left;width:100%;text-align:left;margin:30px 0 30px 0;}
#homeNews h3, #homeEvents h3,#homeSpotlight h3 {text-transform:uppercase;color:#879f3d;font-family:verdana;font-weight:bold;font-size:12px;margin:0 0 8px 0;}
#homeNews ul li, #homeEvents ul li, #homeSpotlight ul li {font-size:11px;line-height:16px;margin:0 0 8px 0;width:100%;}
.homeDate {margin: 0 8px 0 0;font-size:12px;font-weight:bold;}
a.homeMore {display:none;margin:0 0 0 8px;}
#homeNews a.homeMore:link, #homeNews a.homeMore:visited, #homeSpotlight a.homeMore:visited {color:#879f3d;text-decoration:underline;} 
#homeNews a.homeMore:active, #homeNews a.homeMore:hover, #homeSpotlighta.homeMore:hover {color:#64762e;text-decoration:none;}
#homeEvents a.homeMore:link, #homeEvents a.homeMore:visited, #homeSpotlight a.homeMore:visited {color:#0181a6;text-decoration:underline;} 
#homeEvents a.homeMore:active, #homeEvents a.homeMore:hover, #homeSpotlight a.homeMore:hover {color:#025986;text-decoration:none;}
#homeTable { width: 100%; margin: 0 auto; font-size: 12px; }
#homeTable td { width: 33%; vertical-align: top; padding: 0 5px;}

/* Home page, award logos */
#homeLogos {width:100%;height:100px;display:none;} /* haven't sorted this out yet */
#homeLogos img {float:right;} 

/* Content, everything else */
#banner {height:80px;position:relative;}
#banner h1, #banner h2 {position:absolute;left:0;margin:0;font-weight:bold;color:#879f3d;text-align:right;width:500px;text-align:left;}
#banner h1 {top:35%;font-size:18px;}
#banner h2 {top:15%;font-size:14px;}
#banner img {display:none;}

#content {width:100%;position:relative;font-size:12px;color:#111;line-height:16px;/*background:url(images/bg_vertical_blue.png) repeat-y 0 0;*/}
#content:after {content:"";clear:both;display:block;height:0;visibility:hidden;} /* fixes FF having no height */
#content p {margin-bottom:16px;}
#content ul li {margin-bottom:8px;}
#content ul ul {margin-left: 1em;margin-top:8px;}
#content h3, #content h4, #content h5, #content h6 {margin-bottom:16px;font-weight:bold;}

#contentWide {}

#contentMain {width:60%;float:left;padding-top:0;margin:0;}
#contentMain #gallery {width:auto;margin:20px 0 20px 0;page-break-before:always;}
#contentMain #gallery img {float:left;width:100px;margin:0 10px 10px 0;padding:6px;border:1px solid #666;}
#contentMain #gallery:after {content:"";clear:left;display:block;height:0;visibility:hidden;} /* fixes FF having no height */
#contentMain a#joinList {display:none;clear:left;width:110px;margin:30px 0 30px 0;padding:2px 8px 2px 16px;color:#000;border:1px solid #0181a6;background:url(images/icon_triangle_blue.png) no-repeat 4px center;}
#contentMain a#joinList:hover, #contentMain a#joinList:active {background-color:#eee;}

#contentAssoc {width:220px;float:right;margin-right:20px;top:0;position:relative;}
#contentAssoc h3 {width:200px;font-family:verdana;font-weight:bold;color:#333;padding:1px 0 1px 10px;border-left:0;margin-left:-1px;margin-bottom:4px !important;}
#contentAssoc ul {width:200px;margin:0 0 10px 10px;}
#contentAssoc ul li {margin-bottom:0px;padding-left:1em;text-indent:-1em;} /* with hanging indent */
#contentAssoc a:link, #contentAssoc a:visited {color:#000;} 
#contentAssoc a:hover, #contentAssoc a:active {color:#0181a6;}
#contentAssoc a.more {display:none;margin:0 0 10px 10px;font-size:11px;font-style:italic;color:#0181a6;}
#contentAssoc h3:first-child {border-left:0;background-color:transparent;} /* the first position */
#contentAssoc h3.shiftie {border-left:0;position:relative;background-color:transparent;} /* shiftie needs to appear on first h3 in #contentRight, for IE6 */

/* Bio, individual */
#banner h1.bioName {color:#879f3d;top:15%;}
#banner h2.bioTitle {color:#878f8a;top:45%;font-weight:normal;}
#bioImage {display:block;border:1px solid #0181a6;margin:-30px 0 20px 10px;}
#bioContact li, #bioDownloads li {margin-bottom:0 !important;} /* overrides global */
#bioContact a, #bioDownloads a, #bioAssistant a {border-bottom:1px dotted #111;}
#bioAssistant {margin-left:10px;font-weight:bold;}
#bioAssistant a {font-weight:normal;}

strong, b {font-weight:bold;}
em, i {font-style:italic;font-weight:inherit;}

/* Forms, not sure where and when
.inputbox {font-family:verdana,sans-serif;font-size:12px;background-color:#EFEFF7;border:1px solid #BDBDBD;margin:0 0 0 10px;overflow:auto;}
.formitem {margin:4px 0px 4px 0px;}
fieldset  {font-family:verdana,sans-serif;font-size:12px;margin:10px 0px 20px 0px;border:1px solid #7c8c82;width:100%;padding:10px 0px 10px 0px;}
fieldset legend {font-family:verdana,sans-serif;font-size:11px;color:#7c8c82;padding:0px 5px 0px 5px;margin:0 0 0 10px; }
fieldset label  {display:block;float:left;width:90px;padding:0;margin:0;text-align:right;font-size:10px;font-family:verdana,sans-serif;color:#000;}
#submit, #Submit, #EmailButton {color:#000;font-size:10px;font-family:verdana,sans-serif;margin:10px 0 0 0;} */

/* Footer */
#footer {position:relative;bottom:0;display:block;clear:left;margin:0 auto;font-family:verdana,sans-serif;border-top:8px solid #879f3d;width:100%;height:auto;/*background:url(images/bg_footer.png) repeat-x 0 0;*/color:#333;font-size:12px;}
#footer h6 {text-align:left;font-weight:bold;margin:4px 0;}
#footer p {text-align:left;}

body#home #pageEmail, body#home #pagePrint {display:none;} /* no email or print page on Home */
#pageEmail, #pagePrint {display:none;text-transform:uppercase;padding-left:12px;color:#fff;font-family:verdana;font-size:11px;position:absolute;left:50%;top:20px;background:url(images/icon_triangle_green.png) no-repeat left center;}
#pageEmail {margin-left:-340px;}
#pagePrint {margin-left:-240px;}

#legalese {display:none;position:relative;width:300px;top:60px;left:50%;margin-left:-340px;}
#legalese li {display:inline;color:#fff;font-size:10px;margin-right:2px;}
#legalese li a {padding-right:8px;border-right:1px solid #eee;}
#legalese a:link, #legalese a:visited {color:#fff;text-decoration:underline;} 
#legalese a:active, #legalese a:hover {color:#025986;text-decoration:none;}