* {margin: 0px; padding: 0px;}
html, body {
width:100%;
margin:0px auto;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
background-color: #b5a997;
text-align:center;
}
.top_wrapper {
margin:0 auto;
min-height: 100%;
}
.logo {
float:left;
}
.headline {
color:#5c4f3c;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:center;
padding-top:140px;
}
.content_wrapper {
background: transparent url(../images/HC_02.jpg) no-repeat top;
margin: 0px auto;
padding: 0px;
width:1100px;
display:block;
height:661px;
}
.content {
width:450px;
float:left;
margin:0px 0px 0px 100px;
.margin-left: 50px;
.padding-left:50px !important;
padding-top:20px;
padding:20px 20px 20px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
color:#5c4f3c;
}
.content ul{
margin-top:20px;
}
.content ul li{
margin:3px 0px 0px 40px;
}
.content a {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
color:#3b678d;
text-decoration:none;
font-weight:bold;
}
.content a:hover{
text-decoration:underline;
}
.sweep {
background: transparent url(../images/HCpromo.jpg) no-repeat left;
height:133px;
padding:0px 20px 0px 155px;
margin-top:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
color:#000000;
}
.content_right {
width:360px;
float:left;
padding:60px 80px 20px 40px;
.margin-left: 10px;
}
.required {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
width:140px;
}
.NOTrequired {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-align:right;
width:140px;
}
.field {
align:left;
text-align:left;
vertical-align:bottom;
width:150px;
}
.fieldSM {
align:left;
text-align:left;
font-size:10px;
vertical-align:bottom;
width:150px;
}
.submitbutton {
background: transparent url(../images/submitbutton.gif) no-repeat left center;
width:166px;
height:40px;
padding-top:20px;
}
h1 {
color:#5c4f3c;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:center;
}
h2 {
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
text-align:center;
}
.footer {
background: transparent url(../images/HC_03.jpg) no-repeat top;
width:1100px;
height:467px;
margin: 0px auto;
text-align:center;
}
/*///////////////////////
Header STYLES
////////////////////////*/
.header_wrapper {
text-align:center;
height: 49px;
clear:both;
margin: 0px auto;
}
.header_nav {
margin: 0px auto;
width:1024px;
text-align:center;
padding-top:1px;
}
#header_links ul {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align: center;
margin-top:30px;
color: #f7eabd;
width: 100%;
text-transform:uppercase;
}
#header_links ul li {
display: inline;
}
#header_links ul li a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color: #f7eabd;
padding: 0px 4px;
text-decoration:none;
text-transform:uppercase;
border-right:solid white 1px;
}
#header_links ul li a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
color:#000000;
text-decoration:none;
border-right:solid #ffffff 1px;
}
#header_links ul li a:hover {
color:#ffffff;
text-decoration:underline
}
#header_links ul li.last a {
border:none;
}
/*///////////////////////
Styles for top nav from Matt
///////////////////////*/
div#horiz-menu { /* this is a z-index ie6 and ie7 bug fix */
position: relative;
/* background-image: url(../../images/style2/home_r1_c2.gif); */
text-align:center;
top: 0px;
z-index: 250;
}
#horiz-menu li li {
margin: 0;
}
.nav {
line-height:1.0;
float:left;
margin-bottom:1.5em;
text-align:center;
position: relative;
}
.nav ul {
background:#fff; /*IE6 needs this*/
padding: 0;
}
.nav li {
float:left;
list-style:none;
position:relative;
}
.nav li li a {
display:block;
padding: 0;
text-decoration:none;
float:none;
width:165px;
}
div#horiz-menu li li a {
height: 30px;
line-height: 30px;
text-align:left;
font-size:11px;
}
.nav li ul {
float:none;
left:-999em;
position:absolute;
width: 185px;
z-index: 5;
}
.nav li:hover ul,
.nav li.sfHover ul {
left:0px;
top: 28px;
}
.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
top:-999em;
}
.nav li li:hover ul,
.nav li li.sfHover ul,
.nav li li li:hover ul,
.nav li li li.sfHover ul,
.nav li li li li:hover ul,
.nav li li li li.sfHover ul {
left: 185px;
top:0px;
width: 185px;
}
.nav li li {
position: relative;
float:none;
width: 185px;
}
/* end */
/* @group Horizontal Menu */
#horiz-menu {
height: 28px;
}
#horiz-menu ul.nav {
padding-left: 130px;
}
#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
#horiz-menu li {
background: none;
display: block;
float: left;
margin: 0;
margin-right: 10px;
padding: 0;
}
#horiz-menu li span {
display: block;
float: left;
}
#horiz-menu a {
font-family: Arial, Helvetica, sans-serif;
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0 8px;
font-weight: bold;
font-size: 12px;
}
#horiz-menu li li a {
font-size: 12px;
}
#horiz-menu a:hover {
text-decoration: none;
}
#horiz-menu li:hover,
#horiz-menu li.sfHover {
background: none;
}
/* @end */
/* horiz menu */
#horiz-menu a {
color: #FFF;
text-decoration: none;
}
#horiz-menu li.active a {
color: #EDEAE7;
}
#horiz-menu ul li:hover,
#horiz-menu ul li.sfHover,
#horiz-menu ul ul {
background: #003366;
text-decoration: none;
}
#horiz-menu ul li:hover a,
#horiz-menu ul li.sfHover a,
#horiz-menu ul li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover a,
#horiz-menu ul li:hover li:hover li:hover li:hover li:hover a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
color: #EDEAE7;
}
#horiz-menu ul li:hover li a,
#horiz-menu ul li.sfHover li a,
#horiz-menu ul li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li a,
#horiz-menu ul li:hover li:hover li:hover li:hover li a,
#horiz-menu ul li.sfHover li.sfHover li.sfHover li.sfHover li a {
color: #fff;
}
#horiz-menu ul ul li,
#horiz-menu ul ul li:hover,
#horiz-menu ul ul li.sfHover {
background: url(/images/dropdown-div.png) 0 100% repeat-x;
}
#horiz-menu a.daddy {
background: url(/images/dropdown-child.png) 100% 50% no-repeat;
}
.top {color:green;}
/* if you want to un-underline everything
a {
text-decoration: none;
}