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

a:link {
	color: #00A99D;
	text-decoration: none;
}
a:visited {
    color: #00A99D;
	text-decoration: none;
}
a:hover {
    color: #BA3926;
	text-decoration: none;
}
a:active {
    color: #7492b7;
	text-decoration: none;
}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.topdivs  {
	float: left;
}
.firstdiv  {
	float: left;
	margin:0px 0px 0px -1px;
}
.topdivsrt  {
	float: right;
}
img {
border:0; 
}
#right_grad {
	height: 700px;
	width: 50px;
	float: right;
	margin: 0px -50px 0px 0px;
	background: url(../images/right_grad.png) repeat-y;
}
#left_grad {
	height: 700px;
	width: 50px;
	float: left;
	margin: 0px 0px 0px -50px;
	background: url(../images/left_grad.png) repeat-y;
}
.navdivs  {
	float: left;
	margin: 0px 0px 0px 6px;
}
#galleries {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	height: 30px;
	width: 529px;
	color: #66CCFF;
	border-top: 1px dotted #99CCCC;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
}
#gallabel {
	margin: 6px 0px 0px 0px;
	border-top: 1px dotted #99CCCC;
	padding: 5px 0px 0px 0px;
	float: left;
	font-size: 24px;
	font-family: "Century Gothic", Arial, "Sans Serif";
}
#contactinfo {
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin: 3px 0px -2px 0px;
	color: #669999;
	float: left;
	width: 240px;
	height: 25px;
}
#email {
	width: 450px;
	margin: 1px 0px 0px 0px;
}
.brownfont {
	color: #978B66;
}
.buttonadjust  {
	padding: 6px 0px 0px 0px;
}
#mainnav {
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 2px 0px 1px 0px;
	width: 879px;
}
#navbuffer {
	width: 160px;
	float: left;
	padding-left: 20px;
	font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BA3926;
}
.linecontainerhor {
	float: left;
	height: 2px;
}
.linecontainerhor2 {
	clear: both;
	height: 2px;
}
.linecontainervert {
	float: right;
	width: 2px;
	height: 700px;
	margin: 0px 1px 0px 0px;
}
linefade_hor {
	float: right;
	z-index: 2;
}
#headlinebottom {
	width: 880px;
	height: 0px;
	float: left;
	border-top: 2px dotted #333333;
}
#vertshort {
	float: right;
	margin: -21px 0px 0px 0px;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/walpayp.jpg) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
