@charset "UTF-8";
/* CSS Document */
body{
margin:0;
padding:0;
text-align: center;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
background: #336699 url(../images/grad.jpg) repeat-x top left;
}

div#mainwrap{
background:#FFFFFF none repeat scroll 0%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
position:relative;
text-align:left;
width:850px;
padding:20px;
}

div#header{
width: auto;
margin-bottom:10px;
}

div#toprow{
position: relative;
}

.logo{
position: relative;
top: -6px;
}

div#nav{
position:absolute;
right:-20px;
top:30px;
}

.links{
position: relative;
}

.links li {
float:left;
list-style-type:none;
right:1px;
position:relative;
margin-right:20px;
}

.links li a:active, .links li a:visited, .links li a:link{
text-decoration: none;
color: #99cc33;
font-size: 140%;
font-weight: bold;
}

.links li a:hover{
text-decoration: none;
color: #4E463F;
}

div#midpic{
background:#FBFBFB url(/images/banner-home.jpg) no-repeat scroll left top;
clear:both;
position:relative;
height:280px;
border: 1px solid #666666;
}

div#headline{
position: relative;
}

.headline {
bottom:4px;
color:#FBFBFB;
font-size:165%;
left:20px;
margin-bottom:10px;
position:absolute;
width:auto;
}
.period {
color:#0066CC;
}

div#maincont{
clear:both;
position:relative;
top:10px;
}

div#abouthp{
position:relative;
width:512px;
float:left;
background: #fbfbfb;
}

div#abouthp h1{
background:#99CC33 none repeat scroll 0%;
margin:0pt;
padding:0pt;
padding-top: 4px;
padding-bottom: 4px;
position:relative;
width:auto;
padding-left:10px;
font-size:150%;
color:#fbfbfb;
font-weight:100;
}

div#abouthp p{
position:relative;
padding:5px;
margin:0;
color: #666666;
font-size: 102%;
margin-bottom: 10px;
}

div#hptriimg {
clear:both;
float:right;
left:1px;
position:relative;
z-index:5;
top:-7px;
}
.pageimg {
border:0px solid #666666;
float:left;
margin:1px;
}
.pageimg img {
border:1px solid #666666;
padding:3px;
}
.container{
padding: 5px;
border: 1px solid #666666;
}

div#contacthp {
float:right;
width: 318px;
}
div#contacthigh {
background:#FBFBFB none repeat scroll 0%;
position:relative;
right:0px;
top:0px;
margin-bottom: 10px;
}

div#contacthigh p{
padding:0px;
margin: 0px;
}
.important {
color:#014A66;
font-size:120%;
margin:0pt;
padding:0pt;
letter-spacing: 1px;
font-weight: 800;
}
.quip{
color:#333333;
font-size:100%;
font-style:italic;
}
.getdir {
position:absolute;
text-align:right;
right:9px;
}

.getdir a:active, .getdir a:visited, .getdir a:link{
text-decoration: none;
font-size:100%;
color: #666666;
}

.getdir a:hover{
color: #333300;
}
div#emailbox {
background:#FBFBFB none repeat scroll 0%;
position:relative;
text-align:left;
top:0px;
}

.hpform {
left:-62px;
padding:0px;
position:relative;
text-align:right;
line-height:25px;
}
.ftext {
color:#999999;
text-align:left;
position:relative;
left:-3px;
}
.finput {
background:#FBFBFB none repeat scroll 0% 50%;
border:1px solid #999999;
color:#333333;
font-size:100%;
height:15px;
padding:5px;
width:150px;
margin:2px;
}
.secimg img {
border:1px solid #666666;
left:2px;
position:relative;
top:4px;
}

.seccode{
position: relative;
}

.submit{
bottom:-3px;
position:absolute;
right:-58px;
}

.submit a:active, .submit a:visited, .submit a:link{
text-decoration: none;
font-size:100%;
color: #666666;
}

.submit a:hover{
color: #333300;
}

.fsubmit{
position: relative;
background: #fbfbfb;
border: transparent;
cursor: pointer;
}



div#footer{
position: relative;
top: 20px;
clear:both;
height: 51px;
border-top: 1px solid #999999;
}

.left {
color:#CCCCCC;
font-size:90%;
left:0px;
margin-bottom:8px;
position:relative;
text-align:left;
top:5px;
}
.right {
color:#CCCCCC;
font-size:90%;
position:absolute;
right:0px;
text-align:right;
top:5px;
}
.right a:active, .right a:visited, .right a:link {
color:#99CC33;
font-size:100%;
text-decoration:none;
}
.right a:hover {
color:#333300;
}
div#readon {
background:#336699 none repeat scroll 0% 50%;
bottom:0px;
left:0px;
padding:5px;
position:relative;
text-align:left;
width:auto;
}
div#readon a:active, div#readon a:visited, div#readon a:link {
color:#FBFBFB;
font-size:100%;
left:440px;
position:relative;
text-align:left;
text-decoration:none;
}
div#readon a:hover {
color:#99CC33;
}
.nudge {
line-height:6px;
position:relative;
}
.blue {
color:#336699;
}
div#explain {
margin:0pt;
position:absolute;
right:-48px;
}
div#explain a:active, div#explain a:visited, div#explain a:link {
color:#336699;
display:block;
font-size:100%;
font-weight:bold;
margin:0pt;
padding:0px;
position:relative;
text-decoration:none;
top:-33px;
width:28px;
z-index:7;
}
div#explain a:hover {
color:#99CC33;
}
div#explination {
background:#FBFBFB none repeat scroll 0%;
border:2px solid #333333;
display:none;
height:auto;
padding:5px;
position:absolute;
width:250px;
z-index:10;
}
div#explination p {
color:#333333;
font-size:100%;
}
.wonderful {
border:1px solid #333333;
font-size:110%;
height:auto;
padding:5px;
position:relative;
width:auto;
}
.wonderful p {
color:#666666;
}
div#nflink {
clear:both;
display:block;
position:relative;
top:10px;
margin-bottom:10px;
font-size: 70%;
color: #cccccc;
}
div#nflink a:active, div#nflink a:visited, div#nflink a:link{
text-decoration: none;
color: #cccccc;
}
div#nflink a:hover{
color: #0066CC;
}
.hplink{

}
.hplink a:active, .hplink a:visited, .hplink a:link{
color: #666666;
text-decoration: none;
}
.hplink a:hover{
color: #336699;
}
.hplinkwhite a:active, .hplinkwhite a:visited, .hplinkwhite a:link{
color: #fbfbfb;
text-decoration: none;
}
.hplinwhite a:hover{
color: #eeeeee;
}