@charset "UTF-8";
/* CSS Document */
body
{
margin: 0;
padding: 0;
font: 80% verdana, arial, helvetica, sans-serif;
background: #Fff8dc;
text-align: center;
}
#container
{
width: 800px;
margin: auto;
background: #fff;
padding: 0;
text-align: left;
border-left:1px solid #4682B4;
border-right:1px solid #4682B4;  
}
/*Header strip*/
h1 
{
height: 150px;
/*background: url(../assets/header.jpg) no-repeat;*/
margin: 0;
padding: 0;
}
/*Hides company name text*/
h1 em 
{
position: absolute;
left: -2000px;
width: 1800px;
}
h2
{
color: #036;
font:2.2em arial, helvetica, sans-serif;
margin:0px;
padding:0px
}
h3
{
color: #036;
font:1.5em arial, helvetica, sans-serif;
margin:10px 0px;
padding:0px
}
ul.links
{
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
line-height:180%;
}
/*navigation block*/
#nav 
{
float: left;
width: 150px;
padding-bottom: 74px;
/*background: #3F5D7E url(../assets/nav-base.jpg) repeat-x 0 100%;*/
background: #4682B4 url(../assets/nav-base.gif) repeat-x 0 100%;

}
#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#nav li
{
display: inline;
}
#nav li.avail
{
font-family: arial, helvetica, sans-serif;
display: block;
width: 130px;
padding: 7px 10px 7px 10px;
border-top: 1px solid #fff;
color: #fff;
font-size: 1.1em;
}
#nav li.current
{
background: url(../assets/sea-hover.jpg) no-repeat ;
color:#fff;
border-right:solid 3px #880000;
font-family: arial, helvetica, sans-serif;
display: block;
width: 130px;
padding: 7px 10px 7px 10px;
border-top: 1px solid #fff;
color: #fff;
font-size: 1.1em;
}
/*navigation links*/
#nav a
{
font-family: arial, helvetica, sans-serif;
display: block;
width: 130px;
padding: 7px 10px 7px 10px;
border-top: 1px solid #fff;
/*font-weight: bold;*/
color: #fff;
text-decoration: none;
font-size: 1.1em;
}
#nav a:hover
{
background: url(../assets/sea-hover.jpg) no-repeat ;
color:#fff;
border-right:solid 3px #880000
}
#nav li.sub a
{
padding: 7px 10px 7px 20px;
width: 120px;
font-weight: normal;
}
#nav li.sub a img
{
border: none;
}
#nav li.sub a:hover
{
background: url(../assets/sea-hover.jpg) no-repeat ;
}
#nav li.subcurrent a
{
padding: 7px 10px 7px 20px;
width: 120px;
font-weight: normal;
background: url(../assets/sea-hover.jpg) no-repeat ;
border-right:solid 3px #880000
}
#nav li.subcurrent a img
{
border: none;
}
/*content*/
* html #content  /*jog 3px for IE only*/
{
margin: 0 17px
}
#content-head
{
float: left;
width:600px;
margin: 15px 20px 5px 20px;
padding:0px
}
#content-lcol
{
float: left;
width: 275px;
margin: 0 20px 10px 20px;
color: #036;
padding:0px
}
#content-rcol
{
float: left;
width: 275px;
margin: 0 20px 10px 20px;
color: #036;
padding:0px
}
#content
{
float: left;
width: 590px;
margin: 0 20px 10px 20px;
color: #036;
padding:0px
}
#footer
{
font-size:.75em;
clear: both;
background:#4682B4;
padding: 10px 10px 10px 10px;
margin:0;
text-align: center;
color: #fff;
}
* html #footer {/*only ie gets this style*/
margin-top:10px;
\height:3px;/* for ie5 */
he\ight:1px;/* for ie6 */
}
#footer a:link
{
color: #fff;
}
#footer a:visited
{
color: #fff;
}
#footer a:focus
{
color: #fff;
}
#footer a:hover, a:active
{
color: #880000;
}
p	
{
font-size:.95em;
line-height:140%
}
a:link
{
color: #036;
}
a:visited
{
color: #036;
}
a:focus
{
color: #036;
}
a:hover, a:active
{
color: #b22222;
}
td.right{vertical-align:top;text-align:right}
fieldset{border:none}