.oneColFixCtrHdr #container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 700px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #FFFFFF;
	width: 880px;
	height: 98px; 
	margin: 0px 0px 10px 0px;
	float: left;
	  /* padding: 0 10px 0 20px; this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #maincontent {
	width: 880px;
	height: 574px;
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 0px 0px 0px;
	background: #FFFFFF;
	float: left;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 1px dotted #99CCCC;
	clear: both;
	font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #7AA7A7;
}
.oneColFixCtrHdr #footer a:link {
	font-style: italic;
	color: #7AA7A7;
}
.oneColFixCtrHdr #footer a:visited{
	font-style: italic;
	color: #7AA7A7;
}
.oneColFixCtrHdr #footer a:hover{
	font-style: italic;
	color: #CC3300;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#sitemeter {
	position: absolute;
	margin: 0px 0px 0px 790px;
	padding: 1px 0px 0px 0px;
}
#compressor {
	float: left;
	width: 180px;
	height: 570px;
}
#porttitle{
	float: left;
	width: 160px;
	height: 25px;
	padding-left: 20px;
	font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #BA3926;
}
#leftbar {
	float: left;
	width: 180px;
	height: 560px;
	font-family: "century gothic", Arial, Helvetica, sans-serif;
	font-size: .75em;
	margin: -15px 0px 0px 0px;
}
#leftbar a:link{
	text-decoration: none;
	color: #666666;
}
#leftbar a:visited{
	text-decoration: none;
	color: #999999;
}
#leftbar a.current{
	text-decoration: none;
	color: #666666;
}
#leftbuffer {
	float: left;
	width: 25px;
	height: 570px;
}
/* Navigation Menu */
#menudiv {
	margin: 0px 0px 0px -45px;
	width: 197px;
	float: left;
}
#csmenudiv {
	margin: 0px 0px 0px -30px;
	width: 197px;
	float: left;
}
.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0px 0px 0px 0px;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(../images/list.png) no-repeat left center;
list-style-type: none;
padding-left: 15px;
margin-bottom: 3px;
}
.treeview li:hover{ /*Style for LI element hovers)*/
	background: #99CCCC url(../images/list.png) no-repeat left center;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 3px;
	background-color: #DAE4E4;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../images/closed.png) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}
/* End Navigation Menu */         
#viewarea {
	float: left;
	width: 698px;
	height: 582px;
	font-family: "century gothic", Verdana, Arial, Helvetica, sans-serif;
	
}
#topviewtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	height: 70px;
	width: 568px;
	padding: 4px 0px 4px 14px;
	margin: 0px 80px 0px 0px;
	font-size: .7em;
}
#nextprev {
	float: left;
	width: 698px;
	height: 17px;
}
#piecetitle {
	float: left;
	width: 575px;
	height: 17px;
	padding: 0px 0px 0px 14px;
	font-weight: bold;
}
#next {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	width: 60px;
	float: left;
	margin: 0px 0px 8px 20px;
	border: 1px dotted #99CCCC;
	font-size: 0.6em;
	font-weight: bold;
	background: #FBF9D7;
	vertical-align: middle;
}
#prev {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	width: 75px;
	float: left;
	margin: 0px 0px 8px 16px;
	border: 1px dotted #99CCCC;
	font-size: 0.6em;
	font-weight: bold;
	background: #FBF9D7;
	vertical-align: middle;
}
#emptnext {
	height: 12px;
	width: 62px;
	float: left;
	margin: 0px 0px 8px 20px;
	vertical-align: middle;
}
#emptprev {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	width: 77px;
	float: left;
	margin: 0px 0px 8px 16px;
	vertical-align: middle;
}
#cstudy_but {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	float: left;
	margin: 0px 0px 8px 20px;
	padding: 0px 10px 0px 10px;
	border: 1px dotted #99CCCC;
	font-size: 0.6em;
	color: #FFFFFF;
	font-weight: bold;
	background: #FBF0DD;
	vertical-align: middle;
}
#launch {
	font-family: Arial, Helvetica, sans-serif;
	height: 12px;
	float: left;
	margin: 0px 0px 8px 20px;
	padding: 0px 10px 0px 10px;
	border: 1px dotted #99CCCC;
	font-size: 0.6em;
	color: #FFFFFF;
	font-weight: bold;
	background: #ECF0F0;
	vertical-align: middle;
}
#imagebox {
	float: left;
	height: 466px;
	width: 688px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	color: #CCFF33;
}
/* home specific */
#hcompressor {
	float: left;
	width: 60px;
	height: 570px;
}
#hometext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 450px;
	padding: 4px 0px 4px 14px;
	margin: 0px 80px 0px 0px;
	font-size: .85em;
}
#hometitle {
	float: left;
	width: 526px;
	height: 32px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	font-size: 1.5em;
	font-weight: bold;
	color: #BA3926;
}
#station {
	margin: 24px 0px 0px 0px;
	float: left;
}


/* end home specific */

/* resume specific */



/* end resume specific */
/* enlarged images specific */
#enlarge {
	font-family: Arial, Helvetica, sans-serif;
	width: 800px;
	height: 16px;
	margin: 16px auto 16px auto;
	border: 1px dotted #99CCCC;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;
	background: #ECF0F0;
	vertical-align: middle;
}
#enlargecontent {
	margin:	0px auto 0px auto;
}
/* end enlarged images specific */
/* contact specific */
#contacttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 500px;
	padding: 4px 0px 4px 14px;
	margin: 0px 80px 0px 0px;
	font-size: .85em;
}
#contacttitle {
	float: left;
	width: 526px;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	font-size: 1.5em;
	font-weight: bold;
	color: #BA3926;
}
#contacttitle a:hover{
	color: #98D3CD;
}
#gallerieslist {
	float: left;
	width: 526px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	font-size: 1.4em;
	font-weight: bold;
	color: #BA3926;
}
#gallerieslist a:hover{
	color: #98D3CD;
}
/* end contact specific */