/***********************************************/
/* 2createawebsite.com Colors 
#DFDFFE (lightest) #BFBFFE (lighter), base: #8080FE (light)  darkest: #5959B1 */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color:white;
	margin: 0px;	padding: 0px;
	min-width:660px; max-width:1200px;
	border-right:1px #5959b1 solid;
}
img	{border:0;}
p		{margin:0.5em 1em}
a {text-decoration:underline;}
form {margin:0;}
input {background-color:#DDD;}
textarea {background-color:#DDD; width:80%;}
label {display:block; padding-bottom:0.5em;}
label em {display:inline-block; width:5em; font-style:normal; text-align:right; padding-right:1em;}
a:link		{color:	blue;}
a:visited {color:purple; text-decoration:underline;}
a:hover, a:focus		{color: blue;	text-decoration: underline; background-color:#DFDFFE;}
a:active {color:red; background-color:lightblue;}
.banner{background-color:#5959B1; color:white; padding:5px; border-bottom:1px #0033CC solid;  text-align:center;}
.logo {float:left; margin-right:1em; width:200px;}
h1.site {margin:0; font-family:Arial, serif;	font-weight:normal;	font-size:300%; }
h2.dbe {margin:0; font-size:100%; font-style:italic;}
h2.tagline {margin:0; font-size:120%;}
h3 {margin:0; font-size:150%; font-weight:normal; text-align:center; }
h4 { clear:both; margin-bottom:0em;	padding:0.3em;	font-size:120%;	font-weight:500;	text-align:left;
	background-color:#BFBFFE;	}
h5.section {margin:0; font-size:110%; font-weight:bold; text-align:left; }
h5 {margin:0; font-size:110%; font-weight:bold; text-align:left; }
.autoimg {width:auto; padding-top:1em;}
.navbar{ 	border-top:1px #5959B1 solid;} 
.navbar a{	display:block;	text-decoration:none;	background-color: #DFDFFE;	padding:4px;
	text-align:left;	border-bottom:1px #5959B1 solid;
	border-left:1px #5959B1 solid;
	border-right:1px #5959B1 solid;
 	}
.navbar a:hover{color: #006600;	background-color:#FFFFFF;}
.navbar .subnav { padding-left:2em;}
.story {padding:1em;	border:1px #0000FF solid;	font-size: 100%; background-color:#FFFFFF;}
.contact{
	border: 1px #0000B2 solid;
	margin-bottom: 1em;
}
.contact h4 {margin:0;	padding:0.3em;	font-size:120%;	font-weight:bold;	text-align:left;
	background-color:#BFBFFE;}
.contact p {margin:0; padding:1em;}
ul {margin:0.5em 2em;}
li {margin-bottom:0.5em;}
ul ul {margin-top:0.5em;}
ul.empl {margin:0}
table td,th{border:1px black solid; padding:5px;}
.empl li {margin-bottom:0.5em; list-style-type:none}
.empl strong {font-size:120%;}
.emplbox 		{padding:1em; overflow:hidden; }
.box 		{padding:1em;}
.imglft {float:left; margin-right:1em; margin-right:1em; /* width:50%; */}
.imgrgt {float:right; margin-left:1em; margin-top:1em; margin-bottom:1em; /* width:50%; */}
.clr {clear:both; line-height:0; height:0;}
.prjnme {font-size:100%;}
.prjnme a {font-size:120%; font-weight:bold;}
.ptable {}
.ptable caption {font-size:150%;}
.ptable th {vertical-align:top; text-align:right; width:30%; font-weight:normal; padding-right:1em;}
.ptable td {vertical-align:top; font-weight:bold;}
.email th {text-align:right}
.error {color:red;}
/* zoom */
.container  {position:relative; overflow:visible;}
.thumbvert {position:static; border:0px black solid;}
.thumbvert div.azoom {}
.thumbhorz {position:static; border:0px black solid;}
.thumbhorz div.azoom {float:left;}
.defimg { position:absolute; top:0; left:20%; background:white;}
.defimg img {width:79%;}
.azoom { float:none; padding:0em;  height:auto; width:17%;	border:0 solid black;}
.azoom a { display:block; padding:0; text-decoration:none; }
.azoom a img { 	border:0 solid black; width:100%; }
.azoom a span img {width:100%; }
.azoom span {display:none; width:79%; position:absolute; top:0; left:20%;z-index:10; background:white;}
.azoom a:hover, a:focus {border:2px solid blue;}
.azoom a:active {border:2px solid yellow;}
.azoom a:hover span, a:focus span, a:active span {display:block;}
.azoom a:hover span {z-index:20;} 
.azoom a:focus span {z-index:10;}
/* .azoom a:active span {z-index:10;} */
.azoom em { display: block; padding:0.2em; font-style:normal; background-color:white;}

/* Layout Divs */
#header{margin-bottom:2%;}
#navigation{clear:both;	float: left; width: 18%; margin-left:2%;}
#content{float: left;	width: 56%;	margin-left:2%;}
#information{float: left;	width: 18%; margin-left:2%;}
#footer{clear:both;	background-color:lightblue; }
div#home #navhome, 
div#about #navabout,
div#meet #navmeet,
div#contact #navcontact,
div#project #navproject,
div#proj1 #navproj1,
div#proj2 #navproj2,
div#proj3 #navproj3,
div#proj4 #navproj4,
div#proj5 #navproj5,
div#proj6 #navproj6,
div#employ #navemploy 
{ background-color: #8080FE; }