/* Style Sheet for the Vog Measurement and Prediction (VMAP) Project's pages */

body {
	height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	color:#000;
	background-color:#f2eee2;
	background-image:url("../images/halemaumau_cloud_mist.jpg");
	background-repeat:no-repeat;
	background:#f2eee2 url("../images/halemaumau_cloud_mist.jpg") no-repeat fixed;
	}
	
img {border:0px;}
img a {border:0px;}


/* START Content Divs */

#Container {
	position:relative;
	width:1220px;
	margin:0px auto 0px auto;
	padding:0px;
	background-color:#fff;
	background-repeat:no-repeat;
	border:1px solid #009;
	text-align:left;
	}	
	
#WideBanner {
	position:absolute;
	width:1220px;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	}

#MainContent {
	top:0px;
	left:0px;
	width:1000px;
	height:auto;
	margin:160px 0px 0px 200px;
	padding:0px 0px 0px 0px;}

/* START Headers */
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif; 
	color:#036;
	text-align:left;
	}
	
h1 {
	margin:0px 0px 20px 0px;
	padding:2px 0px 0px 0px;
	font-size:160%;
	line-height:140%;
	font-style:normal;
	font-weight:normal;
	}

h2 {
	margin:20px 0px 8px 0px;
	padding:0px;
	font-size:120%;
	line-height:135%;
	font-weight:normal;
	}

h3 {
	margin:20px 0px 10px 0px;
	padding:0px;
	font-size:105%;
	line-height:120%;
	font-weight:normal;
	}
h3 a {font-weight:bold;font-size:100%;}	
h3.v-space {margin:20px 0px 0px 0px;}

h4 {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	font-size:95%;
	line-height:115%;
	font-weight:bold;
	}
h4.v-space {padding:16px 0 6px 0;}	
	
h5 {
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	font-size:95%;
	line-height:115%;
	font-weight:normal;
	}
	
h6 {
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:75%;
	line-height:150%;
	font-weight:bold;
	colo:#039;
	}

/* START Basic Text */

a {	color:#039;
	text-decoration:none;
	font-weight:bold;
/*	font-family:arial, helvetica, sans-serif;*/
	}
