/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style Reset - */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */ .cf:after, .wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .cf, .wrapper{display: inline-block;} html[xmlns] .cf, html[xmlns] .wrapper{display: block;} /* - Shared Styles - */ .c{clear:both;} img.left{float:left; margin:0 10px 10px 0; clear:left;} img.right{float:right; margin:0 0 10px 10px; clear:right;} /*:: Body ------------------------------------- */ body{background:#343434; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .wrapper{width:960px; margin:0 auto;} /*:: Header ------------------------------------- */ #header{border-style:solid; border-color:#a5c0b1; border-width:3px 0; background:#fff; height:97px; padding-top:22px;} #header h1 a{float:left; text-indent:-1000em; height:75px; width:150px; background:url(images/logo.gif) no-repeat top left;} #header ul{float:right; list-style:none;} #header ul li{float:left; border-left:1px solid #dadcdc; padding-left:8px; margin-left:8px;} #header ul li.first{border-left:none;} #header ul li a{color:#72a8a3; text-transform:uppercase; text-decoration:none;} #header ul li a:hover{text-decoration:underline;} #header ul li#member, #header ul li#join{border:none; clear:both; margin:6px 0 0 160px;} #header ul li#member a, #header ul li#join a{color:#fff; border:2px solid #dee9f2; display:block; padding:5px 20px 5px 10px; background: #72a8a3 url(images/bg-member.gif) no-repeat center right;} #header ul li#member a:hover, #header ul li#join a:hover{background-color:#dee9f2; background-image:url(images/bg-member-hover.gif); color:#72a8a3; border-color:#72a8a3; text-decoration:none;} #header ul li#join{margin-top:5px;} #header ul li#join a{width:91px;} /*:: Navigation ------------------------------------- */ #nav{background:url(images/bg-nav.gif) repeat-x top left; height:41px;} #nav ul{list-style:none;} #nav ul li{float:left; margin:4px 24px 0 0; position:relative; z-index:10;} #nav ul li#nav-about{width:62px;} #nav ul li#nav-sponsorship{width:109px;} #nav ul li#nav-membership{width:106px;} #nav ul li#nav-events{width:69px;} #nav ul li#nav-news{width:152px;} #nav ul li#nav-developing{width:161px;} #nav ul li#nav-legislative{width:152px; margin-right:0;} #nav ul li a{display:block; height:35px; text-indent:-1000em; width:100%; background-repeat:no-repeat; background-position:top left;} #nav ul li.on a{background-position:center left; position:relative; z-index:100;} #nav ul li.active a{background-position:bottom left; height:34px;} #nav ul li#nav-about a{background-image:url(images/nav-about.gif);} #nav ul li#nav-sponsorship a{background-image:url(images/nav-sponsorship.gif);} #nav ul li#nav-membership a{background-image:url(images/nav-membership.gif);} #nav ul li#nav-events a{background-image:url(images/nav-events.gif);} #nav ul li#nav-news a{background-image:url(images/nav-news.gif);} #nav ul li#nav-developing a{background-image:url(images/nav-developing.gif);} #nav ul li#nav-legislative a{background-image:url(images/nav-legislative.gif);} #nav ul li ul{display:none; position:absolute; left:-2px; top:32px; width:181px; background:url(images/bg-drop.png) no-repeat bottom left; padding-bottom:13px; z-index:10;} #nav ul li#nav-legislative ul{left:auto; right:-2px;} #nav ul li ul li{float:none; margin:0; width:100%;} #nav ul li ul li.first{background:url(images/bg-dropTop.gif) no-repeat top left; padding-top:3px;} #nav ul li ul li a{text-indent:0; background-image:none !important; height:auto; text-decoration:none; color:#000; padding:9px; margin-left:3px; width:157px;} #nav ul li#nav-legislative ul li a{padding-left:35px; width:131px;} #nav ul li ul li a:hover{background-color:#a5c0b1;} #nav ul li.on ul{display:block;} /*:: Left Column ------------------------------------- */ #lCol h4{border-bottom:1px solid #bec8c4; padding:16px 0 5px 0;} #lCol h4 a{background:url(images/bg-lColOut.gif) no-repeat right 15px; padding-right:10px;} #lCol div.entry{border-bottom:1px solid #bec8c4; clear:both; padding:8px 0;} #lCol div.entry p{margin-bottom:0;} #lCol div.entry p.date{float:left; width:100px;} #lCol div.entry p.date strong{display:block; font-weight:normal; color:#666565; text-transform:uppercase;} #lCol div.entry p.details a{color:#5e88a2; text-decoration:none;} #lCol div.entry p.details a:hover{text-decoration:underline;} #lCol p.more{padding-top:9px;} #lCol p.more a{color:#5e88a2; text-transform:uppercase; text-decoration:none; background:url(images/bg-lColOut2.gif) no-repeat right 4px; padding-right:12px;} #lCol p.more a:hover{text-decoration:underline;} #lCol h5{color:#5e88a2; text-transform:uppercase; font-weight:normal; font-size:12px; padding:20px 0 10px 0;} #lCol #goldSponsors{height:111px;} #lCol #silverSponsors{height:59px;} #lCol #bronzeSponsors{height:60px;} #lCol ul#bronzeSponsors{list-style:none; margin-left:0;} #lCol ul#bronzeSponsors li a{text-decoration:none; color:#3b3b3b;} #lCol .sponsor img{border:1px solid #abacad;} /*:: Content Styles ------------------------------------- */ #content h2, #lCol h4 a{color:#00673f; font-size:25px; font-weight:normal; margin-bottom:4px; text-decoration:none;} #content h2{margin-top:16px;} #content p, #content ul, #content ol, #content address{line-height:16px; margin-bottom:20px; color:#404040;} #content ul{margin-left:14px;} #content ol{list-style-position:inside;} #content ol li{color:#00673F; padding:5px; font-size:14px;} #content ol li.first{border-top:0;} #content ol li.zebra{background:#dee9f2;} #content ol li span{color:#404040; font-size:12px; font-weight:normal;} #content a{color:#5e88a2;} #content a:hover{text-decoration:none;} #content address{font-style:normal;} #content h3{color:#00673f; font-size:12px; font-size:18px; font-weight:normal; margin:20px 0 10px 0;} #content address strong{color:#00673f; font-weight:normal;} #content table{width:100%;} #content table th{font-size:14px; text-transform:uppercase; color:#00673f; border-bottom:1px solid #c0c0be; padding:0 9px 6px 9px;} #content table td{width:50%; padding:10px; border-bottom:1px solid #E4E6E7;} #content table.events td{width:auto; padding:11px 9px; color:#666565;} #content table tr.zebra td{background:#dee9f2;} #content table.gallery td{text-align:center; vertical-align:middle; width:auto;} #content h4{font-size:12px; font-weight:normal; color:#00673f;} /*:: Content ------------------------------------- */ #content{background:url(images/bg-content.gif) repeat-y top left; margin:24px auto 11px auto; width:970px;} #contentTop{background:url(images/bg-contentTop.gif) no-repeat top left; padding:9px 11px 13px 11px;} #contentBottom{background:url(images/bg-contentBottom.gif) no-repeat bottom left;} #lCol, #rCol{float:left;} #lCol{width:271px; padding:0 21px 0 7px;} #rCol{width:649px;} #rCol #hero{position:relative;} #rCol #hero #caption{position:absolute; background:url(images/bg-caption.png) repeat top left; top:40px; left:0;} #rCol #hero #caption h3{height:31px; text-indent:-1000em; margin:14px 14px 0 14px; float:left; padding-bottom:14px;} #rCol #hero #caption h3#homeTitle{width:423px; background:url(images/ir-home.png) no-repeat 0 0;} #rCol #hero #caption h3#eventsTitle{width:108px; background:url(images/ir-events.png) no-repeat 0 0;} #rCol #hero #caption h3#legislativeTitle{width:302px; background:url(images/ir-legislative.png) no-repeat 0 0;} #rCol #hero #caption p{color:#fff; clear:left; margin:0 14px 14px 14px; width:470px;} #rCol #hero img{float:left;} #rCol hr{margin-bottom:20px; border-color:#E4E6E7; border-style:solid; border-width:0 0 1px 0; margin-top:0;} /*:: Footer ------------------------------------- */ #footer{padding-bottom:50px;} #footer ul{list-style:none;} #footer ul li{float:left; border-left:1px solid #5e5e5e;} #footer ul li.first{border-left:none;} #footer ul li.first a{padding-left:0;} #footer ul li a{color:#c0c0c0; text-decoration:none; padding:0 8px;} #footer ul li a:hover{text-decoration:underline;} #footer p{color:#767676; float:right;} /*:: Additional haX ------------------------------------- */ #rCol table td {line-height:1.25em;} #rCol table td.label {width:200px;} #rCol p.eventName {font-size:20px; color:#5D87A1; margin-top:10px;} span#rblSponsorshipOptions { padding: 5px 0px; } span#rblSponsorshipOptions input{ margin: 5px; }