body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#333333;
text-decoration:none;
}

ul,ol{
margin:0;
padding:0;
}

b{font-size: 110%;}
strong{color: #000000;}
em{font-size: 90%;color: #22AC8B;}

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

#topsection{
background: #fff;
height: 178px; /*Height of top section*/
}



#menu{

font-weight: bold;
width: 900px;
margin:0 auto;
border-top:1px solid #194D98;
}

#menu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

#menu ul li{
display: inline;
}

#menu ul li:hover{
position: relative;
z-index: 599;
cursor: default;
}

#menu ul li a{
color: #004C99;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a.selected{
color: #00A99D;
}



#menu ul ul {
visibility: hidden;
position: absolute;
z-index: 598;
width: 100px;	
margin-top:0px;
padding: 2px;
background-color: #5A81AF;
line-height: 14px;  
}
#menu ul ul li {
float: none;
background: none;
padding: 0;
margin-bottom: 0px;
}
#menu ul ul  li a {
display:block;
padding: 0px 15px;
margin: 0 0 0 0px;
background: none;
font-weight: bold;
color: #fff;
line-height:20px;
height: 20px;
border-bottom:1px solid white;
}
	
#menu ul ul  a:hover {
color: #000;
}

#menu  ul ul {
 top: 18px;
 left: 0px;
}

#menu ul li:hover > ul {
 visibility: visible;
}




#banner{
width:900px;
margin:0 auto 10px auto;
}

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

#contentwrapper h1{
font-size: 21px;
color: #00a99d;
padding-bottom: 5px;
border-bottom:1px solid #194D98; 
}

#contentwrapper h2{
font-size: 14px;
font-weight: bold;
color: #004c99;
}

#contentwrapper ul {list-style:none; margin:0 10px 0 10px;}
#contentwrapper ul li {margin:5px 0 5px 2px; padding:0 0 0 18px; background:url(../img/list.png) no-repeat 0 2px; line-height:18px;}

#contentwrapper a{
color: #004c99;
text-decoration:none;
font-weight: bold;
}

#contentwrapper a:hover{
color: #00a99d;
text-decoration:underline;
font-weight: bold;
}

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

#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -970px; /*Set margin to that of -(MainContainerWidth)*/
padding-top:48px;
}

#rightcolumn{
float: left;
width: 180px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 100%;
border-top:1px solid #194D98;
color: #194D98;
text-align: center;
padding: 8px 0;
}

#footer a{
color: #194F8F;
text-decoration:none;
}

#footer a:hover{
color: #00A99D;
text-decoration:underline;
}

#impel{ float:right;}

#impel a { display:block; width:65px; height:20px; text-indent:-9999px; background: transparent url(../img/impel_logo.gif) top left no-repeat; }

#impel a:hover { background: transparent url(../img/impel_logo.gif) top right no-repeat; }


.innertube{text-align:justify;
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0 ! important;
}

.innertube img {
border:none;}


/* TABLES STYLE */

.gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;	
	width: 504px;
	text-align: left;
	border-collapse: collapse;
	margin-bottom:20px;
}
.gradient-style th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #b9c9fe url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
.gradient-style td
{
	padding: 4px 8px 4px 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../img/gradback.png') repeat-x;
}
.gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url('../img/gradhover.png') repeat-x;
	color: #339;
}

.gradient-style tbody tr.header td
{
	background: #d0dafd url('../img/gradhover.png') repeat-x;
	color: #339;
}


/* LEFT MENU STYLE */
.slidedoormenu{
list-style-type: none;
margin: 0px 0 0 7px;
padding: 0 0 0px 0;
width: 170px; /* width of menu (don't forget to add border with below!) */
border-left: 8px solid #194F8F; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #194F8F; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(../img/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: white;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}




/* CONTACT STYLE */
.info {
float:left;
width:300px;
margin-top:-12px;
margin-bottom:20px;
}

.cube {
float:right;
}


.map {
float:right;
border:2px solid #194D98;
}

#contact-area {
	width: 504px;
	margin-top: 25px;

}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 370px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #004c99;
	background-color:#ffffff;
	color:#000000;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #00a99d;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin-right:27px;
}
#contact-area input.submit-button:hover {
	border: 1px solid #00a99d;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 80px;
	padding-top: 5px;
	
	color:#000000;
}
.validation-advice, .error-message {
	margin: 0px 0 10px 95px;
	padding: 2px 2px 2px 0px;
	color:#00a99d;
	font-size:1.2em;
}
input.validation-failed, textarea.validation-failed {
	border: 4px solid #00a99d!important;
	color : #00a99d!important;
}

#contact-area input.security_code {	
	width: 80px;	
	height: 25px;
}
#contact-area input.chkbox{
	width:20px;
	vertical-align:bottom;	
	margin:8px 5px 0 0;
	padding:0px 0px 0 0;
}


.line{
height:2px;
width:504px;
border-bottom:1px solid #00a99d; 
}

ul.pdf {margin:10px 0 0 5px;list-style:none;}
ul.pdf li {margin:5px 0 5px 0px; padding:0 0 0 23px; background:url(../img/pdf.png) no-repeat 0 0; line-height:20px;}
ul.pdf li a{
color: #004c99;
text-decoration:none;
font-weight: bold;
}
ul.pdf li a:hover{
color: #00a99d;
text-decoration:underline;
font-weight: bold;
}

ul.link {margin:10px 0 0 0px;list-style:none;width:175px;}
ul.link li {margin:5px 0 5px 0px; padding:0 0 0 25px; background:url(../img/hand.jpg) no-repeat 0 0; line-height:20px;}
ul.link li a{
color: #004c99;
text-decoration:none;
font-weight: bold;
}
ul.link li a:hover{
color: #00a99d;
text-decoration:underline;
font-weight: bold;
}