@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
img, div { behavior: url(iepngfix.htc) }

body	{
	background-image:url('../images/bg1.jpg');
	background-position:center;
	background-repeat:repeat-y;
	background-color:#0B0B0B;
	text-align:center;
}

div, input, select, option, textarea {text-align:left;}
#wrapper {width:1024px; margin:auto; position:relative;}

input[type=submit] {background:#CCC; padding:2px; border:2px solid #666; font-size:14pt; color:#0C3C41;}
button {background:url(/images/button-bg-left.png) no-repeat; height:35px; border:0; text-decoration:none; margin:10px 0 0 0; padding:0 21px; position:relative;}
button span {background:url(/images/button-bg-right.png) no-repeat; height:35px; width:21px; position:absolute; right:0; z-index:10; top:0;}
.pastlink a	{
	text-decoration: none;
	color: white;
}

.pastlink a:hover	{
	color:#999999;
}

.formfield	{
	background:#fff;
	height:20px;
	border:1px solid #666;
	padding:2px 0 0 3px;
	font-size:13pt;
}

.formarea {background:#fff; height:60px; width:400px; border:1px solid #666; font-size:13pt;}

.form1	{
	width:100px;
}

#pastimage	{
	color:white; 
	margin: 0 0 0 0; 
	width: 300; 
	text-align: center;
}

#pastimage a	{
	text-decoration:none;
	color: white;
}

#pastimage:hover	{
	background-color:#333333;
}

#bodytext	{
	color:white;
	font-family: "Times New Roman", Times, serif;
	position:absolute;
	top: 300;
	left: 150;
}

#peoplename	{
	color: white;
	font-family:Arial, Helvetica, sans-serif;
}

#picview	{
	width:200;
	text-align:center;
	border-style:solid;
	border-color:#666666;
	border-width:medium;
	background-color:black;
}
	
#submenu  {
  position: absolute;
  top: 75;
  left: 230;
  color: white;
}

#holder {
  color: white;
  position:absolute; 
  top:60px; 
  left:350px; 
  width:100px; 
  line-height:20px; 
  height:20px; 
  overflow:hidden; 
  text-align:center; 
  z-index:100; 
  font-family: arial;
  }
  
#holder:hover {
  height:140px; 
  cursor:pointer;
  background-color:#444444;
  }
  
#holder a:visited, #holder a {
  display:block; 
  width:100%; 
  line-height:18px; 
  color: white; 
  text-decoration:none;
  background-color:#adadad;
  font-weight: 0;
  padding: 3 0 3 0;
  }
  
#holder a:hover {
  color:#006167;
  background:#ddd;
  border: thin dotted #3d3d3d;
  }

#top {padding:0 50px;}
#menu{margin: 0 20 0 20; list-style-type:none; width:auto; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent; font-family:Helvetica,Arial,Verdana,sans-serif; text-align:center; position:absolute; top:80px; left:300px; z-index:10;}
#menu li{display:block; margin:0; float: left; padding:0;}
#menu li ul {position:absolute; margin-top:22px; background:white;}
#menu li ul li {clear:both;}
#menu a {display:block; float: left; color: white; text-decoration:none; font-weight:bold; padding:6px 20px 6px 20px; background:transparent;}
#menu li a:hover{color:#006167;}
#menu li ul {display:none;}
#menu li:hover ul {display:block;}
#menu li ul li a {color:#006167;}
#menu li ul li a:hover {color:#171717;}

#content {padding-left:50px; color:white; width:1000px;}
#project {float:left; text-align:center; padding:10px 0; background:#484848; margin:10px; width:300px; height:180px; text-decoration:none; color:white;}
#project img {border:0; margin:auto;}
#project:hover {background:#fff; color:#484848;}
#project-title {font-size:18pt; padding:0 0 10px 100px;}
#project-description {padding-left:30px; font-weight:normal;}
#project-image {margin:10px;}
#project-image img {border:8px solid #adadad; height:130px; margin:auto; max-width:186px;}
#project-image img:hover {border:8px solid #fff;}

#view-gallery {float:left; padding:0 10px 8px 0; text-align:center; color:#fff;}
#view-gallery a {color:#fff;}
#view-gallery img {border:0; outline:none;}

#cssdropdown {display:block; height:30px; background:transparent; position:absolute; z-index:10; top:80px; left:300px;}
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{background-color:transparent;}
.mainitems a{padding:4px 15px; text-decoration: none; color:#fff; font-weight:bold; font-size:10pt;}
.mainitems a:hover {color:#006165;}
.subuls{display: none; max-width:300px; position: absolute; top: 1.2em; left: 0; background-color: white; color:#006165;}
.subuls li{padding:5px 8px; clear:both;}
.subuls li a{text-decoration: none; color:#006165; font-size:11pt;}
.subuls li a:hover {color:#171717;}
#cssdropdown li>ul {top: auto; left: auto;}
#cssdropdown li:hover ul, li.over ul {display: block;}

#footer {text-align:center; margin-top:20px; color:#CCC;}