body {
font-family: Helvetica; 
font-size: 100%;
background: #E6E6E6;
margin: 0px auto;
width: 980px;
}

/*OVERALL LAYOUT*/

#wrapper {
width: 980px;
border:1px;
margin: 0px auto;
}

/*HEADER LAYOUT*/
#header {
float:right;
height: 82px;
width: 980px;
background:#ffffff;
}

#logo {
width:200px;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
}

#search {
float:right;
width:220px;
margin-top:5px;
}

#utilitymenu {
color:#215e83;
font-size:12px;
font-family: helvetica;
width:220px;
margin-top:3px;
margin-bottom:15px;
}
#utilitymenu a {
color:#215e83;
text-decoration:none;
}

form#search {
 padding: 0px;
}
#search .box {
 border: 1px solid #000;
 height:20px;
 width:150px;
 padding-right:0px;
}

#search .button {
 background:url(/images/search_icon.gif) no-repeat;
 height:26px;
 width:35px;
 border:0;
 margin-top:1px;
padding-left:0px;
}

/*NAV LAYOUT*/

#navcontainer {
	float:left;
	width: 100%;
	background: #00283c;
	font-family: Helvetica; 
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#navcontainer ul {
	margin:0;
	padding:2px 50px 0px 40px;
	list-style:none;
	white-space: nowrap;
}
#navcontainer li {
	display:inline;
      margin:0;
      padding:0;
}
#navcontainer a {
	float:left;
      background:url("/images/navbar-long.jpg") no-repeat left top;
      margin:0;
      padding:0 20px 0 6px;
      text-decoration:none;
      
}

#navcontainer a span {
	float:left;
      display:block;
      background:url("/images/navbar-long.jpg") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      
}


    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navcontainer a span {float:none;}
    /* End IE5-Mac hack */
    #navcontainer a:hover span {
      color:#FFF;
      }
    #navcontainer a:hover {
      background-position:0% -42px;
      }
    #navcontainer a:hover span {
      background-position:101% -42px;
      }  


/*MAIN BANNER LAYOUT*/

div#mainbanner {
float:left;
height: 290px;
width: 980px;
background: no-repeat #565557;
}

div.limiter {
	text-align: left;
	width: 686px;
	max-width: 686px;
	padding: 0px;

}


.bannerimage {
position:absolute;
width:686px;
z-index:10;
background: url(/images/lighthouse1.jpg) no-repeat;
text-align: left;
}

.overlap {
position:absolute;
width:686px;
z-index:20;
}


.message {
float:left;
width:676px;
margin-left:40px;
margin-top:60px;
display:inline;
text-align: left;
}

.message-one {

font-size:33px;
color:white;
font-family:georgia,norasi;
white-space: nowrap;
text-align: left;
}
.message-two {

font-size:33px;
color:white;
font-family:georgia,norasi;
white-space: nowrap;
text-align: left;
}
.message-three {

font-size:33px;
color:red;
font-family:georgia,norasi;
white-space: nowrap;
text-align: left;
}


/*MINI MENUS LAYOUT*/
div.minimenus {
width:676px;
height:20px;
color:white;
font-size:14px;
margin-top:72px;
color:red;
font-size:12px;
font-weight:bold;
}

.minimenus a {
color:white;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.minimenus a:hover {
color:red;
}





/*GREY BARS LAYOUT*/

div#greybars {
font-family:helvetica;
font-size:14px;
font-weight:bold;
float:right;
width:291px;
height:290px;
background: #565557;
z-index:150;
}


#greybars ul {
	margin:0;
	padding:0px;
	list-style:none;
	white-space: nowrap;
	
}
#greybars li {
	display:block;
    margin:0;
    padding:0;
    white-space: nowrap;
    color:white;
	line-height: 73px;
	text-indent: 50px;
}

#greybars a {
	display:block;
	
	background:url("/images/greybar.jpg") repeat-x left top;
	margin-left:-1px;
	padding:0px;
	text-decoration:none;
	color: #FFF;
	width:100%;
      
}

#greybars a span {
	float:left;
      display:block;
      background:url("/images/greybar.jpg") repeat-x right top;
      padding:0px;
      color:#FFF;
      
}


    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #greybars a span {float:none;}
    /* End IE5-Mac hack */
    #greybars a:hover span {
      color:#FFF;
      }
    #greybars a:hover {
      background-position:0% -73px;
      width:100%;
      }
    #greybars a:hover span {
      background-position:100% -73px;
      width:100%;
      }  






