@charset "utf-8"; /* CSS Document */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} #main {overflow:auto; padding-bottom: 470px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -450px; /* negative value of footer height */ height: 450px; clear:both;} #footer { background-color:#000; border-top:5px #1e772d solid; /*visibility:hidden;*/ } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* CLEAR FIX*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* IMPORTANT You also need to include this conditional style in the of your HTML file */ body { background-image:url(../imgs/bkg.png); background-repeat:repeat-x; background-color:#95C4E1; font-size:12px; font-family:Helvetica, Arial, "Century Gothic"; } #wrapper { width:960px; margin:0 auto; } #header { height:104px; width:960px; } #logo-top { height:92px; width:238px; float:left; display:inline; margin: 5px 0px 0px 12px; } #top-menu-container { width:123px; height:39px; float:right; display:inline; margin-top:30px; position:relative; } .sprite-btn { width:105px; height:16px; margin-top:2px; text-align:right; padding-top:2px; } .sprite-btn a:link, .sprite-btn a:visited { background:url(../imgs/button-sprite.png) no-repeat top left; background-position:0px 0px; display:block; width:105px; height:16px; font-family:Helvetica, Arial, "Century Gothic"; font-size:.9em; font-weight:bold; color:#FFFFCC; text-decoration:none; padding-top:2px; padding-right:18px; } .sprite-btn a:hover { background-position: 0px -18px; } .menuContainer { height:40px; } #footerContainer { margin: 0 auto; width:960px; } #footerMenuContainer { width:960px; padding-top:15px; padding-bottom:10px; text-align:center; } #footerMenuContainer a:link, #footerMenuContainer a:visited { font-family: Helvetica, Arial, "Century Gothic"; color:#FFF; font-size:10px; text-decoration:none; } #footerMenuContainer a:hover { font-family: Helvetica, Arial, "Century Gothic"; color:#FFF; font-size:10px; text-decoration:underline; } #footerMenuContainer li { display: inline; list-style-type: none; padding-right: 15px; } #footerDisplay { width:960px; height:175px; } #copyright { text-align:right; font-family:Helvetica, Arial, "Century Gothic"; color:#FFF; font-size:9px; } #copyright a:link, #copyright a:visited{ font-family:Helvetica, Arial, "Century Gothic"; color:#FFF; font-size:9px; text-decoration:none; } #copyright a:hover{ font-family:Helvetica, Arial, "Century Gothic"; color: #99FFFF; font-size:9px; text-decoration:underline; } .mainContentArea { width:960px; height:380px; margin-top:20px; padding-bottom:20px; border-bottom:solid 1px #c5d0e9; } .mainContentAreaSec { width:960px; height:380px; margin-top:20px; padding-bottom:20px; } .slideshow { width:610px; height:350px; float:left; display:inline; background-color:#FFF; padding:15px 15px 15px 15px; } .slideshow img { padding: 15px; } .leftColSec { width:620px; float:left; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .rightCol { width:300px; height:380px; float:right; display:inline; background-color:#FFF; border-bottom: solid 2px #0061aa; } .rightColSec { width:280px; float:right; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .rightColSecLending { width:300px; float:right; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .leftColSecLending { width:600px; float:left; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .leftCol-news { width:300px; float:left; display:inline; background-color:#FFF; } .rightCol-news { width:610px; float:right; display:inline; background-color:#FFF; padding:15px 15px 15px 15px; } .headerBox { background-color:#e2f4ff; border-top:solid 2px #0061aa; border-bottom:solid 2px #0061aa; padding:3px 5px 3px 5px; margin:4px 0px 4px 0px; } .rightColContent { padding:5px 5px 5px 5px; } .newsContainer a { padding:5px 5px 5px 5px; display:block; background-color:#FFF; width:280px; text-decoration:none; } .newsContainer a:hover { background-color:#e2f4ff; text-decoration:none; } .newsContainer a h1 { text-decoration:none; font-family:Helvetica, Arial, "Century Gothic"; font-size:1.2em; font-weight:bold; color:#000099; text-decoration:none; padding-left:15px; background-image:url(../imgs/bullet.png); background-repeat:no-repeat; background-position:0px 5px; } .newsContainer a p { text-decoration:none; font-family:Helvetica, Arial, "Century Gothic"; font-size:1em; color: #666; text-decoration: none; padding-left:20px; } .newsContainerMain a { padding:5px 5px 5px 5px; display:block; background-color:#FFF; width:600px; text-decoration:none; } .newsContainerMain a:hover { background-color:#e2f4ff; text-decoration:none; } .newsContainerMain a h1 { text-decoration:none; font-family:Helvetica, Arial, "Century Gothic"; font-size:1.5em; font-weight:bold; color:#000099; text-decoration:none; padding-left:15px; background-image:url(../imgs/bullet.png); background-repeat:no-repeat; background-position:0px 5px; } .newsContainerMain a p { text-decoration:none; font-family:Helvetica, Arial, "Century Gothic"; font-size:1.2em; color: #666; text-decoration: none; padding-left:20px; } .3col-container { width:960px; padding-top:20px; } .lowLeftCol { width:290px; float:left; display:inline; background-color:#FFF; margin-top:20px; padding:10px 10px 10px 10px; } .lowRightColMain { width:635px; float:right; display:inline; margin-top:20px; } .lowCenterCol { width:290px; float:left; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .lowRightCol { width:290px; float:right; display:inline; background-color:#FFF; padding:10px 10px 10px 10px; } .lowColContainer { width:280px; padding:5px 5px 5px 5px; background-color:#eef9fd; background-image:url(../imgs/lowColBkg.png); background-repeat:repeat-x; min-height:150px; } .lowColHeader { font-family:Helvetica, Arial, "Century Gothic"; font-size:1.3em; font-weight:bold; color:#000; } .lowColHeaderText { font-family:Helvetica, Arial, "Century Gothic"; font-size:1em; color:#000; line-height:1.3em; padding-top:5px; padding-bottom:5px; } .applyButton { width:159px; height:33px; margin-top:38px; float:left; display:inline; } .card { width:108px; height:71px; float:right; display:inline; } .membershipBkg { width:125px; height:126px; background-image: url(../imgs/membership_bkg.png); background-repeat:no-repeat; background-position:bottom left; float:left; display:inline; } .style2 { font-size: 1.3em; font-family: Helvetica, Arial, "Century Gothic"; font-weight: bold; } .style3 { font-size: 1.1em; font-weight: bold; font-family: Helvetica, Arial, "Century Gothic"; } .newsHeaderTxt { font-size: 1.6em; font-weight: bold; font-family: Helvetica, Arial, "Century Gothic"; } .20pt { font-family:Helvetica, Arial, "Century Gothic"; font-size:20px; line-height:24px; } ul { list-style-image: url(../imgs/bullet.png); margin-left: 2em; padding-left: 2em; } .validate { font-family:Helvetica, Arial, "Century Gothic"; color:#FF0000; font-size:16px; font-weight:bold; padding:10px 0px 10px 0px; } .labelDiv { font-family:Helvetica, Arial, "Century Gothic"; color:#000; font-size:12px; font-weight:bold; } .inputDiv input { color:#000; font-size:12px; margin-left:10px; } .inputDiv select { color:#000; font-size:12px; margin-left:10px; } .inputDiv textarea { color:#000; font-size:12px; margin-left:10px; } .formTable td { padding:5px 0px 5px 0px; } .banner { padding:5px 5px 5px 5px; text-align:center; height:200px; }