/* * @Copyright (c) 2007 All Rights Reserved. * @Author : Jovan Joseph V.A * Date of Creation : 04/08/2007 * Description : CSS w3c compliant Document */ body { margin: 1px 0px 0px 0px; background: #333 url(../images/page-bg.jpg) left top repeat; text-align: center; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #666; } #wrapper{width: 100%; height: auto; float: left; background: url(../images/header-bg.jpg) left top repeat-x;} #wrapper .container{width: 778px; height: auto;} #wrapper .container .header{width: 778px; height: 115px; float: left;} #wrapper .container .header .shortNote{width: 180px; height: 60px; text-align: left; float: right; color: #fff; margin: 20px 0px 0px 0px;} /* --------------------*/ #wrapper .container .mainNav{width: 779px; height: 38px; float: left; background: url(../images/mainNav-bg.jpg) left top no-repeat;} #wrapper .mainNav ul{text-align: center; float: left; list-style: none; display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px;} #wrapper .mainNav li{padding: 0px 0px 4px 0px; margin: 0px 0px 0px 0px; text-align: center; list-style: none; display: inline; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; line-height: 33px;} #wrapper .mainNav a{color: #fff; float: left; padding: 0px 25px 0px 25px; text-decoration: none;} #wrapper .mainNav a:hover{color: #fff; float: left; padding: 0px 25px 0px 25px; text-decoration: none; background: url(../images/hover-bg.jpg) bottom center repeat-x;} #wrapper .mainNav a:active{color: #333; float: left; padding: 0px 25px 0px 25px; text-decoration: none; background: url(../images/hover-bg.jpg) bottom center repeat-x;} /* ---------------------*/ #wrapper .container .contentContainer{width: 779px; height: auto; float: left; background: #fff url(../images/leftDiv-bg.jpg) left top repeat-y;;} #wrapper .container .contentContainer .leftDiv{width: 230px; height: auto; float: left; background: url(../images/leftDiv-bg.jpg) left top repeat-y;} #wrapper .container .contentContainer .leftDiv h1{width: 215px; height: auto; float: left; padding: 0px 0px 0px 15px; margin: 0px; background: url(../images/leftDiv-h.jpg) left top repeat-y; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff; text-align: left; line-height: 33px;} #wrapper .container .contentContainer .leftDiv p{padding: 10px 20px 10px 15px; margin: 0px; color: #333; text-align: left; line-height: 16px;} #wrapper .container .contentContainer .leftDiv p img{margin: 5px 0px 10px 30px;} #wrapper .container .contentContainer .leftDiv ul{float: left; text-align: left; padding: 10px 0px 10px 15px; margin: 0px 0px 0px 10px;} #wrapper .container .contentContainer .leftDiv li{line-height: 20px; width: 160px; padding: 0px 10px 0px 10px; list-style: none; border-bottom: 1px solid #e1e1e1; float: left;} #wrapper .container .contentContainer .leftDiv a{color: #999; text-decoration: none;} #wrapper .container .contentContainer .leftDiv a:hover{color: #666;} #wrapper .container .contentContainer .leftDiv input{width: 180px; height: 17px; color: #2e8fcd; font-size: 10px; margin: 0px 0px 0px 0px; line-height: 16px; float: left; clear: left; border: 1px solid #2e8fcd;} #wrapper .container .contentContainer .leftDiv label{width: 108px; color: #2e8fcd; font-size: 9px; float: left; line-height: 15px;} #wrapper .container .contentContainer .rightDiv{width: 549px; height: auto; float: left; padding: 10px 0px 0px 0px;} #wrapper .container .contentContainer .rightDiv img{padding: 0px 10px 0px 15px;} #wrapper .container .contentContainer .rightDiv h1{width: 534px; height: auto; float: left; padding: 0px 0px 0px 15px; margin: 0px; font-size: 18px; font-weight: bold; color: #0d5897; text-align: left; line-height: 33px;} #wrapper .container .contentContainer .rightDiv p{padding: 0px 20px 10px 15px; margin: 0px; color: #333; text-align: left; line-height: 16px;} #wrapper .container .contentContainer .rightDiv ul{float: left; text-align: left; padding: 10px 0px 10px 5px; margin: 0px 0px 0px 20px; width: 400px; clear: left;} #wrapper .container .contentContainer .rightDiv li{line-height: 20px; background: url(../images/arrow.jpg) left 6px no-repeat; padding: 0px 0px 0px 20px; list-style: none;} #wrapper .container .contentContainer .rightDiv ul a.link{float: none; padding-right: 0px; text-decoration: none; color: #0d5897;} #wrapper .container .contentContainer .rightDiv ul a.link:hover{float: none; padding-right: 0px; text-decoration: none; color: #333;} #wrapper .container .contentContainer .rightDiv p a{color: #013974; float: right; padding: 0px 20px 0px 0px; text-decoration: underline;} #wrapper .container .contentContainer .rightDiv p a:hover{color: #0d5897; float: right; padding: 0px 20px 0px 0px; text-decoration: none;} #wrapper .container .contentContainer .rightDiv hr{color: #ededed; width: 500px; height: 1px; text-align: left; margin: 10px 0px 0px 15px; padding: 0px; float: left;} #wrapper .container .contentContainer .rightDiv p a.link{float: none; padding-right: 0px; text-decoration: none;} #wrapper .container .contentContainer .rightDiv p a.link:hover{float: none; padding-right: 0px; text-decoration: none;} #wrapper .container .contentContainer .rightDiv p label {width: 120px; float: left; margin: 5px 0px 0px 0px; color: #2e8fcd;} #wrapper .container .contentContainer .rightDiv p input {width: 180px; color: #2e8fcd; float: left; border: 1px solid #2e8fcd; height: 12px; line-height: 12px;} #wrapper .container .contentContainer .rightDiv p .SubmitBtn {width: 50px; margin: 20px 0px 0px 0px; float: left; border: 1px solid #2e8fcd; height: 15px; line-height: 12px; font-size: 10px; } #wrapper .container .contentContainer .rightDiv p textarea {width: 180px; float: left; border: 1px solid #2e8fcd; height: 40px; line-height: 12px;} #wrapper .container .contentContainer .rightDiv .form {width: 300px; float: left; margin: 0px 0px 0px 10px;} /* ---------------------*/ #wrapper .container .footer{width: 779px; float: left; background: url(../images/footer-bg.jpg) left top no-repeat;} #wrapper .container .footer p{padding: 0px 0px 5px 0px; margin: 10px 0px 0px 0px; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color: #999; text-align: center; line-height: 16px;} /* clearing */ .stretch, .clear {clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix {display: inline-block; width: 100%;} * html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */} /* end clearing */