html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana,Tahoma,Arial,sans-serif;
font-size: 11px;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	margin-top: 12px;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #00748B;
height: 145px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn a, #contentcolumn a:visited {
text-decoration: none;
color: #00748B;
}

#contentcolumn a:hover {
text-decoration: underline;
color: #00748B;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #8F8F8F;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#footer{
font-size:0.8em;
color:#00748B;
clear: left;
width: 100%;
background: black;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.slogan{
margin: 26px; /*Margins for inner DIV inside each column (to provide padding)*/
text-align:center;
font-size:1em;
line-height:1.5em;
font-weight:bold;
color:#FFFFFF;
}

.logo{
height:100px;
padding-top:5px;
background-color:white;
}

.card{
margin-top:12px;
padding:10px;
width:195px;
height:95px;
color:#fff;
font-size:0.85em;
line-height:1.2em;
background-color:#8F8F8F;
text-align:center;
border:1px solid #cccccc
}

.card a
{
text-decoration: underline;
color: #FFFFFF;
}

.card a:visited, .card a::hover
{
text-decoration: underline;
color: #FFFFFF;
}

#headerwrapper{
background: #00748B;
height: 145px; /*Height of top section*/
float: left;
width: 100%;
border-bottom:1px solid #8F8F8F;
}

#titlecolumn{
margin: 0 220px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftheadercolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
height: 145px; /*Height of top section*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #8F8F8F;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

#rightheadercolumn{
float: left;
width: 220px; /*Width of right column*/
margin-left: -220px; /*Set left margin to -(RightColumnWidth)*/
background: url(/img/strip.gif) repeat-x #FFFFFF;
}

.centeredImage
    {
    display: block;
    margin-left: auto;
    margin-right: auto;    
}

#navcontainer
{
background: #6F6F6F;
width: 85%;
margin: 0 auto;
padding: 1em 0;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 2em;
border-width: 1px;
border-color: #fff #aaa #ccc #fff;
border-style: solid;
color: #ccc;
text-decoration: none;
background: #8F8F8F;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #6F6F6F;
color: #fff;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #fff;
background: transparent;
border-color: #aaa #fff #fff #ccc;
}

div.blocktext {
		font-size: 1.8em;
		color:white;
		padding-top: 8px;
		font-weight: bold;
    margin-left: auto;
    margin-right: auto;
		text-align: center;
}

#services { list-style-image: url(/images/arrow.gif); }

input.send-btn {
width: 130px;
height: 25px;
background: #333 url(/img/btn-send.gif) no-repeat;
outline: none;
}
input.send-btn:hover {
background: #666 url(/img/btn-send.gif) no-repeat 0 -25px;
}