@import url('fonts.css');  
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 

body {
background-color:#fff;
width:840px;
text-align:center;
margin:0 auto; 
}

div#wrapper {
text-align:left;
width:840px;
}

div#headerarea{
width:840px;
}

div#logo{
float:left;
padding:30px 0px 30px 60px;
display: inline;
}

div#logo a { 
float: left; 
display: inline; 
}

div#logo a img { 
float: left;
border: none; 
}

div#loginform{
float:right;
width:300px;
margin-right:40px;
display: inline;
margin-top:30px;
}

div#loginform{
font-size:12px;
color:#055A87;
}

input {
background:#60B4E0;
border:1px solid #055A87;
margin:5px;
width:150px;
}

.button{
background:#055A87;
border:1px solid #60B4E0;
margin:5px;
width:50px;
font-size:8px;
color:#fff;
padding:1px;
}

div#navigation{
clear:both;
float:left;
width: 100%;
border-bottom: 10px solid #055A87;
}

div#seperator{
clear:both;
height:10px;
background: #055A87;
margin-bottom:10px;
border-bottom: 1px solid #60B4E0;
}

div#featuredarea{
clear:both;
padding-top: 10px;
float: left; 
display: inline;
width: 840px;
}

div#featuredimage{
border: 1px solid #60B4E0;
width:840px;
height:210px;
float:left;
z-index:0;
}
.box-image {
	height: 210px;
	width: 840px;
	background-color:transparent;
}

div#contentarea{
clear:both;
padding-top:20px;
float: left; 
width: 100%; 
display: inline;
}

div#contentleft, div#contentmid, div#contentright{
border: 1px solid #60B4E0;
background:#032B41;
width:390px;
padding:10px;
}

div#contentmain{
border: 1px solid #60B4E0;
background:#032B41;
float:right;
width:390px;
padding:10px;
}

div#contentwide{
border: 1px solid #60B4E0;
background:#032B41;
float:right;
padding:10px;
width:818px;
}

div#contentleft{
float:left;
}

div#contentleft h2,div#contentmid h2,div#contentright h2,div#contentmain h2,div#contentwide h2{
border-bottom: 2px solid #999;
float: left;
padding-bottom: 5px;
width: 185px;
margin-bottom: 0px;
}

div#contentleft h1,div#contentmid h1,div#contentright h1,div#contentmain h1,div#contentwide h1{
width: 185px;
}

div#contentleft p,div#contentmid p,div#contentright p,div#contentmain p,div#contentwide p{
clear: both; 
}

div#contentmid{
float:left;
margin-left:21px;
}

div#contentright{
float:right;
}

div#contentwide img{
margin:0px 6px 0px 0px;
border: 0px solid #60B4E0;
}

div#footerarea{
clear:both;
float:left;
width:100%;
margin:20px 0px 0px 0px;
border-top: 1px solid #60B4E0;
background:#032B41;
height:60px;
padding-top:15px;
}

div#footerbreak{
width:200px;
height:1px;
line-height: 0px;
font-size: 0px;
border-top: 1px solid #ccc;
margin:0 auto 10px auto;
}

/* images */
.floatleft{
float:left;
margin: 5px;
border:1px solid #ccc;
padding: 3px 3px 0 3px;
}

.floatright{
float:right;
margin: 5px;
padding: 3px 3px 0 3px;
border:1px solid #ccc;
}
.readmore{
background:#055A87;
padding:5px;
color:#fff;
float:right;
}
.readmore:hover{
background:#033A58;
border:1px solid #60B4E0;
text-decoration:none;
padding:4px;
}
div#contentwide img, div#contentmain img, #contentleft img, #contentmid img, #contentright img{
float:right;
margin-bottom: 4px;
}

.disabled {
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 14pt;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


td {
width:200px;
text-align:right;
}
td input{
text-align:left;
width:250px;
background:#fff;
}
select{
	margin:5px;
}
tr .topinput{
padding-right:29px;
}