/*
    AESO Site CSS Layout Definitions
    YellowPencil.com June 2007
*/
/* Page and Header Definitions */
#page {width:882px;}
#header {position:relative;height:90px;text-align:right;text-transform:uppercase;}
#logo {position:absolute;top:0;left:0;}
#etsLogin {width:26em;position:absolute;top:5px;right:0;}
#etsLogin a {text-decoration:none;background-color:#807da9;color:#fff;display:block;padding:6px 20px 6px 10px;}
#etsLogin a img {margin:0 10px;border:0;}
#search {position:absolute;top:45px;right:30px;}
#search input {margin-left:5px;}
#search a {text-decoration:none;padding:0 .2em;color:#413366;}
#search a:hover {color:#000;}

/* Navigation Definitions */
#navigationHorizontal ul {font-family:arial,helvetica,sans-serif;background:#2182b2 url(/images/bgMenu.gif) repeat-x bottom;height:2em;padding:1px 0 0 15px;font-size:.9em;text-transform:uppercase;}
#navigationHorizontal ul li a {display:block;float:left;line-height:1em;padding:.6em 0.5em .5em 0.5em;color:#fff;text-decoration:none;white-space:nowrap;border-right:1px solid #fff;}
#navigationHorizontal ul li a:hover {text-decoration:none;background-color:#103873;color:#fff;}
#navigationHorizontal ul li.isCurrent a,#navigationHorizontal ul li.isActive a {background-color:#103873;color:#fff;}

#navigationVertical ul {border-top:1px solid #b5c3d6;margin-top:18px;}
#navigationVertical ul ul {border:0;margin:0;}
#navigationVertical li a {font-size:.9em;display:block;border-bottom:1px solid #b5c3d6;text-decoration:none;background:#fff;color:#5c3366;padding:5px;}
#navigationVertical li li a {font-size:.9em;padding:4px 3px 4px 13px;background:#95bce3;color:#000;}
#navigationVertical li li li a {font-size:.8em;padding:4px 3px 4px 23px;background:#4a9ec8;color:#000;}
#navigationVertical li.isParent a, #navigationVertical li.isParentCurrent a, #navigationVertical li.isParentActive a {background:#fff url(/images/arrowMenu.gif) no-repeat right;}
#navigationVertical li a:hover, #navigationVertical li.isParent a:hover {color:#000;}
#navigationVertical li.isCurrent ul li a, #navigationVertical li.isParentCurrent ul li a, #navigationVertical li li.isCurrent ul li a, #navigationVertical li li.isParentCurrent ul li a {font-weight:normal;}
#navigationVertical li.isCurrent a, #navigationVertical li.isParentCurrent a, #navigationVertical li.isParentActive a, #navigationVertical li ul li.isParentCurrent a, #navigationVertical li ul li.isParentActive a {font-weight:bold;}
#navigationVertical li a:hover, #navigationVertical li.isCurrent a:hover, #navigationVertical li.isParentCurrent a:hover {background:#103873;color:#fff;}
#navigationVertical .isBCOnly {display:none;}

/* Feature and Breadcrumb Definitions */
#feature {/*border-right:1px solid #ececec;*/}

#breadcrumb {/*border-right:1px solid #ececec;*/ border-bottom:1px solid #ececec;padding:5px 0;font-size:.9em;}
#breadcrumb a {color:#5c3366;padding:0 12px 0 0;margin-right:3px;background: url(/images/arrowMenu.gif) no-repeat right;text-decoration:none;}
#breadcrumb a:hover {color:#000;text-decoration:underline;}
.homePage #content {margin:0;padding:0;border:1px solid #1c6f98; border-right:0;border-left:0;}

/*hide unwanted components on home page */
.homePage #breadcrumb {display:none;}
.homePage h1#contentTitle {display:none;}
.homePage #feature {display:none;}
.homePage #navigationVertical{display:none;}

/* Content and Typography */
#content {width:525px;}
.homePage #content {width:100%;}

#content ul, #content ol {margin:.5em 0 1em 1.5em;}
#content li {padding:0 0 .5em .5em;}
#content ul li { list-style-image: url(/images/arrowMenu.gif); }
#content h1, #homeContent h1 {color:#036;}
#content h2, #content h3, #homeContent h2, #homeContent h3 {margin-bottom:10px;color:#666;}

/* Sidebar and Related Links */
#sideBar {float:right;width:150px;margin:10px 0 20px 20px;}
#sideBar h2 {font-size:1.1em;text-transform:uppercase;font-weight:bold;color:#000;padding-left:20px;}
#sideBar li {background: url(/images/arrowMenu.gif) no-repeat left top;list-style-type:none;}
#sideBar a {color:#036;padding:0 0 10px 20px;display:block;}
#sideBar a:hover {color:#000;}

/* Footer Definitions */
#footer {clear:both;border-top:1px solid #ececec;padding-top:9px;text-align:center;font-size:.9em;}
#footerMainNav {margin-bottom:9px;}
#footerMainNav a {text-transform:uppercase;color:#413366;text-decoration:none;}
#footerSubNav a {color:#413366;text-decoration:none;}
#footerMainNav a:hover, #footerSubNav a:hover {color:#000;text-decoration:underline;}

/* Home Page Container Definitions */
#homeFeatures a, #homeFeatures img {margin:0;padding:0;border:0;float:left;}
#newSite, #keyProjects {float:left;width:293px;border-right:1px dotted #b5c3d6;margin-top:7px;}
#homeFAQ {float:left;width:294px;margin-top:7px;}
#newSite h2, #keyProjects h2, #homeFAQ h2 {font-size:1em;margin:0;padding:8px 10px;text-transform:uppercase;color:#333;}
#newSite h2 {background-color:#8cd9e8;}
#keyProjects h2 {background-color:#9bc7cd;}
#homeFAQ h2 {background-color:#e0ddc9;color:#e0ddc9;}
#newSite ul, #keyProjects ul {margin:.5em .5em 1em .5em;}
#newSite li, #keyProjects li {margin:.1em 0 .1em 1.5em;padding:0px 0px 4px 5px;list-style-image: url(/images/arrowMenu.gif);}
#newSite a, #keyProjects a, #homeFAQ a {color:#14326e;}
.homePage .postingDate {display:block;font-size:.9em;color:#808086;}
#homeFAQ ul {margin:10px 0;padding:0;}
#homeFAQ li {list-style:none;padding:0;margin:0;}
#homeFAQ a {font-weight:bold;font-size: .8em;display:block;text-transform:uppercase;padding:7px 25px 7px 10px;border-bottom:1px dotted #b5c3d6;background: url(/images/arrow.gif) no-repeat 270px 9px;text-decoration:none;}
#newSite a:hover, #keyProjects a:hover, #homeFAQ a:hover {color:#7fa4cf;}
.hidden { display: none;}