/* --------GENERAL SETTINGS-------- */

body{
  scrollbar-arrow-color: #000066;
  scrollbar-base-color: #000066;
  scrollbar-dark-shadow-color: #000066;
  scrollbar-track-color: #000066;
  scrollbar-face-color: #FFFFFF;
  scrollbar-shadow-color: #000066;
  scrollbar-highlight-color: #000066;
  scrollbar-3d-light-color: #000066;
  
  margin-left:10px;
  margin-top:10px;
  background-color: #000066;
  font-family:arial, sans-serif;
  font-size: 10pt;
}

img{
  border:0px;
  margin:0px;
}

a:link{ color:blue; text-decoration:none;}

a:visited{ color:blue; text-decoration:none;}

a:hover{ color:blue; text-decoration:underline;}


/* --------LAYOUT-------- */

#pagewrap{
	margin:auto;
	width:875px;
}

#header{
	background:url("images-layout/header.jpg");
	background-repeat:no-repeat;
	height:81px;
	width:840px;
	padding:0px;
	padding-left:35px;
	padding-top:10px;
	margin:0px;
	border: 0px;
}


#footer{
	background: url(images-layout/footer.jpg);
	background-repeat:no-repeat;
	height:72px;
	width:875px;
	padding:0px;
	margin:0px;
	border: 0px;
}


#contentarea{
	background:#FFFFFF;
	margin-right:5px;
	margin-left:3px;
	background-repeat:repeat-y;
	position:relative;
	width:867px;
	border-left:1px solid black;
	border-right:1px solid black;
	padding-top:10px;
}


.sidebar{
	position:absolute;
}


#content{
	width:629px;
	padding:0px 12px 6px 226px;
}


#titlebar{
	width: 629px;
	height:37px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
}


#filestructure{
	width: 619px;
	margin:0px;
	padding-right: 8px;
	border: 1px solid black;
	background-color: #EEEEEE;
	font-family: arial, sans-serif;
	font-size: 8pt;
	text-align: right;
}


#body{
	width:615px;
	border-left:1px dotted #DDDDDD;
	border-right:1px dotted #DDDDDD;
	padding:10px 6px 6px 6px;	
	margin-bottom:6px;	
}

#credits{
  width: 850px;
  margin-top:10px;
  margin-right:25px;
  font-size: 8pt;  
  color:#CCCCDD;
  text-align:right;
}


#styleselector{
	text-align:center;
}

#styleselector a{
	color:#999999;
	text-decoration:none;
}


/* --------FOOTER CONTENT-------- */

.spacerdiv{
	border-bottom:1px solid #CCCCCC;
	margin:auto;
	width:840px;
	margin-bottom:10px;
}

#searchbox{
	float:left;
	font-size:8pt;
	margin-right:5px;
	margin-left:50px;
	width:250px;
	display:inline;
}

.button{
	height: 20px;
	border: 1px solid black;
	margin-left:2px;
	background-color: #DEDEDE;
	font-size: 10pt;
}

.textinput{
	height: 18px;
	margin:0px;
	padding:0px;
	border: 1px solid black;
	background-color: #EFEFEF;
}

#googlelink{
	float:left;
	margin-top:10px;
}


#bottomnav{
	float:left;
	margin-left:340px;
	font-family: arial, sans-serif;
	font-size: 10pt;
}


#credits a{
	text-decoration:none;
	text-tranform:lower;
	color:#CCCCDD;
}



#credits a:hover{
	text-decoration:none;
}

/* --------MENU SYSTEM-------- */
#menubar{
	background:url("images-layout/menuback.jpg");
	margin:10px;
	margin-top:0px;
	width:186px;
	height:204px;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color:black;
	text-align:left;
}


#menubar div.spacer-top{
	float:left;
	width:186px;
	height:27px;
	background: url("images-layout/menutop.jpg");
}


#menubar div.spacer-bottom{
	float:left;
	width:186px;
	height:33px;
	background: url("images-layout/menubottom.jpg");
}


#menubar ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}


#menubar ul li { /* all list items */
	position: relative;
	float:left;
	
}

