/* CSS Document */
body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
}
.clear {
clear:both;
margin-top:-1px;
height:1px;
}
#container {
width:800px;
border-top:15px solid #496B33;
border-bottom:80px solid #496B33;
margin:0 auto;
background:#FBFBF1;
}
#topcontent {
width:750px;
margin:36px auto 5px auto;
text-align:right;
}
#topcontent a {
color:#7EAE72;
font-size:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#topcontent img {
float:left;
}
#bodycontent {
width:758px;
margin:0 auto 45px auto;
border:10px solid #ABBA9B;
background-color:#fff;
}
#bodycontent ul#nav {
width:748px;
background-color:#5A7F42;
padding:3px 0 4px 10px;
margin:-3px 0 0 0;
}
html > body #bodycontent ul#nav {
margin:0;
}
#bodycontent ul#nav li{
display:inline;
padding:5px 5px 5px 7px;
}
#bodycontent ul#nav li a {
color:#FFF;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
#bodycontent .intro {
width:720px;
margin:22px auto 22px auto;
border-bottom:1px solid #E4E4E4;
}
html > body #bodycontent .intro {
padding-bottom:15px;
}
#bodycontent .intro .text {
float:left;
width:404px;
}
#bodycontent .intro .text p {
padding:20px 0 0 0;
margin:0;
font-size:13px;
color:#000;
}
#bodycontent .intro .photo {
float:right;
width:227px;
}
#bodycontent .blocks {
width:720px;
margin:0 auto;
padding-bottom:10px;
}
html > body #bodycontent .blocks {
padding-bottom:25px;
}
#bodycontent .blocks p {
width:190px;
padding:20px 0 0 0;
margin:0 auto;
color:#FFF;
line-height:21px;
font-size:14px;
}
#bodycontent .greenblock {
width:223px;
height:279px;
background:url(../images/green-block.gif) no-repeat;
float:left;
margin-right:23px;
}
#bodycontent .greenblock h3 {
color:#87B186;
font-size:14px;
margin:0;
padding:10px 0 10px 15px;
}
#bodycontent .greenblock ul {
padding:0;
margin:30px 0 0 35px;
}
#bodycontent .greenblock li ,
#bodycontent .greenblock li a {
list-style:url(../images/bullet-green.gif);
color:#FFF;
font-size:14px;
font-weight:bold;
}
#bodycontent .orangeblock {
width:223px;
height:279px;
background:url(../images/orange-block.gif) no-repeat;
float:left;
margin-right:23px;
}
#bodycontent .orangeblock h3 {
color:#FFB886;
font-size:14px;
margin:0;
padding:10px 0 10px 15px;
}
#bodycontent .orangeblock ul {
padding:0;
margin:20px 0 0 35px;
}
#bodycontent .orangeblock li ,
#bodycontent .orangeblock li a {
list-style:url(../images/bullet-orange.gif);
color:#FFF;
font-size:14px;
font-weight:bold;
line-height:19px;
}
#bodycontent .blueblock {
width:223px;
height:279px;
background:url(../images/yellow-block.gif) no-repeat;
float:left;
}
#bodycontent .blueblock h3 {
color:#F3C578;
font-size:14px;
margin:0;
padding:10px 0 10px 15px;
}
#bodycontent .blueblock form {
width:154px;
margin:25px auto 0 20px;
}
#bodycontent .blueblock label {
font-size:12px;
color:#FFF;
font-weight:bold;
width:50px;
}
#bodycontent .blueblock a.password {
color:#F9DEA3;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 5px;
}
#bodycontent .blueblock input.textfield {
margin:5px 0 5px 5px;
color:#000;
font-size:11px;
padding:3px;
width:100px;
font-weight:bold;
}
#bodycontent .blueblock input.login {
color:#000;
padding:15px 0 5px 5px;
margin:0;
}
#bodycontent .blueblock p {

}
html > body #bodycontent .blueblock p {
/*padding:35px 0 0 10px;*/
}
#bodycontent .blueblock a {
color:#FFF;
}

#bodycontent .blueblock p, #bodycontent .orangeblock p, #bodycontent .greenblock p {
padding:10px 0 0 0;
color:#FFF;
line-height:135%;
}

#bodycontent .footer {
width:758px;
background-color:#D1DFC8;
}
#bodycontent .footer p {
text-align:center;
padding:6px 0 6px 0;
margin:0;
font-size:9px;
color:#5A7F42;
}
#bodycontent .footer a {
color:#5A7F42;
}

.thecontent {margin:20px 30px 0 195px;}

#message {border:3px solid #ccc; padding:10px; margin-bottom:10px;}
.negative {background:url('/images/icon-alert.gif') 25px 18px no-repeat;}
.positive {background:url('/images/icon-alert-good.gif') 25px 18px no-repeat;}
#message h3 {margin:10px 0 10px 80px;}
#message p {margin:10px 0 10px 80px;}

fieldset {padding:10px;}
fieldset fieldset {margin:10px 0;}
legend {font-weight:bold; color:#666;}
fieldset fieldset legend {color:#999;}

.getyoursite label {width:200px; display:block; float:left;}
.getyoursite input.textfield {width:200px;}

.highlight {background:#ff9;}

.contactinfo tr td {font-size:12px; padding-right:20px;}

table.checks {border:1px solid #ccc;}
table.checks tr {vertical-align:middle;}
table.checks tr th {background:#fff; text-align:left; border-bottom:1px 0 solid #ccc; padding:5px; font-size:12px;}
table.checks tr td {text-align:left; border-bottom:1px 0 solid #ccc; padding:5px; font-size:12px;}