* {margin:0; padding:0;}

/*-------clear fix-------*/
  .box {

  }
  .floated {
    float: left;
    background: #f00;
    width: 100px;
    height: 100px;
    border: 1px solid #f0f;
  }
      
  * html .clearfix {
    height: 1%; /* IE5-6 */
  }
  .clearfix {
    display: inline-block; /* IE7xhtml*/
  }
  html[xmlns] .clearfix { /* O */
    display: block;  
  }
  .clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
/*-------end clear fix-------*/

body {
height:100%;
background:#286281 url(../images/bg.jpg) repeat-x;
color:#000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:115%;
}

h1 {
font-size:18px;
padding:0 0 10px 0;
font-weight:lighter;
}
h2 {
font-size:18px;
padding:0 0 8px 0;
font-weight:lighter;
line-height:20px;
}
.smallhome h2 {
font-size:18px;
padding:0 0 1px 0;
font-weight:lighter;
line-height:19px;
}
h3 {
font-size:13px;
padding:0 0 10px 0;
font-family:myriad pro, Arial, Helvetica, sans-serif;
}

img {
margin:0;
padding:0;
}
p {
padding:3px 0 12px;
}
a {
text-decoration:none;
color:#000;
}
a img {
border:none;
}

dl {
padding:10px 0;
margin-bottom:10px;
}

dt {
font-weight:bold;
}

dd {
margin-bottom:10px;
}

#centerColumn { 	
margin:0 auto;
width:980px;
padding:0;
text-align:left;
vertical-align: middle;	
}

#logo {
margin:10px 0 0 10px;
padding:0;
width:223px;
float:left;

}

#topright {
margin:25px 35px 0 0;
padding:0;
width:264px;
float:right;
height:81px;
display:inline;
color:#fff;
text-align:right;
}
#topright p {
padding:0;
}

#logo h1 {
margin:0;
color:#000;
width:223px;
padding:0;
}

#logo h1 a {
text-indent:-999999px;
display:block;
width:223px;
height:97px;
background: url(../images/logo.jpg) no-repeat;
}

#logo h2 {
margin:0 0 0 0;
color:#000;
}

#navbar {
height:38px;
background:url(../images/navBG.jpg) repeat-x;
clear:both;
padding:13px 0 0 15px;
}

#navbar ul {
list-style:none;
}

#navbar li {
margin:0;
list-style:none;
display:inline;
}

#navbar li a {
margin:0 3px 0 0;
height:38px;
width:154px;
color:#fff;
text-decoration:none;
text-align:center;
padding:10px 0 0 0;
display:block;
float:left;
background:url(../images/buttonBG.jpg) no-repeat;
font-weight:bold;
}


#navbar li a:hover {
background:url(../images/buttonactive.jpg) no-repeat;
}

#navbar li#active a {
background:url(../images/buttonactive.jpg) no-repeat;
color:#fff;
cursor:default;
}


#homebanner {
margin:0 0 0 0;
background:url(../images/bannerBG.jpg) no-repeat;
height:261px;
}
#homebanner h2 {
font-size:30px;
line-height:30px;
float:left;
width:200px;
}
#homebanner p {
float:left;
width:200px;
}


.headerwrap {
padding:0 0 0 0;
background:url(../images/headerBG.jpg) no-repeat;
margin:40px 0 0 0;
display:inline;
}

.contentwrap {
padding:20px 0 0 20px;
background:#fff url(../images/contentBG.jpg) repeat-x;
}

.contentwrap b {
font-weight:bold;
font-size:18px;
}

#abouteclipse {
width:448px;
float:left;
margin:0 20px 10px 0;
display:inline;
}
#abouthome {
background:url(../images/aboutBG.jpg) no-repeat;
padding:10px 20px 10px 10px;
}
#readmore {
float:right;
height:10px;
width:60px;
padding:50px 5px 10px 0;
}

.smallhome {
width:198px;
float:left;
margin:0 5px 0 0;
background:url(../images/smallboxBG.jpg) no-repeat;
padding:10px 10px 12px 10px;
}

.moreinfo {
float:right;
margin:33px 5px 0 0;
padding:0;
display:inline;
}
#bluearrow {
float:right;
display:inline;
margin:22px 5px 0 0;
}
.roundbutton {
float:right;
margin:10px 0 0 0;
display:inline;
}
.moreinfo2 {
float:right;
margin:-1px 5px 0 0;
padding:0;
display:inline;
}
.roundbutton2 {
float:right;
margin:-20px 0 0 0;
display:inline;
}

#homepic {
width:465px;
float:left;
}

#boxtop {
background:url(../images/boxtop.jpg) no-repeat;
height:22px;
padding:3px 0 0 5px;
}
#boxbody {
background:url(../images/boxbody.jpg) repeat-x;
border-right:1px solid #BABABA;
border-left:1px solid #BABABA;
width:918px;
padding:10px 0 0 10px;
}
#boxbody img {
margin:5px 0 0 0;
padding:0 15px 0 15px;
display:inline;
}
#boxbottom {
background:url(../images/boxbottom.jpg) no-repeat;
height:20px;
margin:0 0 10px 0;
}

#topgraybox {
height:10px;
background:url(../images/topgraybox.jpg) no-repeat;
}
#middlegraybox {
border-right:1px solid #BABABA;
border-left:1px solid #BABABA;
width:903px;
background:#EDEDED url(../images/grayboxBG.jpg) repeat-x;
padding:10px 10px 10px 15px;
}
#bottomgraybox {
height:10px;
background:url(../images/bottomgraybox.jpg) no-repeat;
margin:0 0 10px 0;
}

#block1 {
width:410px;
float:left;
padding:0 10px 0 0;
}
#block1 ul li {
margin:0 0 0 20px;
}
#swineflu {
background:url(../images/whitebox.jpg) no-repeat;
padding:10px;
margin:20px 0 15px 0;
}

#block2 {
width:475px;
float:left;
}
#block3 {
width:450px;
float:left;
padding:0 10px 0 0;
}
#block4 {
width:430px;
float:left;
padding:0 10px 0 0;
}

#contactinfo {
width:270px;
float:left;
}
#contactform {
width:300px;
float:left;
}
#contacttext {
width:319px;
float:left;
}


.clear {
clear:both;
}

.left {
float:left;
margin:10px 10px 10px 0;
display:inline;
}
.margins {
margin:0 0 5px 0;
}
.blue {
color:#12577D;
}
.red {
color:#C30E05;
}


#footer {
position:relative;
clear:both;
bottom:0;
padding:0;
height:30px;
line-height:3em;
text-align:center;
font-size:.8em;
background:#b2b2b2 url(../images/footerBG.jpg) repeat-x;
color:#fff;
margin:0 0 10px 0;
}

#footer p {
padding:0 0 0 0px;
}

#footer a {
color:#fff;
}