html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
font-family: inherit;
vertical-align: baseline;
/*list-style: none;*/
}
/* remember to define focus styles! */
:focus {
outline: 0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
.container {
position: relative;
margin: 0px auto;
height: 100%;
}
body {
background: #ffffff url('../images/front_bg1.jpg') repeat-x top center;
font-family: Trebuchet MS;
font-size: 12px;
}
.container a {
color: #5a96e8;
text-decoration: none;
}
.container a:hover {
color: #5a96e8;
text-decoration: underline;
}
/*-------------------------------- BEGIN LAYOUT ----------------------------------------- */
/*##############################################################################
##############################################################################
## Body Containers ##
############################################################################*/
#headerContainer { position: absolute; width: 100%; min-height: 520px; margin: 0; padding: 0; background: url('../images/front_bg2.jpg') no-repeat top center; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Header ##
############################################################################*/
#header { display: block; position: absolute; width: 960px; height: 285px; top: 0; left: 21px; text-align: left; }
#header #promotion { width: 950px; height: 250px; margin: 0; padding: 0; border-left: 10px solid #b8cc00; }
#header #promotion #promotionRotation { z-index: 10; width: 585px; height: 250px; margin: 0; padding: 0; background: #322f27 url('../images/front_promobg.jpg') no-repeat top right; }
#header #promotion #promotionRotation .photo { width: 400px; height: 250px; margin: 0; padding: 0; background: #322f27; }
#header #promotion #promotionRotation .text { width: 170px; height: 228px; margin: 0; padding: 12px 0 0 15px; border-top: 10px solid #b8cc00; background: #322f27; text-align: left; }
#header #promotion #promotionRotation .text p { margin: 0; padding: 0; color: #ffffff; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#header #promotion #promotionRotation .text h2 { margin: 0; padding: 0; color: #b8cc00; font-size: 3.0em; font-weight: normal; letter-spacing: -0.065em; line-height: 20px; }
#header #promotion #promotionRotation .text h2 a { display: inline-block; margin: 0; padding: 0; color: #b8cc00; font-size: 1.0em; font-weight: 300; letter-spacing: -0.065em; line-height: 20px; }
#header #promotion #promotionRotation .text h2 a:hover { color: #ffffff; text-decoration: none; }
#header #promotion #promotionRotation .text h4 { margin: 5px 0 0 0; padding: 0; color: #b8cc00; font-size: 1.1em; font-weight: bold; letter-spacing: -0.065em; line-height: 16px; text-align: right; }
#header #promotion #promotionRotation .text h4 a { margin: 0; padding: 0; color: #b8cc00; font-size: 1.0em; font-weight: bold; letter-spacing: -0.065em; line-height: 16px; }
#header #promotion #promotionRotation .text h4 a:hover { color: #ffffff; text-decoration: underline; }
#header #branding { width: 960px; height: 115px; margin: 0; padding: 0; }
#header #branding #logo { width: 360px; margin: 0; padding: 35px 0 0 165px; }
#header #branding #logo #title { width: 360px; height: 75px; margin: 0; padding: 0; border-right: 1px solid #cdc5b7; background: url('../images/front_title.jpg') no-repeat top left; }
#header #branding #logo #title h1 { width: 360px; height: 45px; margin: 0; padding: 0; }
#header #branding #logo #title h1 a { width: 360px; height: 45px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #branding #logo #title h4 { float: left; width: 60px; height: 16px; margin: 0; padding: 0; }
#header #branding #logo #title h4 a:first-child { margin: 0 0 0 165px; }
#header #branding #logo #title h4 a { width: 60px; height: 16px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #branding #staticNav { width: 435px; margin: 0; padding: 0; text-align: right; }
#header #branding #staticNav .links { margin: 0; padding: 15px 0 0 0; color: #b7aa89; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; }
#header #branding #staticNav .links a { color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 12px; text-decoration: none; }
#header #branding #staticNav .links a:hover { text-decoration: underline; }
#header #branding #staticNav h2 { margin: 29px 0 0 20px; padding: 0; color: #ffffff; font-size: 2.2em; font-weight: normal; letter-spacing: -0.05em; line-height: 20px; text-align: left; }
#header #branding #staticNav h2 b { font-size: 1.3em; }
/* new search bar header - START */
#header #branding #staticNav #other { width: 435px; margin: 0; padding: 0; }
#header #branding #staticNav #other #since { width: 200px; margin: 0; padding: 0; }
#header #branding #staticNav #other #since h2 { margin: 29px 0 0 20px; padding: 0; color: #ffffff; font-size: 2.2em; font-weight: normal; letter-spacing: -0.05em; line-height: 20px; text-align: left; }
#header #branding #staticNav #other #since h2 b { font-size: 1.3em; }
#header #branding #staticNav #other #search { width: 235px; height: 25px; margin: 30px 0 0 0; padding: 0; color: #b7aa89; font-size: 1.2em; font-weight: bold; letter-spacing: -0.065em; }
#header #branding #staticNav #other #search .label { width: 50px; height: 21px; margin: 0; padding: 4px 0 0 5px; text-align: left; }
#header #branding #staticNav #other #search .field { width: 155px; height: 25px; margin: 0 1px 0 0; padding: 0; }
#header #branding #staticNav #other #search .field input { width: 147px; height: 24px; margin: 0; padding: 1px 4px 0 4px; background: #cec6ae; border: 0; color: #322f27; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 13px; }
#header #branding #staticNav #other #search .submit { width: 24px; height: 25px; margin: 0; padding: 0; }
/* new search bar header - END */
/*###########################################
## Floating Logo ##
###########################################*/
#floatingLogo { z-index: 20; position: relative; top: 0; left: 21px; width: 165px; height: 180px; margin: 0; padding: 0; text-align: left; }
#floatingLogo img { border: 0; }
#floatingLogo h1 { width: 165px; height: 180px; margin: 0; padding: 0; }
#floatingLogo h1 a { background: url('../images/front_logo.png') no-repeat top left; width: 165px; height: 180px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*###########################################
## Social Media ##
###########################################*/
#header #promotion #promotionSocial { width: 365px; height: 250px; margin: 0; padding: 14px 0 0 0; background: url('../images/front_socialbg.jpg') no-repeat top left; }
#header #promotion #promotionSocial h2 { float: left; margin: 0 6px 0 72px; padding: 0; color: #ffffff; font-size: 1.7em; font-weight: 900; letter-spacing: -0.05em; line-height: 20px; }
#header #promotion #promotionSocial h3 { float: left; margin: 0; padding: 0; color: #ffffff; font-size: 1.7em; font-weight: 400; letter-spacing: -0.05em; line-height: 20px; }
#header #promotion #promotionSocial .contents { width: 215px; height: 200px; margin: 0; padding: 50px 0 0 150px; }
#header #promotion #promotionSocial .contents h4 { margin: 0 0 10px 60px; padding: 0; width: 140px; height: 33px; }
#header #promotion #promotionSocial .contents a.fb { background: url('../images/facebook.jpg') no-repeat top left; width: 140px; height: 33px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #promotion #promotionSocial .contents a.fb:hover { background: url('../images/facebook_on.jpg') no-repeat top left; width: 140px; height: 33px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #promotion #promotionSocial .contents a.tw { background: url('../images/twitter.jpg') no-repeat top left; width: 140px; height: 33px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #promotion #promotionSocial .contents a.tw:hover { background: url('../images/twitter_on.jpg') no-repeat top left; width: 140px; height: 33px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#header #promotion #promotionSocial .contents p { margin: 0; padding: 8px 10px 0 0; color: #ffffff; font-size: 1.15em; font-weight: 900; letter-spacing: -0.035em; line-height: 18px; text-align: right; }
#header #promotion #promotionSocial .contents span { font-weight: 600; }
#header #promotion #promotionSocial .contents p a { color: #7b2019; text-decoration: none; }
#header #promotion #promotionSocial .contents p a:hover { color: #7b2019; text-decoration: underline; }
/*###########################################
## Navigation Container ##
###########################################*/
#header #mainNav { width: 916px; height: 28px; margin: 0; padding: 7px 0 0 44px; background: url('../images/front_navbg.jpg') no-repeat top left; }
#header #mainNav ul { list-style: none; }
#header #mainNav ul li { float: left; }
#header #mainNav h2 { margin: 0; padding: 0; color: #ffffff; font-size: 1.3em; font-weight: bold; letter-spacing: -0.065em; }
#header #mainNav h2 a { color: #ffffff; text-decoration: none; }
#header #mainNav h2 a:hover { color: #cade26; text-decoration: none; }
#header #mainNav .sub { display: block; margin: 0; padding: 0 15px 0 0; background: url('../images/front_navarrow.png') no-repeat bottom right; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Body Container ##
############################################################################*/
/* Left */
#bodyContent { width: 960px; min-height: 500px; margin: 0; padding: 100px 0 0 0; }
#bodyContent .left { width: 503px; margin: 0; padding: 15px 0 0 10px; }
#bodyContent .left .legislation { width: 503px; margin: 0; padding: 0; }
#bodyContent .left .legislation h2 { margin: 0; padding: 0; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#bodyContent .left .legislation p { display: block; width: 370px; margin: 0; padding: 6px 0 20px 2px; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; text-align: left; }
#bodyContent .left .legislation .feed { float: right; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; }
#bodyContent .left .legislation .feed a { background: url('../images/rss.jpg') no-repeat top left; width: 60px; height: 15px; margin: 10px 30px 0 0; padding: 1px 0 0 18px; display: block; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
/* Right */
#bodyContent .right { width: 447px; margin: 0; padding: 0; }
#bodyContent .right h2 { margin: 0; padding: 15px 0 0 15px; height: 42px; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; border-left: 5px solid #eae9e7; }
#bodyContent .right .about { width: 447px; margin: 0; padding: 0; }
#bodyContent .right .about p { display: block; margin: 0 0 0 2px; padding: 0 10px 5px 20px; border-left: 1px solid #eae9e7; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 22px; text-align: left; }
#bodyContent .right .about p a { color: #e7151a; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; text-decoration: none; }
#bodyContent .right .about p a:hover { text-decoration: underline; }
#bodyContent .right #eventCalendar { width: 447px; margin: 0; padding: 0; }
#bodyContent .right #eventCalendar #eventList { display: block; width: 424px; margin: 0 0 0 2px; padding: 0 0 45px 20px; border-left: 1px solid #eae9e7; }
#bodyContent .right #eventCalendar #eventList .calendar { width: 183px; margin: 0; padding: 0; border: 0; }
#bodyContent .right #eventCalendar #eventList .calendar h3 { margin: -15px 0 0 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#bodyContent .right #eventCalendar #eventList .calendar h3 a { color: #e7151a; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#bodyContent .right #eventCalendar #eventList .calendar h3 a:hover { text-decoration: underline; }
#bodyContent .right #eventCalendar #eventList .calendar .days { width: 167px; margin: 0; padding: 0; background: url('../images/calendar_days.jpg') no-repeat top left; }
#bodyContent .right #eventCalendar #eventList .calendar .show { width: 167px; margin: 0; padding: 0 16px 40px 0; }
#bodyContent .right #eventCalendar #eventList .calendar .show #key { width: 167px; height: 20px; margin: 0 0 5px 0; padding: 0; background: url('../images/calendar_key.jpg') no-repeat top left; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row { width: 167px; height: 22px; margin: 0 0 1px 0; padding: 0; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .day { float: left; width: 23px; height: 17px; margin: 0 1px 0 0; padding: 5px 0 0 0; background: #a0b600; color: #ffffff; font-size: 11px; font-weight: bold; font-family: Trebuchet MS; line-height: 12px; text-align: center; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .day:hover { color: #ffffff; background: #8da500; cursor: pointer; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .empty { background: #f5eddd; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .empty:hover { background: #f5eddd; cursor: default; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .events { background: #678000; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .events a { display: block; width: 23px; height: 17px; margin: -5px 0 0 0; padding: 5px 0 0 0; color: #ffffff; font-weight: bold; text-decoration: none; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .events a:hover { text-decoration: underline; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .events:hover { background: #3d5800; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .today { color: #5c7500; font-size: 14px; background: #d4e834; }
#bodyContent .right #eventCalendar #eventList .calendar .show .row .last { margin: 0 0 0 0; }
#bodyContent .right #eventCalendar #eventList .list { width: 224px; margin: 15px 0 0 0; padding: 0 0 0 16px; border-left: 1px solid #eae9e7; }
#bodyContent .right #eventCalendar #eventList .list ul { list-style: none; margin: 0px 0 0 0; padding: 0; }
#bodyContent .right #eventCalendar #eventList .list ul li { margin: 0 0 15px 0; padding: 0; color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .right #eventCalendar #eventList .list ul .last { margin: 0 0 0 0; }
#bodyContent .right #eventCalendar #eventList .list ul li span { font-style: italic; color: #949086; }
#bodyContent .right #eventCalendar #eventList .list ul li a { color: #e7151a; font-size: 12px; font-weight: bold; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#bodyContent .right #eventCalendar #eventList .list ul li a:hover { text-decoration: underline; }
/*###########################################
## Legislation ##
###########################################*/
/* States */
#bodyContent .left .legislation .states { width: 503px; margin: 0; padding: 0; }
#bodyContent .left .legislation .states .left { width: 138px; margin: 0; padding: 0 16px 0 0; }
#bodyContent .left .legislation .states .left h4 { margin: 0; padding: 0; width: 110px; height: 40px; background: url('../images/legislation_AR.jpg') no-repeat top left; text-indent: -99999px; }
#bodyContent .left .legislation .states .middle { width: 138px; margin: 0; padding: 0 16px 0 16px; }
#bodyContent .left .legislation .states .middle h4 { margin: 0; padding: 0; width: 110px; height: 40px; background: url('../images/legislation_MO.jpg') no-repeat top left; text-indent: -99999px; }
#bodyContent .left .legislation .states .right { width: 138px; margin: 0; padding: 0 16px 0 16px; }
#bodyContent .left .legislation .states .right h4 { margin: 0; padding: 0; width: 110px; height: 40px; background: url('../images/legislation_OK.jpg') no-repeat top left; text-indent: -99999px; }
/* Columns */
#bodyContent .left .legislation .columns { width: 503px; margin: 0; padding: 0; }
#bodyContent .left .legislation .columns .left { width: 138px; margin: 0; padding: 0 16px 30px 0; }
#bodyContent .left .legislation .columns .left li a { color: #758d00; }
#bodyContent .left .legislation .columns .left h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#bodyContent .left .legislation .columns .left h3 a { color: #758d00; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#bodyContent .left .legislation .columns .left h3 a:hover { text-decoration: underline; }
#bodyContent .left .legislation .columns .middle { width: 138px; margin: 0; padding: 0 16px 30px 16px; border-left: 1px solid #eae9e7; }
#bodyContent .left .legislation .columns .middle li a { color: #d58e00; }
#bodyContent .left .legislation .columns .middle h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#bodyContent .left .legislation .columns .middle h3 a { color: #d58e00; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#bodyContent .left .legislation .columns .middle h3 a:hover { text-decoration: underline; }
#bodyContent .left .legislation .columns .right { width: 138px; margin: 0; padding: 0 16px 30px 16px; border-left: 1px solid #eae9e7; }
#bodyContent .left .legislation .columns .right li a { color: #5796d7; }
#bodyContent .left .legislation .columns .right h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#bodyContent .left .legislation .columns .right h3 a { color: #5796d7; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#bodyContent .left .legislation .columns .right h3 a:hover { text-decoration: underline; }
#bodyContent .left .legislation .columns ul { list-style: none; width: 138px; margin: 0; padding: 0; }
#bodyContent .left .legislation .columns ul li { margin: 0 0 18px 0; padding: 0; color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#bodyContent .left .legislation .columns ul li a { font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#bodyContent .left .legislation .columns ul li a:hover { text-decoration: underline; }
/*###########################################
## Alternate ##
###########################################*/
#rowTwo .columns .right .legislation { width: 335px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation h2 { margin: 0; padding: 0; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#rowTwo .columns .right .legislation p { display: block; width: 333px; margin: 0; padding: 6px 0 20px 2px; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; text-align: left; }
#rowTwo .columns .right .legislation .feed { float: right; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; }
#rowTwo .columns .right .legislation .feed a { background: url('../images/rss.jpg') no-repeat top left; width: 60px; height: 15px; margin: 10px 20px 0 0; padding: 1px 0 0 18px; display: block; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
#rowTwo .columns .right .legislation .states { width: 335px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation .states .first { width: 155px; margin: 0 12px 0 0; padding: 0; }
#rowTwo .columns .right .legislation .states .first h4 { margin: 0; padding: 0; width: 110px; height: 34px; background: url('../images/legislation_AR.png') no-repeat top left; text-indent: -99999px; }
#rowTwo .columns .right .legislation .states .second { width: 155px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation .states .second h4 { margin: 0; padding: 0; width: 110px; height: 34px; background: url('../images/legislation_MO.png') no-repeat top left; text-indent: -99999px; }
#rowTwo .columns .right .legislation .states .third { width: 335px; margin: 12px 0 0 0; padding: 0; }
#rowTwo .columns .right .legislation .states .third h4 { margin: 0; padding: 0; width: 110px; height: 34px; background: url('../images/legislation_OK.png') no-repeat top left; text-indent: -99999px; }
#rowTwo .columns .right .legislation .states .first ul { list-style: none; width: 155px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation .states .first ul li { float: none; width: 155px; margin: 0 0 10px 0; padding: 0; color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#rowTwo .columns .right .legislation .states .first li a { color: #758d00; }
#rowTwo .columns .right .legislation .states .first h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#rowTwo .columns .right .legislation .states .first h3 a { color: #758d00; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .right .legislation .states .first h3 a:hover { text-decoration: underline; }
#rowTwo .columns .right .legislation .states .second ul { list-style: none; width: 155px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation .states .second ul li { float: none; width: 155px; margin: 0 0 10px 0; padding: 0; color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#rowTwo .columns .right .legislation .states .second li a { color: #d58e00; }
#rowTwo .columns .right .legislation .states .second h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#rowTwo .columns .right .legislation .states .second h3 a { color: #d58e00; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .right .legislation .states .second h3 a:hover { text-decoration: underline; }
#rowTwo .columns .right .legislation .states .third ul { list-style: none; width: 335px; margin: 0; padding: 0; }
#rowTwo .columns .right .legislation .states .third ul li { float: left; width: 155px; margin: 0 12px 10px 0; padding: 0; color: #322f27; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; }
#rowTwo .columns .right .legislation .states .third li a { color: #5796d7; }
#rowTwo .columns .right .legislation .states .third h3 { margin: 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#rowTwo .columns .right .legislation .states .third h3 a { color: #5796d7; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .right .legislation .states .third h3 a:hover { text-decoration: underline; }
#rowTwo .columns .right .legislation .states ul li a { font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 14px; text-decoration: none; }
#rowTwo .columns .right .legislation .states ul li a:hover { text-decoration: underline; }
/*###########################################
## Second Row ##
###########################################*/
#rowTwo { width: 910px; min-height: 300px; margin: 25px 0 10px 0; padding: 0 25px 0 25px; background: #f2f2f1; }
#rowTwo .columns { width: 910px; margin: 0 ; padding: 0; }
/* Left */
#rowTwo .columns .left { width: 300px; height: 250px; margin: 25px 0 25px 0; padding: 0; }
/* Middle */
#rowTwo .columns .middle { width: 225px; min-height: 250px; margin: 25px 12px 25px 12px; padding: 0 12px 0 12px; border-left: 1px solid #e3e3e1; border-right: 1px solid #e3e3e1; }
#rowTwo .columns .middle #newPromo { width: 225px; min-height: 250px; background: #ffffff; }
#rowTwo .columns .middle #newPromo h2 { width: 125px; height: 28px; margin: 0 0 12px 0; padding: 4px 0 0 100px; background: #a70000 url('../images/promo_new.jpg') no-repeat top left; color: #ffffff; font-size: 1.8em; font-weight: 400; letter-spacing: -0.025em; line-height: 20px; }
#rowTwo .columns .middle #newPromo .photo { width: 200px; height: 100px; margin: 0 0 4px 0; padding: 0 12px 0 12px; }
#rowTwo .columns .middle #newPromo .photo img { border: 0; }
#rowTwo .columns .middle #newPromo .details { width: 201px; padding: 0 12px 12px 12px; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 16px; }
#rowTwo .columns .middle #newPromo .details a { color: #322f27; font-weight: bold; text-decoration: none; }
#rowTwo .columns .middle #newPromo .details a:hover { text-decoration: underline; }
#rowTwo .columns .middle #newPromo .details p { margin: 0; padding: 0; }
#rowTwo .columns .middle #newPromo .details h3 { margin: 6px 0 4px 0; padding: 0; color: #322f27; font-size: 1.3em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#rowTwo .columns .middle #newPromo .details h3 a { color: #e7151a; font-size: 0.9em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .middle #newPromo .details h3 a:hover { text-decoration: underline; }
#rowTwo .columns .middle #newPromo .details h4 { margin: 0; padding: 0; color: #322f27; font-size: 1.3em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#rowTwo .columns .middle #newPromo .details h4 a { color: #a60000; font-size: 0.9em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .middle #newPromo .details h4 a:hover { text-decoration: underline; }
/* Right */
#rowTwo .columns .right { width: 335px; min-height: 250px; margin: 25px 0 25px 0; padding: 0 0 0 0; }
#rowTwo .columns .right .noteworthy { width: 335px; margin: 0; padding: 0; background: url('../images/noteworthy.png') no-repeat top left; }
#rowTwo .columns .right .noteworthy h2 { margin: 0 0 25px 0; padding: 0; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#rowTwo .columns .right .noteworthy h3 { margin: 6px 2px 0 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-align: right; }
#rowTwo .columns .right .noteworthy h3 a { color: #829a16; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowTwo .columns .right .noteworthy h3 a:hover { text-decoration: underline; }
#rowTwo .columns .right .noteworthy ul { list-style: none; width: 335px; margin: 0; padding: 0; }
#rowTwo .columns .right .noteworthy ul li { width: 290px; margin: 0; padding: 8px 22px 10px 22px; background: #ffffff url('../images/noteworthy_marker.png') no-repeat top left; line-height: 16px; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; }
#rowTwo .columns .right .noteworthy ul li a { color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none}
#rowTwo .columns .right .noteworthy ul li a:hover { text-decoration: underline; }
#rowTwo .columns .right .noteworthy ul li span { color: #a60000; font-weight: bold; }
#rowTwo .columns .right .noteworthy .even { background: #f2f2f1 url('../images/noteworthy_marker.png') no-repeat top left; }
#rowTwo .columns .right .noteworthy .feed { float: right; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; }
#rowTwo .columns .right .noteworthy .feed a { background: url('../images/rss.jpg') no-repeat top left; width: 60px; height: 15px; margin: 10px 15px 0 0; padding: 1px 0 0 18px; display: block; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
/*###########################################
## Alternate ##
###########################################*/
#bodyContent .left .noteworthy { width: 500px; margin: 0; padding: 0; background: url('../images/noteworthy.png') no-repeat top left; }
#bodyContent .left .noteworthy h2 { margin: 0 0 25px 0; padding: 0; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#bodyContent .left .noteworthy h3 { margin: 12px 65px 0 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-align: right; }
#bodyContent .left .noteworthy h3 a { color: #829a16; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#bodyContent .left .noteworthy h3 a:hover { text-decoration: underline; }
#bodyContent .left .noteworthy ul { list-style: none; width: 500px; margin: 0; padding: 0; }
#bodyContent .left .noteworthy ul li { display: inline-block; float: none; width: 140px; margin: 0; padding: 8px 0px 10px 22px; background: #ffffff url('../images/noteworthy_marker.png') no-repeat top left; line-height: 16px; vertical-align: top; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; }
#bodyContent .left .noteworthy ul li a { color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none}
#bodyContent .left .noteworthy ul li a:hover { text-decoration: underline; }
#bodyContent .left .noteworthy ul li a b { font-size: 1.2em; }
#bodyContent .left .noteworthy ul li span { color: #a60000; font-weight: bold; }
#bodyContent .left .noteworthy p { color: #949086; line-height: 20px; }
#bodyContent .left .noteworthy .even { background: url('../images/noteworthy_marker.png') no-repeat top left; }
#bodyContent .left .noteworthy .feed { float: right; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; line-height: 11px; }
#bodyContent .left .noteworthy .feed a { background: url('../images/rss.jpg') no-repeat top left; width: 60px; height: 15px; margin: 10px 15px 0 0; padding: 1px 160px 0 18px; display: block; color: #949086; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
/*###########################################
## Third Row ##
###########################################*/
#rowThree { width: 910px; min-height: 300px; margin: 0 0 25px 0; padding: 0 25px 0 25px; }
#rowThree .columns { width: 910px; margin: 0 ; padding: 0; }
/* Left */
#rowThree .columns .left { width: 293px; margin: 25px 0 0 0; padding: 0 0 0 0; }
#rowThree .columns .left h2 { margin: 15px 0 15px 0; padding: 0; color: #322f27; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#rowThree .columns .left h3 { margin: 12px 20px 0 0; padding: 0; color: #322f27; font-size: 1.5em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-align: right; }
#rowThree .columns .left h3 a { color: #e7151a; font-size: 0.8em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; text-decoration: none; }
#rowThree .columns .left h3 a:hover { text-decoration: underline; }
/*###########################################
## Member Logos ##
###########################################*/
#rowThree .columns .left #memberLogos { width: 290px; margin: 0 0 8px 0; padding: 0; }
#rowThree .columns .left #memberLogos img { display: block; float: left; margin: 0 4px 6px 4px; padding: 0; }
/* Middle */
#rowThree .columns .middle { width: 269px; min-height: 300px; margin: 25px 0 0 12px; padding: 15px 12px 15px 12px; background: #f5f3ee; }
#rowThree .columns .middle h2.title { float: left; height: 24px; margin: 0 0 0 0; padding: 0; color: #543315; font-size: 3.0em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#rowThree .columns .middle h3.title { float: left; height: 24px; margin: 6px 0 0 6px; padding: 0; color: #966e4d; font-size: 2.2em; font-weight: 300; letter-spacing: -0.05em; line-height: 20px; }
#rowThree .columns .middle h4 { margin: 0 2px 0 0; padding: 0; text-align: right; color: #966e4d; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
#rowThree .columns .middle h4 a { color: #966e4d; text-decoration: none; }
#rowThree .columns .middle h4 a:hover { color: #966e4d; text-decoration: underline; }
#rowThree .columns .middle ul { list-style: none; width: 269px; margin: 10px 0 10px 0; padding: 0; }
#rowThree .columns .middle ul li { width: 255px; margin: 0; padding: 8px 0 6px 14px; background: url('../images/aroundtheweb_marker.png') no-repeat top left; line-height: 16px; }
#rowThree .columns .middle ul li a { color: #966e4d; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; text-decoration: none}
#rowThree .columns .middle ul li a:hover { text-decoration: underline; }
#rowThree .columns .middle ul li span { color: #543315; font-weight: bold; }
/* Right */
#rowThree .columns .right { width: 300px; height: 250px; margin: 0 0 0 12px; padding: 0; }
#rowThree .columns .right .advertisement, #rowThree .columns .right .twoadvertisements a:first-child { display: block; width: 300px; height: 100px; border: 0; margin: 0 0 15px 0 !important; padding: 0; }
#rowThree .columns .right .advertisement, #rowThree .columns .right .twoadvertisements a { display: block; width: 300px; height: 100px; margin: 15px 0 0 0 !important; padding: 0; }
#rowThree .columns .right .advertisement, #rowThree .columns .right .twoadvertisements img { border: 0; margin: 0 0 0 0 !important; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Bottom ##
############################################################################*/
#bottom { width: 960px; min-height: 185px; margin: -45px 0 0px 0; padding: 130px 0 0 0; background: url('../images/bottom_cap.png') no-repeat top left; }
#bottom #footer { width: 910px; min-height: 200px; margin: 0; padding: 0 25px 0 25px; background: #f2f2f1 url('../images/bottom_foot.jpg') no-repeat top right; }
#bottom #footer .row1 { width: 910px; margin: 0; padding: 0; }
#bottom #footer .row1 .left { width: 260px; margin: 0; padding: 0 0 30px 0; background: url('../images/footer_title.jpg') no-repeat bottom center; }
#bottom #footer .row1 .left h1 { width: 165px; height: 180px; margin: -60px 0 0 50px; padding: 0; }
#bottom #footer .row1 .left h1 a { background: url('../images/front_logo.png') no-repeat top left; width: 165px; height: 180px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
#bottom #footer .row1 .right { width: 630px; margin: 0 0 0 20px; padding: 0; }
#bottom #footer .row1 .right .offices { width: 630px; margin: 0; padding: 0; }
#bottom #footer .row1 .right .offices .item { width: 180px; margin: 0; padding: 40px 0 20px 0; color: #949086; font-size: 12px; font-weight: normal; font-family: Trebuchet MS; line-height: 18px; }
#bottom #footer .row1 .right .offices .item p { margin: 0; padding: 0; }
#bottom #footer .row1 .right .offices .item h4 { margin: 0; padding: 0; color: #322f27; font-size: 1.2em; font-weight: 600; letter-spacing: -0.05em; line-height: 14px; }
#bottom #footer .row1 .right .offices .item b { color: #615e54; }
#bottom #footer .row1 .right .footerNav { width: 630px; margin: 0; padding: 0; }
#bottom #footer .row1 .right .footerNav h4 { margin: 0; padding: 0; color: #afaba0; font-size: 1.0em; font-weight: 400; letter-spacing: -0.025em; line-height: 14px; }
#bottom #footer .row1 .right .footerNav h4 a { color: #e7151a; font-size: 1.1em; font-weight: 400; text-decoration: none; }
#bottom #footer .row1 .right .footerNav h4 a:hover { text-decoration: underline; }
#bottom #footer .row2 { width: 910px; margin: 0; padding: 0; }
#bottom #footer .row2 .legal { width: 455px; margin: 0; padding: 18px 0 0 0; color: #afaba0; font-size: 11px; font-weight: normal; font-family: Trebuchet MS; }
#bottom #footer .row2 .credit { width: 455px; margin: 0; padding: 15px 0 0 0; }
#bottom #footer .row2 .credit h4 { width: 248px; height: 22px; margin: 0 0 0 210px; padding: 0; }
#bottom #footer .row2 .credit h4 a { background: url('../images/flex360.jpg') no-repeat top left; width: 248px; height: 22px; margin: 0; padding: 0; display: block; text-indent: -99999px; cursor: pointer; }
/*##############################################################################
##############################################################################*/
/*##############################################################################
##############################################################################
## Navigation ##
############################################################################*/
/* Controls */
.navigation li:hover, .navigation li.over { position: static; /* make menus not sticky in ie7 */ }
.navigation li ul { position: absolute; left: -999em; list-style: none; }
.navigation li:hover ul { left: auto; }
.navigation li:hover ul, .navigation li.sfhover ul { left: auto; }
/* Dropdown */
.dropdownNav { z-index: 99; position: absolute; width: 200px; margin: 0 0 0 -15px; padding: 9px 0 20px 0; line-height: 12px; background: url('../images/nav_bottom.png') no-repeat bottom left; }
.dropdownNav li:first-child,
.dropdownNav li.firstChild { padding: 6px 0 0 0 !important; }
.dropdownNav li { width: 200px; min-height: 20px; margin: 0; padding: 0; background: url('../images/nav_bg.png') repeat top left; line-height: 12px; }
.dropdownNav li a { display: block; width: 175px; margin: 0; padding: 4px 10px 6px 15px; color: #ffffff; font-size: 1.1em; font-weight: bold; text-decoration: none; cursor: pointer; }
.dropdownNav li a:hover { margin: 0; padding: 4px 10px 6px 15px; color: #c7eb54; font-size: 1.1em; font-weight: bold; text-decoration: none; background: #322f27; cursor: pointer; }
/* Individual Containers */
.navigation li { margin: 0 26px 0 0; padding: 0; }
/*##############################################################################
##############################################################################*/
/*###########################################
## Universals ##
###########################################*/
.clear { clear: both; height: 1px; }
#rowThree .columns .right .advertisement { width: 300px; height: 250px; margin: 0; padding: 25px 0 0 0; background: url('../images/advertisement.png') no-repeat top left; }
#rowThree .columns .right .twoadvertisements { width: 300px; height: 250px; margin: 0; padding: 25px 0 0 0; background: url('../images/advertisement.png') no-repeat top left; }
/* Frogr Flickr Plugin Styles */
#frogr ul { display: block; padding: 0pt; }
.clear_fix { clear: both; }
#frogr li { display: inline; float: left; padding: 0pt; }
#frogr a img{ border: 2px solid #B6BF15; background: transparent none repeat scroll 0%; color: #39444D; margin: 0pt; padding: 0pt; text-decoration: none; }
#frogr a:hover img{ border: 2px solid #A1A318; background: transparent none repeat scroll 0%; color: #39444D; margin: 0pt; padding: 0pt; text-decoration: none; }