/* Top Nav Menu Styles -- JSP 20Dec2010 */ #nav { height: 25px; width:960px; margin:0 auto; ;} .level1_back60 .level1_back70 .level1_back80 .level1_back90 .level1_back100 .level1_back110 .level1_back120 .level1_back130 .level1_back140. level1_back150 .level1_back160 .level1_back170 .level1_back172 .level1_back173 .level1_back175 .level1_back180 .level1_back200 { font: arial, sans-serif; font-size:12px; line-height: 25px; margin: 0em 0em 0 0; color: #FFFFFF; font-weight: bold; text-decoration: none; text-align: center; z-index: 1; } /* height control the size AFTER you move into the dropdown area */ #nav .level1_back60 { width: 60px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back70 { width: 70px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back80 { width: 80px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back90 { width: 90px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back100 { width: 100px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back110 { width: 110px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back120 { width: 120px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back130 { width: 130px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back140 { width: 140px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back150 { width: 150px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back160 { width: 160px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back172 { width: 172px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back173 { width: 173px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back175 { width: 175px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back170 { width: 170px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back180 { width: 180px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav .level1_back200 { width: 200px; height: 23px; margin: 0em 0 0 0; font-size:12px; padding-top: 2px; } #nav a.nav_item { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #FFF; font-weight: bold; text-decoration: none; z-index: 99;} a.nav_item:link { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; z-index: 99;} a.nav_item:active { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; z-index: 99;} a.nav_item:visited { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; z-index: 99;} a.nav_item:hover { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; z-index: 99;} /* End Top Nav Menu Styles */ /* --------------------------------------------------------------------------- */ /* SECOND TIER NAVIGATION (WITH PHOTOS) */ /* --------------------------------------------------------------------------- */ #nav2 { height: 40px; width:960px; margin:0 auto; ;} .level2_back123 .level2_back125 .level2_back130 .level2_back150 .level2_back155 .level2_back158 .level2_back159 .level2_back160 .level2_back165 .level2_back168 .level2_back170 .level2_back172 .level2_back173 .level2_back175 .level2_back177 .level2_back180 .level2_back224 .level2_back234 .level2_back151 .level2_back247 { font: arial, sans-serif; font-size:15px; line-height: 40px; margin: 0em 0em 0 0; color: #FFF; font-weight: bold; text-decoration: none; text-align: center; z-index: 1; } /* Controls the Main Roll-over block style */ /* margin: controls the placement of the block*/ /* padding-top: controls the text placement within the block */ #nav2 .level2_back123 { width: 123px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back125 { width: 125px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back130 { width: 130px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back142 { width: 142px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back145 { width: 145px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back147 { width: 147px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back150 { width: 150px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back155 { width: 155px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back158 { width: 158px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back159 { width: 159px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back160 { width: 160px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back165 { width: 165px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back168 { width: 168px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back170 { width: 170px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back172 { width: 172px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back173 { width: 173px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back175 { width: 175px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back177 { width: 177px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back180 { width: 180px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back224 { width: 224px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back234 { width: 234px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back151 { width: 151px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 .level2_back247 { width: 247px; height: 33px; margin: 0em 0 0 0; font-size:15px; padding-top:7px; } #nav2 a.nav2_item { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #FFF; font-weight: bold; text-decoration: none; } a.nav2_item:link { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_item:active { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_item:visited { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_item:hover { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } /* Added this on 3-27-2012 for the RIghthand side of the menu that places a picture on the LEFT */ /* NOTE: The 'margin' also controls the width of the background box... */ #nav2 a.nav2_itemLeft { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #FFF; font-weight: bold; text-decoration: none; } a.nav2_itemLeft:link { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_itemLeft:active { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_itemLeft:visited { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } a.nav2_itemLeft:hover { font: 12px arial, sans-serif; line-height: 13px; margin: 0em 0em 0 0; color: #444; font-weight: bold; text-decoration: none; } /* End Top Nav Menu Styles */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* MID-NAV styles for the QuickLinks */ /* ----------------------------------------------------------------- */ /* ----------------------------------------------------------------- */ /* DIV ID for background */ #mid_nav_background { background-image: url(../../images/general/mid_nav_blank.png); background-repeat: no-repeat; background-position: left top; } /* DIV ID for the Mid Nav menu */ #midNav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; color: #FFFFFF; margin: 10em 10em 0 0; } /* CLASS for Quick Links title */ .mid_nav_bar_title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: right; color: #FFFFFF; padding-top: 9px; } /* More DIV ID for the #midNav ID */ #midNav #midNavBack1 { text-align:center; left: 0; width: 150px; w\idth: 150px; height: 12px; /* box height */ padding-top: 16px; margin: .4em 0 0 0; z-index: 1; } #midNav #midNavBack2 { text-align:center; left: 0; width: 106px; w\idth: 106px; height: 12px; /* box height */ padding-top: 16px; margin: .4em 0 0 0; z-index: 1; } #midNav #midNavBack3 { text-align:center; left: 0; width: 140px; w\idth: 140px; height: 12px; /* box height */ padding-top: 16px; margin: .4em 0 0 0; z-index: 1; } #midNav #midNavBack4 { text-align:center; left: 0; width: 117px; w\idth: 117px; height: 12px; /* box height */ padding-top: 16px; margin: .4em 0 0 0; z-index: 1; } #midNav #midNavBack5 { text-align:center; left: 0; width: 148px; w\idth: 148px; height: 12px; /* box height */ padding-top: 16px; margin: .4em 0 0 0; z-index: 1; } #midNav, #midNav ul { float: left; width: auto; list-style: none; line-height: 0; font-weight: bold; padding: 0; border-width: 0px 0; margin: 0 0 0 0; text-align:left; } #midNav a { display: block; width: auto; w\idth: auto; color:#ffffff; text-decoration: none; padding: 0.0em 0em; margin: -.4em 0em 0 0; } #midNav li { float: left; padding: 0; width: auto; z-index: 2; } /*** DROP DOWN BOX level 1 ***/ /*** Use margin to position depth **/ #midNav li ul { background-color: #777; position: absolute; left: -780em; height: auto; width: 15em; w\idth: 15em; border-width: 0em; margin: 0 0 0 0; z-index: 1; } #midNav li li { padding: 0.0em; width: 15em; w\idth: 15em; z-index: 2; } #midNav li li a{ padding: 0.4em; padding-left:1.4em; width: 15em; w\idth: 15em; } #midNav li ul a{ padding: 1.4em; padding-left:.4em; width: auto; } /*** DROP DOWN BOX level 2 ***/ #midNav li li li { background-color: #333; overflow: visible; width: 15em; w\idth: 15em; } /*** Menu Items the have additional items... ***/ #midNav li ul a { width:inherit; w\idth:inherit; padding: 0.4em; padding-left:.8em; line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #FFF; margin: 0 0 0 0; } #midNav li ul ul { margin: -2em 0 0 12em; color: #FF0000; } #midNav li:hover ul ul, #midNav li:hover ul ul ul, #midNav li.sfhover ul ul, #midNav li.sfhover ul ul ul { left: -780em; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #FFF; } /*** This is the Drop-down ***/ #midNav li:hover ul, #midNav li li:hover ul, #midNav li li li:hover ul, #midNav li.sfhover ul, #midNav li li.sfhover ul, #midNav li li li.sfhover ul { left: auto; } /*** Drop-down hover color... ***/ #midNav li:hover, #midNav li.sfhover { background: #333; } /*** Pop-out box hover color... ***/ #midNav li li li:hover, #midNav li li li.sfhover { background:#333; }