/* CSS Content Style Sheet */

/************ General Styles ******************/ 
* html,body {
	background:gainsboro;
	font-family:Arial, Helvetica, Sans;
	_border-top:1px solid #888; /* separation line for IE */
}

p {
	font-size:0.7em;
	margin:0px;
}
#iso
{
	font-size:5em;
	margin:0px;
	font-style:italic
}

hr {
	height:0.5px;
	border:0px;
	border-bottom:1px #ddd solid;
	margin:10px 0px 0px 0px;
	position:relative;
}


 
/** headers **/ 
 
h1 {
 	margin-top:10px;
 	margin-bottom:5px;
 	color:#990000;
 	font-size:1,7em;
 	font-family:  Arial, Verdana, sans-serif;
 	font-weight:normal;
 	}



h2 {
 	margin-top:10px;
 	margin-bottom:5px;
 	color:#990000;
 	font-size:0.95em;
 	font-family:  Arial, Verdana, sans-serif;
 	font-weight:normal;
 	}
 	
h3 {
	color:#555;
	font-size:0.8em;
	letter-spacing:4px;
	text-transform:uppercase;
}

h4 {
	color:#555;
	font-size:0.7em;
	margin:0px;
	font-style:bold
	}


input, textarea {
  border: 1px solid #ccc;
}
input:focus, textarea:focus {
  border: 1px solid #000;
}

/** links **/

a {
	text-decoration:none;
 	color:#990000;
}
 
a:hover {
	color:#777777;
} 
 

#margin p a {
	
	text-decoration:none;
 	color:#990000;
}

#margin p a:hover {
	color:#777777;
} 
 
 
 .arrowlink {
	color:#990000;
	font-size:0.75em;
	list-style-image:url(../images/arrow.gif);
	margin-bottom:5px;
}

.pdflink {
	font-size:0.75em;
	list-style-image:url(../images/pdf_icon.gif);
	margin-bottom:5px;
	}
 
.red {
	 color:#990000;
	 }
 

 	
 	
 #pathdiv a {
 	font-size:0.7em;
 	color:#000;
	
	}

/** tables and css table layouts **/

table {
	position:relative;

	}
td, th {
		vertical-align:top;
		font-size:0.75em;
		padding:0px;
		margin:0px;

		}
th	{
	color:#990000;
	font-weight:normal;
	width:150px;
	}
	
.project th {
	width:80px;
	font-size:0.8em;
	color:#910000;
	vertical-align:top;
	font-weight:normal;
	}
	
.project td {
	font-size:0.8em;
	color:#000;
	vertical-align:top;
	}
	
#contactleft {
	width:300px;
	display:inline;
	float:left;
	margin-left:38px;
	margin-top:20px;
	}

#contactright {
	width:300px;
	display:inline;
	float:right;
	margin-right:38px;
	}
	
#contactright h3, #contactleft h3 {
	color:#000;
 	font-size: 1.1em;
 	font-family:  Arial, Verdana, sans-serif;
 	font-weight:bold;
	text-transform:none;
	letter-spacing:0px;
	margin:0px;
}	
		
/* *************************************** */
 
 #centerleft ul {
 margin-left:15px;
 padding:0px;
 }
 
 #centerright ul {
 margin-left:20px;
 padding:0px;
 }
 
 #margin a {
 	color:#000;
 }
 	
 #margin a:hover {
 	color:#990000;
 }
 
 #centerleft ul li {
 font-size:0.75em;
 padding:0px;
 list-style-type:disc;
 list-style-image:url(../images/arrow.gif);
 margin-top:5px;
 }
 
 #centerright ul li {
 font-size:0.75em;
 padding:0px;
 list-style-type:disc;
 list-style-image:url(../images/arrow.gif);
 margin-top:5px;
 }




#margin ul {
 margin-left:0px;
 padding:0px;
 }
 
 .arrow li {
 font-size:0.75em;
 padding:0px;
 list-style-type:disc;
 list-style-image:url(../images/arrow.gif); 
 margin-bottom:5px;
 }
 
.nobullet li {
font-size:0.75em;
padding:0px;
list-style-type:none;
}



