/*****Top gutter*****/ #top_full { height: 40px; background: #DDDDDD url(/images/map-background3.jpg) repeat-x center bottom; padding: 0; border: 1px solid #000; } #top_full h1 { margin: 0; } /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ /* using padding instead of margin will allow you to keep the element away from the edges of the div */ /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ /* the auto margins (in conjunction with a width) center the page */ #top { width: 960px; margin: 0px auto; text-align: left; padding: 0px; height: 40px; position: relative; } #top ul { float: right; position: absolute; width: auto; top: 10px; right: 1px; } #top li { float: left; margin-left: 10px; padding-left: 10px; } #top a { color: #FFF; } #top #cat_menu { position: absolute; line-height: 2.1em; text-transform: uppercase; text-indent: -1.5em; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -0.05em; top: 1em; right: 343px; } #top #cat_menu li span { border-bottom: #bbbbbb 1px solid; text-align: center; border-left: #bbbbbb 1px solid; width: 11em; display: block; background: url(/themeBrown/button_bg.png) repeat-x 0px 100%; border-top: #bbbbbb 1px solid; border-right: #bbbbbb 1px solid; } #top #cat_menu li span:hover { background: url(/themeBrown/button_bg_hover.png) #eeeeee repeat-x 0px 100%; } #top .arrow2 { display: block; background: url(/themeBrown/categories_arrow.gif) no-repeat 9.5em 50%; } #top #cat_menu li a { display: block; } #top #cat_menu li a:hover { color: #468175; text-decoration: none; } #top #cat_menu li ul { z-index: 999; border-bottom: #babeb1 1px solid; position: absolute; border-left: #babeb1 1px solid; padding-bottom: 1.2em; line-height: 1; list-style-type: none; margin-top: -1px; padding-left: 2em; width: 14em; padding-right: 0px; background: #efefef; margin-left: -5em; clear: left; border-top: #babeb1 1px solid; list-style-image: none; border-right: #babeb1 1px solid; padding-top: 1.2em; left: -999em; } /** + html #cat_menu li ul { margin-left: -3.5em; } */ #top #cat_menu li li { z-index: 999; margin: 0px; display: inline; float: none; } #top #cat_menu li:hover ul { left: 77px; } #top #cat_menu li li:hover ul { left: 77px; } #top #cat_menu li.iehover ul { left: 77px; } #top #cat_menu li li.iehover ul { left: 77px; } #top #cat_menu li:hover li a { padding-bottom: 0.7em; padding-left: 1.5em; padding-right: 1.5em; float: none; height: auto; padding-top: 0.7em; } #top #cat_menu li.iehover li a { padding-bottom: 0.7em; padding-left: 1.5em; padding-right: 1.5em; float: none; height: auto; padding-top: 0.7em; } #top #cat_menu li:hover li a:link { color: #242323; text-decoration: none; } #top #cat_menu li:hover li a:visited { color: #242323; text-decoration: none; } #top #cat_menu li:hover li a:hover { color: #468175; text-decoration: none; } #top #cat_menu li:hover li a:active { color: #242323; text-decoration: none; } /*****header - logo row*****/ #header_full { background: #000000 url(/images/header-bg.jpg); padding: 0; } #header { width: 960px; margin: 0 auto; border: 0; text-align: left; height: 225px; padding: 0px; } #header ul { position: relative; top: 45%; width: auto; float: right; padding-right: 0px; margin-right: 0px; } #header ul li { border-right: #999999 1px solid; float: left; font: 1.4em Cambria, Georgia, Times, "Times New Roman", serif; letter-spacing: 3px; margin-left: 5px; padding-right: 10px; padding-left: 10px; text-transform: uppercase; } #header ul li.last { border-right: #999999 0px solid; float: left; font: 1.4em Cambria, Georgia, Times, "Times New Roman", serif; letter-spacing: 3px; margin-left: 5px; padding-right: 10px; padding-left: 10px; text-transform: uppercase; } #header a {color: #999999; } #header a:hover { color: #ffffff; border-bottom: 1px dotted #FFF; } div.logo a { position: relative; text-indent: -9999px; width: 250px; display: block; height: 175px; top: 25px; left: 0; bottom: 24px; background: url(/images/logo/restart-4black-75PERCENT.png) no-repeat; } /*****breadcrumb*****/ #breadcrumbs_full { background-color: #272727; border-top: 1px dashed #3c3c3c; position: relative; border-bottom: 1px dashed #3c3c3c; } #breadcrumbs { width: 960px; height: 30px; margin: 15px auto 0; border: 0; text-align: left; padding: 0px; } #breadcrumbs p { padding-bottom: 10px; margin: 0; padding-left: 0; padding-right: 0; color: #999999; padding-top: 10px; } #breadcrumbs a { color: #999999; } #breadcrumbs a:hover { color: #ffffff; border-bottom: 1px dotted #FFF; } /*****A. titles*****/ #titles_full_a { padding: 5px 0; text-align: left; border-top: #999999 1px dotted; border-bottom: #999999 1px dotted; margin: 40px 0px 0px; } #titles_a { width: 960px; margin: 0 auto; text-align: left; border-top: thin none; border-right: thin none; border-bottom: thin none; border-left: thin none; } #titles_a h2 { line-height: 28px; text-transform: uppercase; font-family: Cambria, Georgia, Times, "Times New Roman", serif; letter-spacing: 3px; color: #000000; font-size: 1.3em; margin: 0;} /*****B. titles*****/ #titles_full_b { padding: 5px 0; text-align: left; border-top: #999999 1px dotted; border-bottom: #999999 1px dotted; margin: 40px 0px 0px; } #titles_b { width: 940px; margin: 0 auto; text-align: left; border-top: thin none; border-right: thin none; border-bottom: thin none; border-left: thin none; } #titles_b h2 { line-height: 28px; text-transform: uppercase; font-family: Cambria, Georgia, Times, "Times New Roman", serif; letter-spacing: 3px; color: #000000; font-size: 1.3em; margin: 0;} /*****A. main page content*****/ #middle_full_a { background: #FFF; margin: auto 0; text-align: left; } #middle_a { width: 940px; background: #FFF; margin: 20px auto 0; text-align: left; } /*****B. main page content*****/ #middle_full_b { background: #FFF; margin: auto 0; border: 1px solid #E8E8E8; text-align: left; } #middle_b { width: 940px; background: #FFF; margin: 20px auto 0; text-align: left; } /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */ /* remember that padding is the space inside the div box and margin is the space outside the div box */ /* since this element is floated, a width must be given */ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */ /* the background color will be displayed for the length of the content in the column, but no further */ /*CALL OUT SECTION*/ div.bottom_callouts_wrapper { padding-bottom: 20px; padding-left: 0; width: 100%; padding-right: 0; background: #e3e1d8; overflow: auto; border-top: 3px solid #dcdbd5; padding-top: 20px; border-bottom: 3px solid #dcdbd5; } div.bottom_callouts { margin: 0 auto; width: 940px; } div.callout_one { width: 300px; background: #dad8cb; float: left; height: 200px; margin-right: 20px; } div.callout_two { width: 300px; background: #dad8cb; float: left; height: 200px; margin-right: 20px; } div.bottom_callouts span.padding { } div.bottom_callouts p { display: block; } #bottom_callouts_image_wrap_id { padding-bottom: 0; padding-left: 15px; width: 940px; padding-right: 15px; background: url(/images/call-out-1.png) no-repeat left 50%; height: 190px; font-size: 110%; padding-top: 5px; } #main-feature p { margin-bottom: 0; } .sub-feature { margin: 0 40px 0 0; width: 280px; display: inline; float: left; } .sub_last { margin: 0; width: 280px; } .sub-feature h3 a { position: relative; display: block; } .sub-feature h3 a:hover { border-bottom: medium none; border-bottom: #86284d 1px dotted;} .sub-feature h3 a:link { color: #4b4740; } .sub-feature h3 a:visited { color: #4b4740; } .sub-feature h3 { margin: 1em 0 5px; } .sub-feature p { margin-bottom: 15px; color: #9d9b8c; font-size: 110%; margin-right: 15px; } .sub-feature#col_one { margin: 0 46px 0 0; } .sub-feature#col_one h3 a { padding-right: 12px; } .sub-feature#col_one p { margin-right: 12px; } .sub-feature#col_two h3 a { padding-right: 100px; } .sub-feature#col_two p { margin-right: 100px; } .sub { text-transform: uppercase; font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #999999; font-size: 1em; } .sub-feature a { color: #86284d; } .sub-feature a:hover { border-bottom: #86284d 1px dotted; } /*****footer menu*****/ #footer_menu_full { height: 300px; padding: 0; border-top: 4px solid #1c1c1d; background-color: #000} #footer_menu { width: 940px; margin: 0 auto; padding: 20px 0; border: 1px solid #000000; text-align: left; color: #000; } #footer_menu h4 { text-transform: uppercase; font-family: Cambria, Georgia, Times, "Times New Roman", serif; letter-spacing: 3px; color: #fff; font-size: 1.3em; } div.header_blocks { display: block; border-right: #999999 1px dotted; } #footer_menu ul { padding-top: 20px; } #footer_menu ul li { padding-bottom: 5px; padding-left: 0; padding-right: 0; display: block; border-top: #1c1c1d 1px dotted; padding-top: 5px; } #footer_menu ul li.last { border-bottom: #1c1c1d 1px dotted; display: block; border-top: #1c1c1d 1px dotted; } #footer_menu a { color: #676767; } #footer_menu a:hover { color: #fff; } #footer_menu .col_one { width: 220px; float: left; margin-right: 20px; } /*****footer legal*****/ /*****Note - padding done differently here*****/ #footer_legal_full { padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#000; border-top: #1c1c1d 1px dotted; } #footer_legal_full p { margin: 0; padding: 10px 0; } #footer_legal { margin: 0 auto; width: 940px; display: block; text-align: left; } #footer_legal a { padding: 0px; } div.copyright { width: 460px; float: left; margin: 0; padding: 0px; } div.valid_code { width: 220px; float: right; text-align: right; font-size: 12px; } div.valid_code a{ font-size: 90%; } div.valid_code a:hover { text-decoration: underline } ul.subscribe li { display: inline; margin-right: 5px; } /*****misc*****/ /*Main columns*/ div.col_one { width: 220px; float: left; margin-right: 20px; } div.col_one_long { width: 460px; float: left; margin-right: 20px; } div.col_two { width: 220px; float: left; margin-right: 20px; } div.col_three { width: 220px; float: left; margin-right: 20px;} div.col_four { width: 220px; float: left; } div.single_col { width: 220px; float: left; margin-right: 20px; } div.single_col_last { width: 220px; float: left; } div.double_col { width: 460px; float: left; margin-right: 20px; } div.double_col_last { width: 460px; float: left; } div.tripple_col { width: 660px; float: left; margin-right: 60px; } div.tripple_col_blog { width: 660px; float: left; margin-right: 60px; } div.side_bar { width: 220px; float: left; } div.test_col { width: 460px; float: left; margin-right: 20px; } div.full_length_col { width: 900px; float: left; } div.col_one_short { width: 363px; float: left; margin-right: 20px; } div.col_slideshow { width: 525px; float: left; margin-right: 0px; } div.double_col_homepage { width: 360px; float: left; margin-right: 30px; } div.double_col_homepage_last { width: 525px; float: left; } .floatright { float: right; margin-left: 8px;} /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ .floatleft { float: left; margin-right: 8px;} /* this class can be used to float an element left in your page */ .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ .clear { clear: both; } /*****Special*****/ br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */ .pink_link { color: #86284d; } .pink_link a {color: #86284d; } .pink_link a:hover { color: #86284d; border-bottom: 1px dotted #86284d; } .blue_link_on_white { color: #91bcb9; } .blue_link_on_white a {color: #91bcb9; } .blue_link_on_white a:hover { color: #272727; border-bottom: 1px dotted #86284d; }