li ul.menudropdown { /* second-level lists */
	display: none;
	position: absolute;
	top: 0;
	left: 176px;
	width:124px;
	padding:1px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #FFFFFF;
	z-index:5;

}


li>ul.menudropdown { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 0;
	left: 176px;
}

li:hover ul.menudropdown, li.over ul.menudropdown { /* lists nested under hovered list items */
	display: block;	
} 



a div.menublock{ 
	height:16px;
	padding:7px 0px 7px 20px;
	width:166px;
	text-decoration:none;
	color:#000000;
	cursor:hand;
  	cursor:pointer;
}

a:hover div.menublock{ 
	background: url("images-layout/menuhighlight.jpg");
	
}
      
a div.menuitem { /*MENU ITEM*/
	display:block;
	width:123px;
	height:18px;
	padding:2px 0 0 0;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background: url("images-layout/submenuback.jpg");
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	cursor:hand;
  	cursor:pointer;  
}

a.major div.menuitem { /*MENU Title ITEM*/

	font-weight:bold;

}

      
a:hover div.menuitem { /*MENU ITEM HIGHLIGHT*/
	background: url("images-layout/submenuhighlight.jpg");

      }
      
/* --------CONTENT-------- */


.notation{
  font-family: arial, sans-serif;
  font-size: 8pt;  
}

.title{
  font-family: arial, sans-serif;
  font-size: 12pt;
  text-align: center;
  text-transform: uppercase;
  font-weight:bold;
  
}

.subtitle{
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  font-weight:bold;  
}

H1{
  font-family: arial, sans-serif;
  font-size: 10pt;
  text-align: center;
  font-weight:normal;  
  
}

.summarybox{
  width:280px;
  border: 1px solid #000066;
  border-right:4px solid #000066;
  border-bottom:4px solid #000066;
  padding: 0px;
  margin: 0px;

}

.subjectbox{
  width: 130px;
  background-color: #EFEFEF;  
  padding: 3px;
  margin: 5px;
  font-family: arial, sans-serif;
  font-size: 10pt;
  font-weight:bold; 

}

.infobox{
  width: 150px;
  background-color: #EFEFEF;  
  padding: 3px;
  margin: 5px;
  text-align:right;
  font-family: arial, sans-serif;
  font-size: 10pt;  
  
}

.button{
  height: 20px;  
  border: 1px solid black;
  background-color: #DEDEDE;
  font-size: 10pt;
}

.textinput{ 
  border: 1px solid black;
  background-color: #EFEFEF;
}

.infotext{
  font-family: arial, sans-serif;
  font-size: 10pt;
  vertical-align:top;

}

.alpha{list-style-type:upper-alpha;}
.alpha2{list-style-type:lower-alpha;}
.beta{list-style-type:decimal;}
.delta{list-style-type:disc;}

.seminarthumb{
  width:600px;
  height: 92px;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  background-color: #FFFFFF;
  padding:6px;
  margin-bottom:8px;

}

.staffbox{
  width:250px;
  padding-left:6px;
  border-left:5px solid #3333FF;
  margin-right:30px;
  border-top:1px solid #DDDDDD;

}
.newprojectbox{
  margin-bottom:20px;
  border-top:1px solid #000000;
}

.highlight{
 color: black;
 background-color:#CCCCFF;
 font-style:italic;
 font-weight:bold;
 letter-spacing:1pt;
 font-size: 8pt;
 text-transform:uppercase;
}



/* --------TABLE STYLES-------- */

table.tablelist{
  border: 1px solid black;
}

td.header{
  border-bottom: 1px solid black;
  background-color: rgb(2, 2, 102);
  color: #FFFFFF;
  font-weight:bold; 
}

tr.even{
  background-color: #EFEFEF;
  padding-top:5px;
  padding-bottom:5px;
}

tr.odd{
  background-color: #FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
}

.area{
  padding-top:5px;
  padding-bottom:5px;
  line-height:20px;
}

.seis-map{
  width:40px;
  padding-top:5px;
  padding-bottom:5px;
  line-height:20px;
  text-align:center;
}

.location{
  line-height:20px;
}

.kms{
  text-align:right;
  line-height:20px;
}

.kmprice{
  text-align:right;
  padding-right:5px;
  line-height:20px;
}