/********************** HTML STYLES ***********************/ body { margin: 0; background: #fff; color: #381332; } #bodyid, p, td, .standard { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #381332; } #bodyid { text-align:center; background: #15025e; } a { color: #0000FF; } a:hover { color: #000033; } a img { border: 0; } #top_nav{ padding: 0px; } #home_btn a{ display: block; text-align: center; float: left; width: 80px; height: 24px; margin: 0 0 0 270px; background: url(standard/WebPage_Purple_r2_c4.jpg) no-repeat; } #FAQ_btn a{ display: block; text-align: center; float: left; width: 75px; height: 24px; background: url(standard/WebPage_Purple_r2_c5.jpg) no-repeat; } #contactus_btn a{ display: block; text-align: center; float: left; width: 99px; height: 24px; background: url(standard/WebPage_Purple_r2_c6.jpg) no-repeat; } #home_btn a:hover{ background: url(standard/home_down.jpg) no-repeat; } #FAQ_btn a:hover{ background: url(standard/faq_down.jpg) no-repeat; } #contactus_btn a:hover{ background: url(standard/contact_down.jpg) no-repeat; } /********************** UNIVERSAL STYLES ***********************/ .error { font-size: 12px; font-weight: bold; color: #CC0000; } .standard { } .standardbold { font-weight: bold; } .standardheader { font-size: 16px; color:#381332; } /*************************** LAYOUT STYLES ****************************/ #container { width: 1024px; margin: 0 auto; text-align: left; background: url(standard/bg.gif) repeat-y; } #container_left{ float: left; width: 110px; min-height:500px; height:auto !important; height:500px; /* background: url(standard/bg_right.jpg) no-repeat; */ margin: 0; } #container_right{ float: right; width: 120px; min-height:600px; height:auto !important; height:500px; /* background: url(standard/bg_left.jpg) no-repeat; */ margin: 0; } #middle{ margin-left: 113px; margin-right: 113px; } #middle_bg{ width: 800px; background: url(standard/main_background.jpg) no-repeat; min-height:600px; height:auto !important; height:600px; } #nav_container{ float: left; width: 160px; min-height:600px; height:auto !important; height:600px; } #content { float: left; width: 560px; min-height:600px; height:auto !important; height:600px; } #header{ width: 800px; height: 122px; background: url(standard/header.jpg) no-repeat top; } #content_spacer{ text-align: center; width: 800px; height: 67px; } #nav, #nav ul { width: 120px; list-style: none; padding: 0; margin: 0 0 0 40px; _width: 120px; _margin: 0 0 0 40px; } #nav a { display: block; width: 110px; w\idth: 110px; padding: 3px 0 0 0px; font-weight: bold; color: #551a8b; } #nav a:hover{ color: #381130; } #nav a.parent { } #nav li { float: left; padding: 0; width: 120px; } #nav li:hover, #nav li.hover{ position: static; } #nav li ul { position: absolute; left: -999em; height: auto; width: 110px; w\idth: 110px; margin: 0; } #nav li li { padding-right: 1em; width: 110px; _width: 90px; } #nav li ul a { width: 120px; w\idth: 120px; padding: 5px 0; background: #56472f; _w\idth: 100px; _width: 100px; } #nav li ul ul { margin: -1.75em 0 0 106px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li a:hover, #nav li.sfhover { color: #381130; } #blog_link a{ display: block; text-align: center; width: 80px; height: 74px; margin: 0px 0 0 50px; background: url(standard/blog_up.gif) no-repeat; } #blog_link a:hover{ background: url(standard/blog_down.gif) no-repeat; } #contact{ width: 140px; height: 140px; margin: 20px 0 0 40px; } #socialMedia { width:90px; padding:10px 0 5px 50px; } #socialMedia a { margin-right:5px; } #phone{ font-weight: bold; font-size: 16px; } #footer { clear: both; width: 1024px; height: 25px; background: #15025e; } .copyright { float:left; font-size: .9em; padding: 10px; color: #fff; } .poweredby { padding: 10px; float: right; } .clear{ clear: both; }