.widest {
 font-family: 'Lucida Sans Unicode', Arial;
 font-size: 1em;
 padding: 15px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 90%;
}

.table {
 margin-top:40px;
 width: 730px;
 background-color:transparent;
 margin-right:0px;
 margin-left:20px;
 padding:0px;
}


.table .td {
 height:130px;
 float:left;
 width: 119px;
 font-size:0.7em;
 background-color:transparent;
 text-align:center;
 margin:0px;
 
}

.contacttable {
 margin-top:20px;
 width: 680px;
 background-color:transparent;
padding:0px;

}

.contacttable .td {
 height:100px;
 float:left;
 width: 300px;
 font-size:1em;
 background-color:transparent;
 text-align:left;
 margin:0px;

 
}

.contacttable .td h3 {

 	color:#000;
 	font-size:0.75em;
 	font-family:  Arial, Verdana, sans-serif;
 	font-weight:bold;
	text-transform:none;
	letter-spacing:0px;
	margin:0px;
	margin-bottom:5px;

}

/* Menu Items */

.menuitem {
	margin:0px 0px 0px 20px;
	_margin-left:10px;
	font-weight:bold;
	
	}

.menuitem a {
	color:#444;
	}

.menulist {
	margin-left:17px;
	margin-top:6px;
	margin-right:40px;
	}


#cube {
	position:absolute;
	overlflow:visible;
	bottom:0px;
	right:100px; 
	z-index:15;
	}



/* Template Content Positioning */		
/* Centerleft, centerright and rightimage used when rightimage present */ 
 #centerleft{
	position:relative;
	float:left;
	margin:0 0 0 10px; 
	_margin:0 0 0 20px; /* IE Need Less Left */
	padding:30px 0 10px 0; /* Only IE Needs The Padding */
	padding:20px 0 0 0;
	width:180px;
	background:transparent;

	} 
 #centerright{
 	position:relative;
	float:right;
	clear:right;
	width:350px;
	margin:0px 30px 0px 60px;
	_margin:10px 17px 0px 0px;
	padding:10px 0 10px 0;  /* Only IE Needs The Padding */
	/*margin-left:0px;
	padding:0;
	} 

 #rightimage{
	margin-left:-40px;
	position:relative;
	float:right;
	text-align:left;
	left:30px; /* IE Needs Less Left */
	left:40px;
	height:200px;
	width:400px;
	padding:0px;
	}

#clearer {height:10px; 
	width:100%; 
	clear:both;
	background:transparent;
	}


/*margin used when no rightimage present*/
#margin {
	margin-left:40px;
	margin-right:40px;
	padding-top:10px;
	}

/*projectpage layout*/

#projectdata{
	position:relative;
	float:left;
	margin:0 0 0 40px; 
	_margin:0 0 0 20px; /* IE Need Less Left */
	padding:30px 0 10px 0; /* Only IE Needs The Padding */
	padding:20px 0 0 0;
	width:440px;
	background:transparent;
	

	} 
 #projectimages{
 	position:relative;
	float:right;
	clear:right;
	width:220px;
	margin:30px 30px 0px 0px;
	_margin:10px 17px 0px 0px;
	padding:10px 0 10px 0;  /* Only IE Needs The Padding */
	margin-left:0px;
	padding:0;
	} 
	
	#projectimages img {
	margin-bottom:20px;
	}
	
#projectdata th	{
	color:#990000;
	font-weight:normal;
	width:100px;
	text-align:left;
	}	

#projectdata td {
   width:300px;
   }
   
   #projectdata ul {
   font-size:0.7em;
   }
/***************************** header logo and accesible page title **************************/
#header h1 {
	position: absolute;
	top: 25px;
	left: -40px;
	margin: 0;
	font-size: 2px;
	height: 8px;
	z-index: 100; /* above the UL */
	}

#header h1 a {
	display: block;
	width: 204px;
	height: 55px;
	background: transparent url("../images/ic_logo.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
	}



/****************************** accesibility hacks ********************************************/


.skipmenu {
	position: absolute;
	left: -999px;
	width: 990px;
	}	
	
/*********************************************************************************************/