/* Title: WHA date: July 2009 */ * { margin: 0; padding: 0; list-style: none; outline: none;} body { margin: 0; padding: 0; font-size: 100%; color: #000000; font-family: Arial, Helvetica, sans-serif; background: #ffffff url(../images/background.jpg) repeat-x top;} img { border: none; margin: 0; padding: 0;} a img { border: none;} div,input,form,h1,h2,h3,h4,h5,hr,p,dl,dd,dt,ul,li,ol,object,param { margin: 0; padding: 0;} /* STRUCTURE STYLES ---------------------------------------------------------- */ #container { width: 980px; margin-left: auto; margin-right: auto; background-color: #ffffff;} /* HEADER ---------------------------------------------------------- */ #header { width: 980px; height: 140px; background: url(../images/header-bg.jpg) no-repeat 0 0;} #header p { font-size: 80%; color: #ffffff;} #header a:link, #header a:visited { color: #ffffff; text-decoration: none; font-size: 100%;} #header a:hover, #header a.active { color: #ffffff; text-decoration: underline; font-size: 100%;} #header-col1 { float: left; position: relative; width: 300px; margin: 0; padding: 0;} #header-col2 { float: right; display: inline; width: 680px; margin: 0; padding: 0;} #logo { padding: 8px 0 0 22px;} .row-1, .row-2, .row-3, .row-4 { clear: both; text-align: right; padding-right: 12px;} .row-3 { padding-top: 7px;} /* ARTICLE LIST / RESULTS LIST ---------------------------------------------------------- */ .articlelist-col1, .resultslist-col1 { width: 90px; float: left; position: relative; padding: 4px 10px 0 0;} .articlelist-col2, .resultslist-col2 { float: left; position: relative; width: 550px; padding-top: 4px;} /* MAIN LAYOUT ---------------------------------------------------------- */ /* HOME */ #wrapper { clear: both; width: 980px;} .other-wrapper { margin-top: 30px;} #wrapper-red { width: 980px; background-image: url(../images/full-red-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-orange { width: 980px; background-image: url(../images/full-orange-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-pink { width: 980px; background-image: url(../images/full-pink-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-green { width: 980px; background-image: url(../images/full-green-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-blue { width: 980px; background-image: url(../images/full-blue-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-purple { width: 980px; background-image: url(../images/full-purple-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} #wrapper-yellow { width: 980px; background-image: url(../images/full-blue-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} /* this should have a yellow bg but was missing before go live and this is a quick fix */ #wrapper-lightpink { width: 980px; background-image: url(../images/full-lightpink-bg.gif); background-position: 0 0; background-repeat: repeat-y; border-bottom: 1px dotted #ED8EA4;} .wrapper-inner { background: url(../images/corner-crumb.gif) 0 0 no-repeat;} #leftcol { float: left; position: relative; width: 707px; padding-left: 16px; margin-top: 20px;} #maincol { float: right; display: inline; position: relative; width: 211px; padding: 0 20px 0 26px; margin-top: 20px;} #maincol-fullwidth { width: 920px; margin: 0 15px 0 15px; padding: 15px 15px 0 15px; margin-top: 20px; float: left; display: inline; position: relative;} #leftcol-other { float: left; position: relative; width: 243px;} #maincol-other { float: right; display: inline; position: relative; width: 717px; padding: 0 20px 0 0; margin-top: 20px;} /* NAVIGATION ---------------------------------------------------------- */ /* MAIN NAVIGATION */ #nav { float: left; width: 980px; height: 40px; background: url(../images/navbar-bg.jpg) 0 0 no-repeat; font-size: 85%; font-weight: bold; line-height: normal;} #nav ul { margin: 0; padding: 0; list-style: none;} #nav li { display: inline; margin: 0; padding: 0;} #nav a { float: left; margin: 0; padding: 0 0 0 10px; text-decoration: none;} #nav a span { float: left; display: block; padding: 16px 25px 8px 10px; color: #ffffff;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav a span {float: none;} /* End IE5-Mac hack */ #nav a:hover span { color: #FFF;} #nav a:hover { background-position: 0% -40px;} #nav a:hover span { background-position: 100% -40px;} .navred a { background: url(../images/nav/tableft-navred.gif) no-repeat left top;} .navred a span { background: url(../images/nav/tabright-navred.gif) no-repeat right top;} .navorange a { background: url(../images/nav/tableft-navorange.gif) no-repeat left top;} .navorange a span { background: url(../images/nav/tabright-navorange.gif) no-repeat right top;} .navorange a.active { background: url(../images/nav/tableft-navorange.gif) no-repeat left top; background-position: 0% -40px;} .navorange a.active span { background: url(../images/nav/tabright-navorange.gif) no-repeat right top; background-position: 100% -40px;} .navpink a { background: url(../images/nav/tableft-navpink.gif) no-repeat left top;} .navpink a span { background: url(../images/nav/tabright-navpink.gif) no-repeat right top;} .navpink a.active { background: url(../images/nav/tableft-navpink.gif) no-repeat left top; background-position: 0% -40px;} .navpink a.active span { background: url(../images/nav/tabright-navpink.gif) no-repeat right top; background-position: 100% -40px;} .navgreen a { background: url(../images/nav/tableft-navgreen.gif) no-repeat left top;} .navgreen a span { background: url(../images/nav/tabright-navgreen.gif) no-repeat right top;} .navgreen a.active { background: url(../images/nav/tableft-navgreen.gif) no-repeat left top; background-position: 0% -40px;} .navgreen a.active span { background: url(../images/nav/tabright-navgreen.gif) no-repeat right top; background-position: 100% -40px;} .navblue a { background: url(../images/nav/tableft-navblue.gif) no-repeat left top;} .navblue a span { background: url(../images/nav/tabright-navblue.gif) no-repeat right top;} .navblue a.active { background: url(../images/nav/tableft-navblue.gif) no-repeat left top; background-position: 0% -40px;} .navblue a.active span { background: url(../images/nav/tabright-navblue.gif) no-repeat right top; background-position: 100% -40px;} .navpurple a { background: url(../images/nav/tableft-navpurple.gif) no-repeat left top;} .navpurple a span { background: url(../images/nav/tabright-navpurple.gif) no-repeat right top;} .navpurple a.active { background: url(../images/nav/tableft-navpurple.gif) no-repeat left top; background-position: 0% -40px;} .navpurple a.active span { background: url(../images/nav/tabright-navpurple.gif) no-repeat right top; background-position: 100% -40px;} .navyellow a { background: url(../images/nav/tableft-navyellow.gif) no-repeat left top;} .navyellow a span { background: url(../images/nav/tabright-navyellow.gif) no-repeat right top;} .navyellow a.active { background: url(../images/nav/tableft-navyellow.gif) no-repeat left top; background-position: 0% -40px;} .navyellow a.active span { background: url(../images/nav/tabright-navyellow.gif) no-repeat right top; background-position: 100% -40px;} .navlightpink a { background: url(../images/nav/tableft-navlightpink.gif) no-repeat left top;} .navlightpink a span { background: url(../images/nav/tabright-navlightpink.gif) no-repeat right top;} .navlightpink a.active { background: url(../images/nav/tableft-navlightpink.gif) no-repeat left top; background-position: 0% -40px;} .navlightpink a.active span { background: url(../images/nav/tabright-navlightpink.gif) no-repeat right top; background-position: 100% -40px;} /* TOP NAVIGATION */ #topnav { float: right; padding-top: 8px; margin: 0; font-size: 90%;} #topnav ul { list-style: none; margin: 0 0 0 10px; padding: 0;} #topnav li { display: inline; margin-left: 7px; padding-left: 9px; border-left: 1px #000000 solid;} #topnav a:link, #topnav a:visited { color: #000000; text-decoration: none; font-weight: bold;} #topnav a:hover, #topnav a.active { text-decoration: underline;} #topnav .border-left { border-left: 0;} /* ARTICLE NAVIGATION */ /* #article-nav { font-size: 75%; margin: 0; width: 200px; padding: 25px 23px 0 20px;} */ #article-nav { font-size: 75%; margin: 0; width: 180px; padding: 25px 43px 0 20px;} #article-nav h1 { font-size: 170%; font-weight: normal; color: #BF0026; padding-bottom: 10px;} #article-nav ul { width: 165px; margin: 0; padding: 0; list-style: none;} #article-nav li { border-top: 1px dotted #ED8EA4; padding: 2px 0 2px 0;} #article-nav a { display: block; padding: 8px 0 8px 0; color: #333333; text-decoration: none;} #article-nav a:hover { color: #333333; text-decoration: underline;} #article-nav a.active { color: #333333; text-decoration: none;} #article-nav a.subactive { color: #333333; text-decoration: none;} #article-nav ul ul { border-top: 1px dotted #ED8EA4;} #article-nav ul ul li { font-size: 100%; margin: 0; padding-left: 10px; border-top: none;} #article-nav ul ul a { display: block; padding: 5px 5px 0 20px; width: 144px; color: #333333; text-decoration: none;} #subnavlist li a { background: url(../images/nav-sub-bullet.gif) no-repeat 4% 50%;} .red-leftnav { width: 243px; background-image: url(../images/red-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .orange-leftnav { width: 243px; background-image: url(../images/orange-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .pink-leftnav { width: 243px; background-image: url(../images/pink-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .green-leftnav { width: 243px; background-image: url(../images/green-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .blue-leftnav { width: 243px; background-image: url(../images/blue-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .purple-leftnav { width: 243px; background-image: url(../images/purple-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} .yellow-leftnav { width: 243px; background-image: url(../images/blue-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} /* this should have a yellow bg but was missing before go live and this is a quick fix */ .lightpink-leftnav { width: 243px; background-image: url(../images/lightpink-nav-bg.gif); background-position: 205px 0; background-repeat: no-repeat; font-size: 80%; padding: 0; margin: 0;} /* FOOTER NAVIGATION */ #footer #footer-nav { padding: 10px 0 0 0; clear: both;} #footer #footer-nav ul { list-style: none;} #footer #footer-nav li { float: left; display: inline; margin-right: 10px; padding-right: 10px; font-size: 90%; font-weight: bold; color: #8F9DB9; border-right: 1px solid #8F9DB9;} #footer #footer-nav a:link, #footer #footer-nav a:visited { color: #8F9DB9; text-decoration: none; font-weight: bold;} #footer #footer-nav a:hover, #footer #footer-nav a.active { text-decoration: underline;} #footer #footer-nav .last { border-right: 0; border-right: none} /* BREADCRUMB NAVIGATION */ #breadcrumb { clear: both; color: #ffffff; width: 980px; height: 30px; font-size: 80%;} #breadcrumb ul { list-style: none; padding: 7px 0 0 20px; margin: 0;} #breadcrumb li { float: left; display: inline; list-style-type: none; margin-right: 5px;} #breadcrumb a { color: #ffffff; text-decoration: underline;} #breadcrumb a:hover, #breadcrumb a.active { color: #ffffff; text-decoration: underline;} #breadcrumb .you_are_here { color: #ffffff; font-weight: bold;} .corner { background: transparent url(../images/corner-crumb.gif) bottom right no-repeat;} .crumb-red { width: 980px; height: 30px; background-color: #E74060;} .crumb-orange { width: 980px; height: 30px; background-color: #FE815B;} .crumb-pink { width: 980px; height: 30px; background-color: #F587AB;} .crumb-green { width: 980px; height: 30px; background-color: #9DBA52;} .crumb-blue { width: 980px; height: 30px; background-color: #7DC4E6;} .crumb-purple { width: 980px; height: 30px; background-color: #8A88B3;} .crumb-yellow { width: 980px; height: 30px; background-color: #FFD940;} .crumb-lightpink { width: 980px; height: 30px; background-color: #ECC2CB;} #article-footer { clear: both; width: 930px; height: 81px; padding: 15px 25px 5px 25px;} #backtotop { margin: 0; padding: 0; text-align: right;} #back { float: left; margin: 0; padding: 0;} #intro-txt { font-size: 100%; font-weight: bold; margin: 0 20px 15px 20px;} /* CONTENT STYLES --------------------------------------------------------- */ /* MAIN CONTENT STYLES */ #main-content { font-size: 80%; padding-bottom: 20px;} #main-content p { font-size: 100%; line-height: 18px; color: #000000; padding-bottom: 15px;} #main-content h1 { font-size: 190%; font-weight: normal; color: #BF0026; margin-bottom: 5px;} .article-heading2 { font-size: 150%; font-weight: normal; color: #000000; padding-bottom: 10px; padding-top: 10px;} .article-heading3 { font-size: 110%; font-weight: bold; color: #666666; padding-bottom: 10px; padding-top: 10px;} .article-heading4 { font-size: 100%; color: #999999; font-weight: bold; padding-bottom: 10px; padding-top: 10px;} #main-content a:link, #main-content a:visited { color: #BF0026; text-decoration: none; font-weight: bold;} #main-content a:hover { color: #BF0026; text-decoration: underline;} #main-content ul { margin: 0; padding-bottom: 10px; color: #000000;} #main-content ul li { padding: 2px; margin-left: 21px; list-style-type: disc;} #main-content ol { margin: 0; padding-bottom: 10px; color: #000000;} #main-content ol li { padding: 0; margin-left: 27px; list-style-type: decimal;} #main-content table { margin: 15px 0; padding: 0; color: #000000; font-size: 100%;} #main-content td { margin: 0; padding: 8px; background-color: #E3F4DD; border: 1px solid #2D9301;} #main-content th { margin: 0; padding: 8px; text-align: left; background-color: #2D9301; color: #FFFFFF;} /* SEARCH BOX */ #searchbox { float: right; display: inline; padding: 10px 0 10px 0;} #searchForm { margin: 0; padding: 0;} input#searchText { font-size: 80%; width: 150px; padding: 3px; margin: 0 4px 0 4px; vertical-align: top;} #search { vertical-align: middle; padding: 0;} /* NEWS AREA */ #latest-news { padding-left: 10px;} .news { width: 211px; padding-top: 9px;} .news p { color: #333333; line-height: 19px; padding-bottom: 10px; font-size: 80%;} .news a:link, .news a:visited { color: #8F9DB9; text-decoration: none; font-weight: bold; font-size: 90%;} .news a:hover, .news a.active { color: #8F9DB9; text-decoration: underline;} .news-img { float: left; position: relative; width: 90px; margin: 12px 10px 0 0; padding: 2px; border: 1px solid #999999;} .news-date { color: #333333; font-size: 70%;} .news-listheading { color: #8F9DB9; padding: 7px 0 7px 0;} /* QUICK LINKS */ #quicklinsarea { width: 211px; margin: 10px 0 12px 0;} #quicklinsarea p { padding-left: 25px; margin-bottom: 7px; background: url(../images/quicklinks-bullet.gif) 0 50% no-repeat;} * html #quicklinsarea p { padding-top: 3px;} #quicklinsarea a:link, #quicklinsarea a:visited { color: #8F9DB9; text-decoration: none; font-weight: bold; font-size: 90%;} #quicklinsarea a:hover, #quicklinsarea a.active { color: #8F9DB9; text-decoration: underline; font-size: 90%;} /* POLL AREA */ #poll { max-width: 211px; margin: 10px 0 12px 0; background:none;} #poll p { padding: 5px; margin: 0; font-size: 80%; font-weight: normal;} /*#pollform fieldset { width: 211px; font-weight: bold; margin: 0; padding: 0; border: 1px solid #000000} #form legend { margin: 0; padding: 0; border: none; white-space: normal;}*/ #pollform { margin-top: 5px;} #pollform label { display: none;} /* ADVERT AREAS */ #adverts { clear: both; width: 948px; padding: 10px 16px 10px 16px; border-top: 1px dotted #ED8EA4;} .advert { float: left; display: inline; width: 310px; margin-right: 7px; padding: 0;} .advert-inner { width: 165px; padding: 0 0 20px 15px;} .advert-heading { font-size: 130%; font-weight: bold; padding-bottom: 8px; color: #ffffff;} .advert p { font-size: 75%; padding-bottom: 8px; color: #666666;} .advert a:link, .advert a:visited { color: #666666; text-decoration: none;} .advert a:hover { color: #666666; text-decoration: underline;} .advert-top { width: 310px; height: 16px; background-color: #A8C8F9;} .advert-middle { display: block; width: 310px; min-height: 125px; background-color: #A8C8F9;} .payyourrent { background: #A8C8F9 url(../images/payyourrent.jpg) 0 bottom no-repeat;} .reportarepair { background: #A8C8F9 url(../images/reportarepair.jpg) 0 bottom no-repeat;} .applyingforahome { background: #A8C8F9 url(../images/applyingforahome.jpg) 0 bottom no-repeat;} .advert-last { margin-right: 0;} /* HEADINGS */ .welcome-heading { font-size: 150%; color: #000000; padding-bottom: 11px;} .quicklinks-heading { font-size: 120%; color: #E84263; font-weight: bold; padding-bottom: 10px; margin-top: 15px;} .poll-heading { font-size: 120%; color: #E84263; font-weight: bold; padding-bottom: 10px; margin-bottom: 5px; margin-top: 15px;} .latestnews-heading { font-size: 120%; color: #E84263; font-weight: bold; text-decoration: none; padding-bottom: 10px;} .footer-heading { font-size: 110%; font-weight: bold; color: #000000; margin: 30px 0 20px 0;} .latestnews-heading span { background: url(../images/dotted-line-hd.gif) 0 bottom repeat-x; padding-bottom: 11px;} .poll-heading span { background: url(../images/dotted-line-hd.gif) 0 bottom repeat-x; padding-bottom: 11px;} .quicklinks-heading span { background: url(../images/dotted-line-hd.gif) 0 bottom repeat-x; padding-bottom: 11px;} /* FONT SIZER */ #font-size { float: right; display: inline; height: 27px; padding: 5px 0 0 0;} #font-size p { float: right; display: inline; padding: 0 10px 0 10px; color: #000000; font-weight: bold; font-size: 90%;} #font-size img { vertical-align: middle;} /* ARTICLES */ .article-list { padding-top: 5px; margin: 0; clear: both} /* ARTICLES */ .article-box-middle { width: 730px; background-image: url(../images/article-box-middle.gif); background-repeat: repeat-y; background-position: 0 0; clear: both;} .article-box-bottom { margin: 0; padding: 0;} .article { width: 710px; margin: 0 0 10px 0; clear: both;} .article-date {color: #888B94; font-size: 85%; margin: 0;} .article-print { float: right; display: inline; margin-top: -32px; padding-bottom: 0;} .article a:link, .article a:visited { color: #0171BB; text-decoration: none; font-weight: bold; font-size: 100%;} .article a:hover, .article a.active { color: #0171BB; text-decoration: underline; font-size: 100%;} .articlelist { margin: 0 15px 10px 0; clear: both;} .articlelist-heading { font-size: 110%; font-weight: normal; margin: 0; padding-bottom: 6px;} .articlelist-date { color: #7B6551; font-size: 85%; margin-bottom: 0; padding-bottom: 5px;} .articlelist-img { float: left; width: 90px; margin: 4px 10px 0 0; background-color:#993300} /* QUOTES */ blockquote { float: right; padding-left: 15px; width: 200px; border-left: 1px solid #BF0026; font-size: 100%; font-weight: bold; margin: 0.4em 0.1em; margin-left: 15px; color: #BF0026;} /* SEARCH RESULTS AREA */ .results-box-middle { background: url(../images/article-box-middle2.gif) repeat-y 0 0; clear: both;} .results-box-bottom { margin: 0; padding: 0;} .resultslist { float:left; width:907px; margin-bottom: 10px; clear: both; padding: 10px 0 10px 0; border-bottom: 1px solid #E4E7E4; border-top: 1px solid #E4E7E4;} .resultslist-heading { font-size: 100%; font-weight: normal; margin: 0; padding-bottom: 10px;} .resultslist-date { color: #7B6551; font-size: 85%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0;} .additional-links { padding-top: 30px;} /* RESULTS LIST ---------------------------------------------------------- */ .resultslist-col1 { width: 90px; float: left; position: relative; margin:0; padding: 4px 10px 0 10px;} .resultslist-col2 { float: left; position: relative; width: 787px; margin:0; padding: 0 0 0 10px;} #details { width: 1004px; height: 89px; clear: both; background: url(../images/dotted-footer.gif) no-repeat top right;} /* ARTICLE PRINT */ .PrintBody{background: #ffffff url() repeat-x top;} .PrintMainCol{ float: left; display: inline; position: relative; width: 717px; padding: 0 20px 0 20px; margin: 20px 0 20px 0;} .PrintClose {float:right;} /* MISC */ .error { color: #CC0000; font-weight: bold;} /* SITE MAP ---------------------------------------------------------- */ #sitemap { font-size: 80%; margin-bottom: 20px; padding: 0;} #sitemap p { font-weight: bold; margin-bottom: 5px; color: #BF0026;} #sitemap h1 { font-size: 170%; font-weight: normal; color: #BF0026;} #sitemap a, #sitemap a:visited { font-size: 100%; color: #BF0026; text-decoration: none;} #sitemap a:hover { font-size: 100%; color: #BF0026; text-decoration: underline;} #sitemap ul li { font-size: 100%; margin-left: 0; padding: 2px 0 10px 0; padding-left: 5px;} #sitemap ul li a { margin: 0; padding: 0; color: #BF0026; text-decoration: none;} #sitemap ul li a:hover { color: #BF0026; text-decoration: none;} #sitemap ul ul li { font-size: 100%; padding: 2px 0 2px 0; border-bottom: none; padding-left: 5px;} #sitemap ul ul li a { margin-left: 15px; padding-left: 15px; color: #BF0026; text-decoration: underline; background: url(../images/sitemap-bullet1.gif) no-repeat 0 50%;} #sitemap ul ul li a:hover { color: #BF0026; text-decoration: underline;} #sitemap ul ul ul li { font-size: 100%; padding: 2px 0 2px 0; border-bottom: none; padding-left: 5px;} #sitemap ul ul ul li a { margin-left: 35px; padding-left: 15px; color: #BF0026; text-decoration: underline; background: url(../images/sitemap-bullet2.gif) no-repeat 0 50%;} #sitemap ul ul ul li a:hover { color: #BF0026; text-decoration: underline;} /* FORMS ---------------------------------------------------------- */ #form { padding: 0; margin: 10px 0 10px 0;} #form label { color: #000000;} #form .input { font-size: 100%; margin-bottom: 5px; margin-top: 5px; padding: 5px; background-color: #ffffff; border: 1px solid #0093D1; width: 250px;} #form textarea { font-size: 100%; font-family: Arial, Helvetica, sans-serif;} #formName, #formEmail, #formMessage, #formPhone, #formAddress, #formPostcode { width: 250px; background-color: #FFFFFF;} #submit { margin-top: 5px;} #groupForm { clear: both; padding-top: 0;} #groupForm label { font-size: 80%; color: #555555;} #groupForm .input { background-color: #ffffff; color: #555555; border: 1px solid #AACEA5; padding: 3px; margin-top: 7px; width: 190px;} /* FOOTER STYLES ---------------------------------------------------------- */ #footer { clear: both; width: 930px; height: 225px; margin: 0 25px 0 25px;} #footer p { color: #999999; font-weight: bold; margin-bottom: 10px;} #footer p.footer-subheading { color: #737373;} #footer a:link, #footer a:visited { color: #999999; text-decoration: none;} #footer a:hover { text-decoration: underline;} #footer-col1 { float: left; position: relative; width: 489px;} #footer-col2 { float: right; position: relative; display: inline; text-align: right; width: 441px; margin-top: 30px;} .small-txt { font-size: 70%; color: #999999; margin-top: 50px;} #adobereader p { font-size: 65%; font-weight: normal; color: #000000; float: right; text-align: right;} #adobereader a:link, #adobereader a:visited { color: #0171BB; text-decoration: none;} #sitedeveloped a:link, #sitedeveloped a:visited { clear: right; float: right; text-align: right; font-size: 70%; color: #999999; margin-top: 30px; text-decoration: none;} * html #sitedeveloped a:link, * html #sitedeveloped a:visited { clear: right; float: right; text-align: right; font-size: 70%; color: #999999; margin-top: 24px; text-decoration: none;} .topofpage { float: right; padding-right: 40px;} /* ADDITIONAL STYLES ---------------------------------------------------------- */ /* *** Float containers */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */ .clear {clear:both;}