/* layout.css This document contains elements that are used on every page and are *not* page specific. They contain basic style elements as well as host of positioning elements. **warning**: changing styles in this stylesheet may effect ALL pages */ /* Core HTML */ body { background: #282318; font-size: 62.5%; font-family: arial; } #container { font: normal 1.2em arial; color: #413a32; min-width: 800px;} #top { border-top: 3px solid #918674; } #top #inner{ margin: 0px auto; width: 800px; height: 125px; position: relative; z-index: 5;} #top a.left { float: left; margin-top: 15px; } #top a.right { float: right; margin-top: 15px; } #top #nav { position: absolute; z-index: 5; height: 36px; background: url(/App_Images/bg_nav.gif) no-repeat; top: 89px; left: 30px; width: 633px; } #top #nav li { float: left; position: relative; z-index: 1;} #top #nav a { display: block; height: 35px; margin: 1px 0px 0px 0px} /* Static Appearances */ #top #nav .li_home a { width: 71px; margin-left: 2px; background: url(/App_Images/btn_home.gif) no-repeat; } #top #nav .li_members a { width: 95px; background: url(/App_Images/btn_members.gif) no-repeat; } #top #nav .li_explore a { width: 92px; background: url(/App_Images/btn_explore.gif) no-repeat; } #top #nav .li_research a { width: 101px; background: url(/App_Images/btn_research.gif) no-repeat; } #top #nav .li_share a { width: 78px; background: url(/App_Images/btn_share.gif) no-repeat; } #top #nav .li_events a { width: 83px; background: url(/App_Images/btn_events.gif) no-repeat; } #top #nav .li_resources a { width: 107px; margin-right: 2px; background: url(/App_Images/btn_resources.gif) no-repeat; } /* Non-subnav hovers */ /*.pg_homepage #top #nav .li_home a, */#top #nav .li_home a:hover { background: url(/App_Images/btn_home_u.gif) no-repeat; } .pg_members #top #nav .li_members a.tier1, .pg_member #top #nav .li_members a.tier1 { background: url(/App_Images/btn_members_u.gif) no-repeat; } .pg_explore #top #nav .li_explore a, #top #nav .li_explore a:hover { background: url(/App_Images/btn_explore_u.gif) no-repeat; } .pg_research #top #nav .li_research a.tier1 { background: url(/App_Images/btn_research_u.gif) no-repeat; } .pg_share #top #nav .li_share a.tier1 { background: url(/App_Images/btn_share_u.gif) no-repeat; } .pg_events #top #nav .li_events a, #top #nav .li_events a:hover { background: url(/App_Images/btn_events_u.gif) no-repeat; } .pg_resources #top #nav .li_resources a, #top #nav .li_resources a:hover { background: url(/App_Images/btn_resources_u.gif) no-repeat; } /* Subnav hovers */ #top #nav .li_members:hover .tier2, #top #nav .li_members:hover .tier2_bg, #top #nav .li_research:hover .tier2, #top #nav .li_research:hover .tier2_bg, #top #nav .li_share:hover .tier2, #top #nav .li_share:hover .tier2_bg { display: block; } #top #nav .li_members:hover a.tier1 { background: url(/App_Images/btn_members_white.gif) no-repeat; } #top #nav .li_research:hover a.tier1 { background: url(/App_Images/btn_research_white.gif) no-repeat; } #top #nav .li_share:hover a.tier1 { background: url(/App_Images/btn_share_white.gif) no-repeat; } /* Subnav */ #top #nav ul.tier2 { background: none; padding: 20px 10px} #top #nav ul.tier2 li { width: 245px; } #top #nav ul.tier2 a { position: relative; display: inline-block; width: auto; height: 12px; padding-left: 15px; padding-bottom: 3px; background: url(/App_Images/ico_square50.gif) left 3px no-repeat; color: #806f4a; font-size: 1em;} #top #nav ul.tier2 a:hover { color: #000; background-image: url(/App_Images/ico_square100.gif)} /* Specific Subnavs */ #top #nav .li_members .tier2, #top #nav .li_members .tier2_bg { display: none; width: 517px; height: 195px; position: absolute; left: 0px; top: 26px; } #top #nav .li_members .tier2_bg { background: url(/App_Images/bg_nav_members-trans.png) no-repeat; } #top #nav .li_research .tier2, #top #nav .li_research .tier2_bg { display: none; width: 170px; height: 70px; position: absolute; left: 0px; top: 26px; } #top #nav .li_research .tier2_bg { background: url(/App_Images/bg_nav_research-trans.png) no-repeat; } #top #nav .li_share .tier2, #top #nav .li_share .tier2_bg { display: none; width: 150px; height: 70px; position: absolute; left: 0px; top: 26px; } #top #nav .li_share .tier2_bg { background: url(/App_Images/bg_nav_share-trans.png) no-repeat; } #header { height: 262px; background: url(/App_Images/bg_header_large.gif) repeat-x; } #header #map { width: 800px; margin: 0px auto; position: relative;} #header #map .ul_bg { position: absolute; background: url(/App_Images/bg_header_nav-trans.png) no-repeat; top: 1px; left: 0px; width: 301px; z-index: 3; height: 261px} #header #map ul { position: absolute; top: 1px; left: 0px; width: 301px; z-index: 4; } #header #map ul li { font-size: 0px; } #header #map ul a { height: 87px; line-height: 87px; display: block; } #header #map ul li img { opacity: 0; filter: alpha(opacity=0);} /*#header #map li.museums a { background: url(/App_Images/bigbtn_cat1-trans.png) no-repeat; } #header #map li.historic a { background: url(/App_Images/bigbtn_cat2-trans.png) no-repeat; } #header #map li.driving a { background: url(/App_Images/bigbtn_cat3-trans.png) no-repeat; } */ #header #map li.museums a.on {background: url(/App_Images/bigbtn_cat1_on.gif) no-repeat; } #header #map li.historic a.on {background: url(/App_Images/bigbtn_cat2_on.gif) no-repeat; } #header #map li.driving a.on {background: url(/App_Images/bigbtn_cat3_on.gif) no-repeat; } #header #map #banner { width: 800px; height: 262px; left: 0px; top: 0px; position: absolute; z-index: 2; } #header #map .GMapEZ { width: 650px; left: 150px; height: 262px; border: 0px; position: absolute; z-index: 1;} #header #map .GMapEZ div { color: #000; width: 300px } #header #map .GMapEZ div strong { font-size: 11px; font-weight: bold; } #header #map .GMapEZ div p { float: left; line-height: 13px; font-size: 11px; width: 130px; margin: 5px 0px; } #header #map .GMapEZ div p.btm { clear: both; width: 250px; } #header #map .GMapEZ div img { float: left; margin: 5px 0px; border: 1px solid #000;} #header #map .GMapEZ div a { clear: both; color: #806f4a; } #header #map .GMapEZ div a:hover { color: #000; } #header #map .GMapEZ #smc { margin-left: 600px } /*#header #map .GMapEZ #copyright { display: none; }*/ #mid { float: left; width: 100%; background: url(/App_Images/bg_mid_2col.gif) top center repeat-y; } #content { margin: 0px auto; width: 800px; position: relative;} #content p { margin-bottom: 5px; } #content p.p14 { font-size: 1.2em; line-height: 1.3em; } #content p.p12 { font-size: 1.1em; line-height: 1.2em; } #content p.p11 { font-size: 1em; line-height: 1.1em; } #left { float: left; display: inline; padding: 10px 15px; width: 520px; } #left.full { width: 770px; } #right { float: left; display: inline; width: 250px; padding-top: 5px; } /* Member Listing */ #right h2 { text-transform: uppercase; height: 24px; text-indent: 10px; line-height: 24px; font-size: .8em; color: #fff; background: url(/App_Images/bg_right_title.gif) no-repeat; } #right ul#members_list { margin: 5px -50px 5px 10px } #right ul#members_list li { padding: 0px; margin: 0px } #right ul#members_list li a { height: 12px; padding-left: 15px; padding-bottom: 5px; background: url(/App_Images/ico_square50.gif) left 3px no-repeat; color: #806f4a; font-size: 1em; display: block;} #right ul#members_list li a:hover { color: #000; background-image: url(/App_Images/ico_square100.gif) } /* Events Listing */ #right dl#events_list { margin: 5px -50px 5px 10px; width: 240px } #right dl#events_list dt a { padding-bottom: 3px; padding-left: 22px; background: url(/App_Images/ico_event50.gif) left 0px no-repeat; color: #806f4a; font-size: 1em; display: block; } #right dl#events_list dt a:hover { color: #000; background-image: url(/App_Images/ico_event100.gif) } #right dl#events_list dd { padding-left: 22px; font-size: .8em; line-height: 1.4em} #right dl#events_list dd.right { text-align: right; } #right dl#events_list dd.right a { color: #000; } #right dl#events_list dd.right a:hover { color: #6C5E40; } #mid-btm { clear: both; height: 30px; width: 100%; background: url(/App_Images/bg_mid_btm_2col.gif) top center repeat-y; } #btm { clear: both; height: 150px; line-height: 1.3em; width: 800px; margin: -30px auto 0px; padding-top: 5px; font-size: .8em; color: #867147 } #btm a { color: #867147; } #btm a:hover { color: #AF9562; } /* Error Tooltips */ a.tooltip { text-decoration: none; cursor: help} a.tooltip:hover { visibility: visible; } a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: -55px 0px 0px -50px; } a.tooltip:hover span.tooltip { visibility: visible; } a.tooltip span span { color: #cf4400; display: block; text-decoration: none; position: relative; border: 1px solid #930; background: #FFF9DF; padding: 3px; font-size: .9em; width: 140px; text-align: left; }