a:link {color:#039;}
a:visited {color:#039;}
a:hover {color:#0cf; text-decoration:underline;}
a:active {color:#039; text-decoration:underline;}

.no_margin-top {margin-top:0px;}
.no_margin-bottom {margin-bottom:0px;}
.no_margin {margin:0px;}

p {
	font-size:90%;
	line-height:165%;
	margin:0px 0px 18px 0px;
	padding:0px;
	text-align:left;
	}
#MainContent>p {margin:0px;}
#MainContent>p+p {margin:16px 0px 0px 0px;}

#MainContent_narrow>p {margin:0px;}
#MainContent_narrow>p+p {margin:16px 0px 0px 0px;}

#pubs p {
	font-size:90%;
	line-height:165%;
	margin:0px 0px 16px 0px;
	padding:0 0 0 60px;
	text-indent:-30px;
	text-align:left;
	}
.quote {
	font-style:normal;
	font-size:100%;
	line-height:200%;
	color:#333;
	margin:0px 0px 20px 0px;
	}
.quote2 {
	font-style:italic;
	font-size:100%;
	line-height:160%;
	color:#333;
	margin:10px 0px 20px 0px;
	padding:10px 0px 0px 0px;
	}
.center {text-align:center;}

.tight {margin:0px;}	

p.v-space {padding:0px 0 12px 0;}	
p.space_above {padding:12px 0 0 0;}
p.tight_lines {	line-height:145%;}	

.grayrule_above {
	border-top:1px solid #ccc;
	margin:20px 0 10px 0;
	padding:6px 0 0 0;
	}

/* START Table Cells */

td {
	font-size:100%;
	line-height:130%;
	vertical-align:top;
	} 
.line_above {border-top:1px solid #ddd;}
td.td-center {text-align:center;}


#gray_top_border td {border-top:1px solid #ccc;}

#gray_top_border p {
	font-size:90%;
	line-height:135%;
	margin:2px 0px 15px 0px;
	padding:0px;
	text-align:left;
	}

#gray_top_border p.right-bold {text-align:right; font-weight:bold;}

#gray_top_centered td {border-top:1px solid #ccc; text-align:center;}

#gray_observations td {text-align:center; color:#ddd;}
#gray_observations a:link {color:#a1e3f5; font-weight:normal;}
#gray_observations a:visited {color:#a1e3f5;}
#gray_observations a:hover {color:#0cf; text-decoration:underline;}
#gray_observations a:active {color:#cff; text-decoration:underline;}



/* START Lists */

dl {
	font-size:90%;
	line-height:140%;
	list-style:none;
	margin:9px 0px 20px 30px;
	padding:0px;
	}
	
ul {
	font-size:90%;
	line-height:140%;
	list-style:none;
	margin:9px 0px 20px 30px;
	padding:0px;
	}
	
ul li {
	font-style:normal;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
ol {
	font-size:90%;
	line-height:140%;
	margin:9px 0px 20px 30px;
	padding:0px;
	}
	
ol li {
	font-style:normal;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
ul ol {
	font-size:100%;
	margin:0px 0px 10px 20px;
	padding:0px;
	}

ul ul {
	font-size:100%;
	list-style:circle;
	margin:3px 0px 10px 18px;
	padding:0px;
	}

ol ul {
	font-size:100%;
	list-style:circle;
	margin:3px 0px 10px 18px;
	padding:0px;
	}

ol ol {
	font-size:100%;
	list-style:lower-alpha;
	margin:3px 0px 10px 18px;
	padding:0px;
	}

ul ul li {line-height:15px;margin:0px;}

.disc {list-style:disc;}
li.tight {margin:2px 0px 0px 0px;}
li.loose-lines {line-height:165%;}



/* START Menu */
#Menu {
	font-size:100%;
	line-height:160%;
	position:absolute;
	top:160px;
	left:20px;
	width:160px;
	text-align:center;
	background-color:#fff;
	border-right:1px solid #a1e3f5;
		}

#Menu ul {
	margin:0px;
	padding:0px;
	background-color:#fff;
	}

#Menu li {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #fff;
	}

#Menu li a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	font-weight:bold;
	list-style:none;
	margin:0px 0px;
	padding:8px 6px 10px 6px;
	display:block;
	}
    
 #Menu ul ul {
	list-style:none;
	top:0;
	font-size:100%;
    line-height:160%;
	margin:0px;
	padding:0px;
	background-color:#fff;}

	 

#Menu ul ul li a {font-weight:bold; display:block;}



#Menu a:link  {color:#06c;}
#Menu a:visited {color:#06c;}
#Menu a:hover {color:#036; text-decoration:none; background-color:#a1e3f5;}
#Menu a:active {color:#036; text-decoration:none; background-color:#f2eee2;}


#Menu .youarehere a {color:#036; background-color:#a1e3f5;}
#Menu .youarehere a:link  {color:#036;}
#Menu .youarehere a:visited {color:#036;}
#Menu .youarehere  a:hover {color:#036; text-decoration:none; background-color:#f2eee2;}
#Menu .youarehere a:active {color:#036; text-decoration:none; background-color:#fff;}

#Menu li .normal a:link  {color:#06c; background-color:#fff;}
#Menu li .normal a:visited {color:#06c; background-color:#fff;}
#Menu li .normal a:hover {color:#036; text-decoration:none; background-color:#7CCAE0;}
#Menu li .normal a:active {color:#036; text-decoration:none; background-color:#fff;}

#Menu p {text-align:center; margin:5px 0px;}

#Menu p a:link  {color:#fff;}
#Menu p a:visited {color:#fff;}
#Menu p a:hover {color:#fff; text-decoration:none; background-color:#fff;}
#Menu p a:active {color:#fff; text-decoration:none; background-color:#fff;}


/* END Menu */


/* START Footer */
#Footer {
	position:relative;
	text-align:left;
	margin:40px 0px 0px 200px;
	padding:15px 0 0 0;
	font-size:90%;
	line-height:125%;
	width: 1000px;
	background-position:top;
	background-repeat:no-repeat;
	border-top:1px solid #ccc;

}
#Footer a:link {color:#039;}
#Footer a:visited {color:#039;}
#Footer a:hover {color:#0cf; text-decoration:underline;}
#Footer a:active {color:#039; text-decoration:underline;}


/* END Footer */

.centerHead { font-size: 14px; margin: 0 auto; text-align: center; }
.leftAlignDate { text-align: left; }
.indentParagraph { text-indent: 50px; text-align: left; }

/* Last changed Thursday 05 August 2010. */