.clearDiv:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearDiv {display: inline-block;} /* Hides from IE-mac \*/ * html .clearDiv {height: 1%;} .clearDiv {display: block;} /* End hide from IE-mac */ * {margin:0px; padding:0px;} /* MISC STYLES */ .skiplinks{display:none;} fieldset{border:0;} input{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;} select{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;} textarea{font-size:100%; font-family:Verdana, Arial, Helvetica, sans-serif;} form{margin:0; padding:0; border:0;} table{font-size:100%;} img{border:0;} ul{list-style-type:none;} p { line-height: 50px; } /* fonts */ /* HEADERS*/ h1 { font-size: 1.2em; text-decoration: none; font-weight:bold; margin-top:10px; margin-bottom:4px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #6B9A9E; } h2 {font-size: 1.1em; text-decoration: none; font-weight:bold; margin-top:3px; margin-bottom:0px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #6B9A9E;} h3 { font-size: 1.0em; color:#005AAB; margin-top:4px; margin-bottom:0px; margin-left:10px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; } h4 { font-size: 1.1em; text-decoration: none; font-weight:normal; margin-top:4px; margin-bottom:4px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #fff; } h5 { font-size: 1.0em; text-decoration: none; font-weight:bold; margin-left:10px; margin-top:0px; margin-bottom:0px; font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #76629E; } h3 a{ color:#005AAB; } /* form button style */ .return_button { font-family: arial, tahoma, verdana ; background-color: #FFFFFF; border-color: #6B9A9E #D1DBDC #D1DBDC #6B9A9E; color: #6B9A9E; cursor: hand; padding:1px;} .return_button_over { font-family: arial, tahoma, verdana; background-color: #FFFFFF; border-color: #6B9A9E #D1DBDC #D1DBDC #6B9A9E; color: #FFFFFF; cursor: hand; padding:1px; } .small {font-family: verdana; color:#8F8484; font-size: 0.8em; } body { background-image: url('../img/background.png'); background-repeat: repeat-x; color:#8F8484; margin:0; font-family: verdana,arial, tahoma ; font-size: 98%; } body a{color:#6B9A9E;text-decoration:none;} body a:hover{color:#6B9A9E; text-decoration:underline;} /* TOP SECTION */ #container {width:778px; margin: 0 auto; padding:0px; background: #fff; } #container #top_section { float:left; background-color:white; width:780px; height:67px; margin:0px; padding:0px; border-bottom:0px solid #6B9A9E; } #container #top_section #top_nav {float:right; margin-right:10px; color:#D62C2C; } #container #top_section #top_nav ul#top_nav {border:0px solid red; float:left; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-top:3px; padding-bottom:6px; white-space: nowrap; font-size:11px; font-family: verdana,arial, tahoma ;} #container #top_section #top_nav ul#top_nav li{float:left; display: inline; list-style-type: none; } #container #top_section #top_nav ul#top_nav li#home{float:left; display: inline; list-style-type: none; padding-left:100px; border-right:1px solid white; padding-right:10px; } #container #top_section #top_nav ul#top_nav li#contact{float:left; display: inline; list-style-type: none; padding-left:10px; border-right:0px solid white; padding-right:0px;} #container #top_section #top_nav ul#top_nav li#divide{float:left; display: inline; list-style-type: none; padding-left:10px; border-right:1px solid white; padding-right:10px;} #container #top_section #logo {float:left; width:250px; color:white; margin-top:0px; margin-right:0px; font-size:11px; } #container #top_section #nav_container{float:left; width:780px; margin-top:0px; PADDING:0PX;} #container #top_section #nav_container #main_nav{float:right; padding:0px; width: 780px; margin:0px; font-weight:bold; background-color:white;} #container #top_section #nav_container #main_nav ul#main_nav {float:left; margin-top:0px; font-family: tahoma ; font-size:10px; margin-top:0px; padding-top:2px; padding-bottom:4px; padding-bottom:0px; white-space: nowrap; background-color:white; font-size:11px; font-family: verdana,arial, tahoma ;} #container #top_section #nav_container #main_nav ul#main_nav li {display: inline; list-style-type: none; border-top:1px solid black; border-left:1px solid black; border-right:1px solid black; margin-right:2px; } #container #top_section #nav_container #main_nav ul#main_nav a{float:left; padding: 5px 5px 5px 5px;} #container #top_section #nav_container #main_nav ul#main_nav li#normal {float:left; font-family: tahoma ; background-color:white;} #container #top_section #nav_container #main_nav ul#main_nav li#normal a{color:#577B7E; text-decoration:none; } #container #top_section #nav_container #main_nav ul#main_nav li#normal_selected {background-color:#6B9A9E; float:left;font-family: tahoma ; display: inline; list-style-type: none; } #container #top_section #nav_container #main_nav ul#main_nav li#normal_selected a{ color:white; text-decoration:none; background-color:#6B9A9E } #container #top_section #nav_container #main_nav ul#main_nav li#normal a:hover{ color:white; text-decoration:none; background-color:#6B9A9E; } #container #top_section #nav_container #main_nav ul#main_nav li#home_page_selected {color:white; float:left;font-family: tahoma ; display: inline; list-style-type: none; background-color:#FCD587; } #container #top_section #nav_container #main_nav ul#main_nav li#home_page_selected a {color:white;} #container #top_section #nav_container #main_nav ul#main_nav li#home_page {float:left; color:white; font-family: tahoma ; background-color:#D62C2C;} #container #top_section #nav_container #main_nav ul#main_nav li#home_page a {color:black;} #container #top_section #nav_container #main_nav ul#main_nav li#links {float:left; font-family: tahoma ; display: inline; list-style-type: none; background-color:#D62C2C;} #container #top_section #nav_container #main_nav ul#main_nav li#links a{color:black; text-decoration:none; } #container #top_section #nav_container #main_nav ul#main_nav li#links_selected {background-color:#FCD587; } #container #top_section #nav_container #main_nav ul#main_nav li#links a:hover{ background-color:#FCD587; } #container #main_image {float:left; width:780px; margin:0px; padding:0px; height:156px; border-top: 8px solid #6B9A9E; } #container #bar0 {float:left; width:780px; background-color:#6B9A9E; height:26px; margin:0px; } ul#arrow {list-style-image: url(../img/icon_arrow.gif); list-style-type: disc; padding:0px; margin-top:5px; padding-left:0px; margin-left:15px; border:0px solid yellow;} ul#arrow li {padding-bottom:5px; margin-left:0px; } /* MAIN PAGE CONTAINER */ #container #main_container {float:left ; width: 780px; margin-TOP:0px; padding:0px; font-size:90%; background-color:WHITE; bordeR:0px solid RED; } #container #main_container #left_container {float:left; width: 148px; margin:0px; padding-left:15px; padding-top:15px; font-size:80%; background-color:#E6EEEF; border:0px solid RED; height:750px;} #container #main_container #middle_container {float:left; width: 459px; bordeR:0px solid RED; margin:0px; padding-left:10px; font-family: verdana,arial, tahoma ; font-size: 80%;} #container #main_container #right_container {float:right; width: 148px; margin-left:0px; padding-top:0px; font-size:80%; background-color:#E6EEEF; height:913px; } #container #main_container #middle_container #intro {float:left; width: 459px; margin:0px; padding:0px} #container #main_container #middle_container #divide {float:left; width: 459px; margin:0px; padding:0px} #container #main_container #middle_container #feature_container {float:left; width: 459px; margin:0px; padding:0px} #container #main_container #middle_container #feature_container img{float:left; margin-right:10px; margin-bottom:15px; } #container #main_container #middle_container #feature_container #feature2 {float:left; border-right:1px dashed #87A18E; width: 220px; height: 290px;} #container #main_container #middle_container #feature_container #feature3 {float:right; width: 210px; padding-left:5px; } #container #main_container #leftfull_container #main_image {float:right; width: 142px; border:0px solid green; margin-right:20px; } #container #main_container #leftfull_container #main_intro {float:left; line-height: 150%; width: 400px; border:0px solid blue; } #container #main_container #leftfull_container #divide {float:left; margin-top:-10px; margin-bottom:10px; width: 603px; height:1px; border-bottom:1px solid #D62C2C;} #container #main_container #leftfull_container #story_container {float:left; width: 603px; margin:0px; padding:0px; border:0px solid blue; } #container #main_container #leftfull_container #story_container #story_left {float:left; width:214px; } #container #main_container #leftfull_container #story_container #story_right {float:right; width:300px; margin-left:15px;} #container #main_container #leftfull_container #story_container #story_right img {float:left; margin-right:5px; } #container #main_container #leftfull_container #message_board {float:left; border:2px solid #D62C2C; width:590px; height:583px; padding-left:2px; padding-top:2px; padding-bottom:2px; padding-right:2px; } #container #main_container #right_container #shopping_today { float:right; color:white; background-color: #EFDEB4; margin-top:10px; font-size: 93%; padding-top:0px; padding-left:0px; padding-bottom:0px; margin-bottom:5px;} #container #main_container #right_container #shopping_today #shopping_header { background-color: #D62C2C; color: #EFDEB4; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} #container #main_container #right_container #shopping_today #shopping_advert {float:left; color: #D62C2C; margin-top:5px; margin-right:0px; margin-left:0px; border:0px solid blue; } #container #main_container #right_container #shopping_today #shopping_advert a {color: #D62C2C;} #container #main_container #right_container #shopping_today #shopping_advert img{float:left; margin-right:5px; margin-left:5px; } #container #main_container #leftfull_container #search_container { float:left; width: 603px; margin:0px; padding:0px; border:0px solid green; } #container #main_container #leftfull_container #search_container #search {float:left; height:160px; width:240px; margin:0px; padding:0px; border:0px solid green;} #container #main_container #leftfull_container #search_container #text {float:right; width:340px; margin-left:15px; border:0px solid red;} #container #main_container #right_container #search {float:left; background-color:#E6EEEF; width: 143px; margin-right:0px; padding-top:4px; padding-bottom:4px; margin-left:0px; padding-left:5px; font-size:80%; font-family: tahoma, verdana ; } #container #main_container #right_container #photo_archive { float:right; width: 195px; background-color: #EFDEB4; height:770px; } #container #main_container #right_container #photo_archive #photo_header { background-color: #D62C2C; color: #EFDEB4; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} #container #main_container #right_container #events_header { float:left; width: 144px; background-color: #6B9A9E; font-weight:bold; color: white; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} #container #main_container #right_container #events_content {float:left; width: 143px; margin-right:0px; padding-top:4px; padding-bottom:4px; margin-left:0px; padding-left:5px;} #container #main_container #right_container #shopping_today { float:right; font-family: verdana,arial, tahoma ; line-height: 110%; color:white; background-color: #DADEDE; margin-top:10px; font-size: 84%; padding-top:0px; padding-left:0px; padding-bottom:20px; margin-bottom:5px;} #container #main_container #right_container #shopping_today #shopping_header { font-size:11px; font-weight:bold; background-color: #B9BEBF; color: white; padding-left:4px; padding-top:4px; padding-bottom:4px; margin-top:0px;} #container #main_container #right_container #shopping_today #shopping_advert {float:left; color: #6B9A9E; margin-top:5px; margin-right:0px; margin-left:0px; border:0px solid blue; } #container #main_container #right_container #shopping_today #shopping_advert a {color: #6B9A9E;} #container #main_container #right_container #shopping_today #shopping_advert img{float:left; margin-right:2px; margin-left:2px; } /*SHOPPING QUICK LINKS - SAME ON ALL PAGES*/ #quick_links {float:left; font-size: 10PX; text-align:top; width:820px; margin-top:0px; margin-bottom:-10px; width: 820px; } #quick_links a{color:#D62C2C;} #quick_links #quick_header {text-align:center; color:white; width:820px; background-color:#D62C2C; font-size: 1.2em; width: 820px; padding-top:4px; padding-bottom:4px;} #quick_links #column01{float:left; padding-bottom:5px; padding-left:20px; padding-right:20px; margin-left:0px; padding-right:5px;} #quick_links #column02{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px; } #quick_links #column03{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column04{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column05{float:left; padding-bottom:5px; margin-left:0px; padding-right:20px;} #quick_links #column06{float:right; padding-bottom:5px; margin-left:0px; padding-right:20px;} /*----------------------------------------------------------------------------amanda replaced this - 7th March - please change-----------------------------------------------------*/ #quick_links #clear {background-color: #D6D1E3; float:left; }