/*MAIN CONTENT LAYOUT*/

#main {
float:left;
width: 100%;
background:#FFFFFF url(/images/bodybg.jpg) no-repeat;
padding-top:10px;
}

#mainwrapper{
	
	}

/*CENTER*/
	
#center{
	float:left;
	width: 170px;
	margin-left: 405px;
	text-align:center;
	display:inline;
	}
	
#center h2 {
	font-family:georgia,norasi;
	font-size: 14px;
	color:#215e83;
	white-space: nowrap;
	}
	
.dots {
	background:url(/images/dots.jpg) repeat-x top center;
	width:120px;
	margin:auto;
	}
	
/*LEFT*/	

#left{
	float: left;
	width:350px;
	margin-left: -540px;
	display:inline;
	}

#left h2 {
	font-family:georgia,norasi;
	font-size: 14px;
	color:#215e83;
	margin-right:0px;
	border-bottom: dotted #CCC thin;
	margin-bottom:5px;
	display:block;
	}
	
	
#left p {
	font-family:helvetica;
	font-size: 12px;
	color:#565557;
	margin:0px;
	}

#left a {
	font-family:helvetica;
	font-size: 12px;
	color:#215e83;
	font-weight:bold;
	text-decoration:none;
	margin-top:-5px;
	}
#left .date {
	font-weight:bold;
	font-family:helvetica;
	font-size: 12px;
	color:#565557;
	text-transform: capitalize;
	margin-top:0px;
}

/*RIGHT*/
		
#right{
	width: 350px;
	float: right;
	margin-right: 20px;
	display:inline;
	}

#right h2 {
	font-family:georgia,norasi;
	font-size: 14px;
	color:#215e83;
	margin-right:10px;
	border-bottom: dotted #CCC thin;
	display:block;
	}
	
div#blog {
	font-family:helvetica;
}

#blog h3 {
	font-weight:bold;
	font-size: 12px;
	color:#215e83;
	text-transform: capitalize;
	margin-bottom:0px;
	padding-left: 0px;
	white-space:nowrap;
	
}

#blog p {
	font-size: 12px;
	color:#565557;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:0px;
	margin-left: 30px;
	
	}

#blog a {
	font-size: 12px;
	color:#215e83;
	font-weight:bold;
	text-decoration:none;
	margin-top:-10px;
	}
	

.clear {
	clear:both;
	}

	
.whitepaper {
	font-family:helvetica;
}

.whitepaper h3 {
	font-weight:bold;
	font-size: 12px;
	color:#215e83;
	text-transform: capitalize;
	margin-bottom:0px;
	
	padding-left: 0px;
	white-space:nowrap;
}

.whitepaper p {
	font-size: 12px;
	color:#565557;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:0px;
	margin-left: 30px;
	}

.whitepaper a {
	font-size: 12px;
	color:#215e83;
	font-weight:bold;
	text-decoration:none;
	margin-top:-10px;
	
	}
	
div#tco {
	font-family:helvetica;
}

#tco h3 {
	font-weight:bold;
	font-size: 12px;
	color:#215e83;
	margin-bottom:0px;
	
	padding-left: 0px;
	white-space:nowrap;
}

#tco p {
	font-size: 12px;
	color:#565557;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:0px;
	margin-left:30px;
	}

#tco a {
	font-size: 12px;
	color:#215e83;
	font-weight:bold;
	text-decoration:none;
	margin-top:-10px;
	
	}

#video {
	float:right;
	width:165px;
	text-align:center;
	margin-right:10px;
	font-size: 12px;
	color:#565557;
}




/*FOOTER LAYOUT*/

#footer {

float:left;
width: 980px;
background:#FFFFFF;
}

hr {
color: #EEE;
background-color: #EEE;
height: 1px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/*VIDEO POPIN*/

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
-moz-opacity:.65;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:490px;
height:310px;
z-index: 9002;
margin:auto;
text-align:center;
}

.closepop a {
text-decoration:none;
margin-right:10px;
float:right;
color:#000;
z-index:9003;
position:relative;
}


.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}