h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background-color: #FFFFFF;
	color:#333399;
	padding: 5px 10px;
	margin: 0px;
}
.h1loading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	padding:2px;
	background-color:#CC0000;
	color: #FFFFFF; 
	margin: 0px;
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
/*width: 770px;*/
width: 100%;
padding:0px;
margin: 0px;
margin-left: 0px;
margin-right: 0px;
/*border: 1px solid #336699;*/
background-color: #FFFFFF;
} 

/* ----------banner for logo-------------- */
#banner {
/*text-align: right;*/
background-color: #FFFFFF;
padding: 0px;
margin: 0px; }

/* ----------navigation banner (links) -------------- */
#navbanner {
/*text-align: right;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin: 0px; 
}

#navbanner a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	border: 1px solid #336699;
	padding: 1px 2px 1px 2px;
	background-color: #FFFFFF; /*display: block;*/
	text-decoration: none;
	color: #000000;
}
#navbanner a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	border: 1px solid #336699;
	padding: 1px 2px 1px 2px;
	background-color: #FFFFCC; /*display: block;*/
	text-decoration: none;
	color: #000000;
}
#navgis {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	background-color: #FFFFFF;
	height:100px;
	margin-left: 10px; 
	width: 490px;
	padding:5px;
}
/*#banner img {padding:10px 0px;} */

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 250px #FFFFFF;  /* color of the left column  */ 
background-color: #FFFFFF; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:250px; 
 float:left; 
 position:relative; 
 margin-left:-250px; 
 margin-right:1px;
 padding:5px 0px 5px 10px;
 height:550px; 
 overflow:auto;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 8pt;

 
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; }

#map { 
position: absolute;
margin-left: 10px; 
width: 490px;
height: 450px;
}

#datatable, #cruiseinfo, #graphs {
	/*position: absolute;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	top: 195px;
	left: 0px;*/
	width: 800px;
	height: 550px;
	overflow: auto;
	/*border: 5px solid #CCFFCC;*/
	background-color: #FFFFFF;
}
#datatable a, #cruiseinfo a, #graphs a {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	border: 1px solid #336699;
	padding: 0px 2px 1px 2px;
	background-color: #FFFFFF; /*display: block;*/
	text-decoration: none;
	color: #000000;
}
#datatable a:hover, #cruiseinfo a:hover, #graphs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	border: 1px solid #336699;
	padding: 0px 2px 1px 2px;
	background-color: #FFFFCC; /*display: block;*/
	text-decoration: none;
	color: #000000;
}

#dataview { 
background-color:#FFFFFF;
margin: 0px;

}
#datatablinks { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
background-color:#FFFFFF;
margin: 0px;
}
.filedivln a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
	padding-right: 23px;
	background-image: url(/Assets/Nav/toggle0.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.filedivln a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #339933;
	text-decoration: none;
	background-image: url(/Assets/Nav/toggle0.gif);
	padding-right: 23px;
	background-position: right;
	background-repeat: no-repeat;
}

.yeardivln a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
	padding-right: 23px;
	background-image: url(/Assets/Nav/toggle0.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.yeardivln a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-top: 15px;
	background-image: url(/Assets/Nav/toggle0.gif);
	padding-right: 23px;
	background-position: right;
	background-repeat: no-repeat;
}


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
margin:0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;
background-color: #FFFFFF;
padding:10px 0px 0px 0px;
margin:0px ;
} 

#smltxta a:hover, #smltxta a:active, #smltxta a:selected {
	background-color: #99CCFF;
	color:#FFFFFF;
}
#cpanel {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
position:relative;
padding:0px;
left:55px;
top:8px;
width: 200px;
background-color: #FFFFFF;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
#cpcontent {
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt;
}
.odtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	width: 250px;
	margin-top:10px;
}
.accContainerBox {
	margin: 6px;
	width:810px;
	border: 1px solid #336699;
	/*border-top: 1px solid #000000;
	border-bottom: 1px solid #1F669B;
	border-right: 1px solid 1F669B;
	border-left: 1px solid 1F669B;*/
}
.accHearderContent {
	/*background-color:#006699;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 4px 4px 6px 6px;
	border-top: 1px solid #BDC7E7;
	/*border-right: 1px solid #1F669B;border-left: 1px solid #1F669B;*/
	border-bottom: 1px solid #182052;
	
}
.accContentBox {
	border-top: 0px solid #1F669B;
	/*border-right: 1px solid #1F669B;
	border-left: 1px solid #1F669B;
	*/
	border-bottom: 0px solid #1F669B;
	
}