/** 1) Body Style 2) Header 3) Top Menu 4) Container 5) Content 6) Right panel 7) Inner Container 8) Footer **/ * {margin:0px; padding:0px;} html {height:100%; font-size:100%;} body {font:normal 13px Arial, Helvetica, sans-serif; color:#434343; background:#384263 url(../images/main-bg.jpg) repeat-x top;} img {border:none;} ul li {list-style:none;} a {text-decoration:underline; color:#023fa4;} a:hover {color:#000000;} /** 1) Body Style **/ #main {background:url(../va-loan-images/main-bg-2.png) repeat;} #main_top_shadow {background:url(../va-loan-images/main-shadow1.png) no-repeat center top; height:100%;} #page_container {width:1014px; margin:auto; height:100%; background:url(../va-loan-images/main-whitebox-top.png) no-repeat center top;} /** 2) Header **/ #header {height:341px; padding:20px 12px 0px 19px; background:url(../va-loan-images/valoan-header-bg.png) no-repeat 17px 98px; position:relative;} #logo {float:left;} #header_right {float:right; margin:0px 0px 0px 82px; width:629px;} #header_image {margin:3px 0px 0px 0px;} #quote {position:absolute; top:210px; right:66px;} #header_right p {font-size:20px; color:#000000; font-weight:normal; text-align:right; padding:10px 8px 0px 0px; line-height:25px;} #header_right p span {color:#0d3371;} #top_menu {background:url(../va-loan-images/top-menu-left.png) no-repeat left; height:53px; float:right; margin:7px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;} #top_menu #inner_menu {height:53px; background:url(../va-loan-images/top-menu-right.png) no-repeat right; padding:0px 19px 0px 19px;} #top_menu #inner_menu_2 {height:53px; background:url(../va-loan-images/top-menu-bg.png) repeat-x;} #inner_header {height:94px; padding:20px 12px 0px 20px;} /** 3) Top Menu **/ #top_menu ul {} #top_menu ul li {float:left; font-size:12px; line-height:53px; background:url(../va-loan-images/top-menu-sep.jpg) no-repeat left 8px; padding:0px 23px 0px 23px;} #top_menu ul li.firstchild {background:none; padding:0px 23px 0px 18px;} #top_menu ul li.lastchild {padding:0px 10px 0px 23px;} #top_menu ul li a {text-decoration:none; color:#fdfdfd;} #top_menu ul li a:hover {text-decoration:underline;} /** 4) Container **/ #container {background:url(../va-loan-images/main-shadow-bg.png) repeat-y left; height:100%; padding:12px 0px 12px 0px;} #container2 {background:url(../va-loan-images/main-shadow-bg2.png) repeat-y left; height:100%; padding:12px 0px 12px 0px;} /** 5) Content **/ #content {width:696px; float:left;} #content h1{height:57px; background:url(../va-loan-images/valoan-h1-bg.png) no-repeat left; font-size:20px; font-weight:bold; color:#fdfdfd; line-height:57px; text-indent:25px; margin:0px 0px 10px -30px;} #content h2 {font-size:22px; font-weight:bold; color:#900000; background:url(../va-loan-images/content-h2-bg.jpg) repeat-x bottom; padding:10px 0px 8px 0px; clear:both;} #content h3 {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#2c2a2b; line-height:30px; clear:both;} #content h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#2c2a2b; line-height:30px; clear:both;} #content h5 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#2c2a2b; line-height:30px; clear:both;} #content h6 {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#2c2a2b; line-height:30px; clear:both;} #content p {margin:0px 0px 10px 0px; line-height:20px; text-align:justify;} #content p a {text-decoration:underline; color:#023fa4;} #content p a:hover {color:#000000;} .imageright {float:right; margin:6px 0px 12px 15px;} .imageright2 {float:right; margin:15px 0px 10px 20px; padding: 5px; background-color:#e4e4e4; border:1px solid #c3c2c2;} .imageleft {float:left; margin:6px 15px 12px 0px;} .imageleft2 {float:left; margin: 15px 20px 10px 0; padding: 5px; background-color:#e4e4e4; border:1px solid #d0cfcf;} #content ul {margin:10px 0px 10px 0px;} #content ul li {margin:0px 0px 5px 0px; background:url(../va-loan-images/bullet.gif) no-repeat 0px 6px; padding:0px 0px 0px 12px; vertical-align:text-top; line-height:20px;} #content ol {margin:10px 0px 10px 0px; line-height:20px;} #content ol li {margin:0px 0px 5px 24px;} #inner_content {padding:0px 11px 0px 32px;} #inner_content p {line-height:24px; padding:10px 0px 0px 0px;} .quote_button {float:left; margin:12px 25px 15px 0px;} /** 6) Right panel **/ #right_panel {width:276px; float:right; margin:11px 20px 0px 0px !important; margin:11px 10px 0px 0px;} #right_panel h2 {font-size:16px; font-weight:bold; color:#fdfdfd; line-height:46px; text-align:center;} .right_box {background:url(../va-loan-images/right-box-bg.jpg) repeat-y;} .right_box_top {background:url(../va-loan-images/right-box-top.jpg) no-repeat top;} .right_box_bottom {background:url(../va-loan-images/right-box-bottom.jpg) no-repeat bottom; padding:0px 23px 44px 25px;} #right_panel ul {margin:5px 0px 0px 0px;} #right_panel ul li {height:33px; background:url(../va-loan-images/right-menu-bg.jpg) no-repeat; font-size:12px; line-height:33px; text-indent:32px;} #right_panel ul li a {text-decoration:none; color:#434343;} #right_panel ul li a:hover {text-decoration:underline;} /** 7) Inner Container **/ #inner_container {background:url(../va-loan-images/inner-shadow-bg.png) repeat-y left; height:100%; padding:12px 0px 12px 0px;} #inner_container h1 {height:57px; background:url(../va-loan-images/valoan-inner-h1-bg.png) no-repeat left; font-size:20px; font-weight:bold; color:#fdfdfd; line-height:57px; text-indent:25px; margin:0px 0px 10px 0px; text-align:left;} #inner_container h2 {font-size:22px; font-weight:bold; color:#900000; background:url(../va-loan-images/content-h2-bg.jpg) repeat-x bottom; padding:10px 0px 8px 0px; margin-bottom:15px; margin-right:15px;} /** Contact Form **/ #contact-form { font-size:12px; margin-top:10px; text-align:left; padding:0px 11px 0px 32px; width: 900px; } #contact-form .formlabels { color:#000000; display:block; float:left; font-family:Arial,Helvetica,sans-serif; margin:5px; padding:4px 20px 5px 0; text-align:justify; width:550px; } .signup-input { background-color:#DAE5F6; border:1px solid #A4BCE1; font-family:Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:198px; font-size:12px; } .signup-input-2 { background-color:#DAE5F6; border:1px solid #A4BCE1; font-family:Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:208px; font-size:12px; } .signup-input-3 { background-color:#DAE5F6; border:1px solid #A4BCE1; font-family:Arial,Helvetica,sans-serif; margin:5px; padding:4px; text-align:left; width:198px; height:156px; font-size:12px;} #contact-form p {line-height:24px; padding:10px 0px 0px 0px; color:#000000;} #contact-form a {text-decoration:underline; color:#005497;} #contact-form a:hover {text-decoration:none;} .submit {margin-left:364px;} /** 8) Footer **/ #footer {clear:both; color:#fdfdfd; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:2px;} #inner_footer { background:url(../va-loan-images/footer-bot-bg.png) no-repeat left bottom; padding:0px 0px 49px 0px;} #inner_footer_2{background:url(../va-loan-images/footer-top-bg.png) repeat-x left top;} #inner_footer_3 {background:url(../va-loan-images/footer-bg.png) repeat-y left ;} #inner_footer_3 div {text-align:center; line-height:28px; padding:12px 0px 0px 0px;} #footer a {text-decoration:none; color:#fdfdfd; padding:0px 8px 0px 8px;} #footer p {padding:0px 0px 20px 5px;} #footer a:hover {text-decoration:underline;} .militarytable { background-color:#FFFFFF; border:2px solid #B3CEE3; margin-top:5px; } .military-chart-title { background-color:#EFF5F9; color:#1D6EAC; font-family:Arial,Helvetica,sans-serif; font-size:11px; letter-spacing:2px; line-height:30px; text-align:center; font-weight:bold; } .chart-cell { color:#000000; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; height:18px; padding:5px 3px; text-align:center; width:50px; } .chart-cell-title { color:#224886; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; height:22px; padding:5px 3px; text-align:center; width:50px; } .chart-cell-title2 { color:#224886; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; height:18px; padding:5px 3px; text-align:center; width:50px; } .blue { color:#224886; } .black { color:#000000; } .tinytext { color:#B90000; font-size:10px; vertical-align:super; } #chart-listing ol { margin-left:10px; } #chart-listing ol li { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; padding-bottom:10px; } #chart-listing p { font-family:Arial,Helvetica,sans-serif; font-size:12px; }