@charset "UTF-8";
/* CSS Document */
	body {
	font: 62.5%/1.8em "Verdana", Arial, Helvetica, sans-serif;
	background-color: #E5EAEB;
	padding:0px;
	margin:20px 0px 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	padding-top:22px;
	display:block;
}
h2, h3, h4, h5, h6, p, ul, li, ol, dd, dt, dl, form, input, select, textarea, pre, blockquote, a, img{padding:0px; margin:0px; font-weight:normal; border:0px; outline:none}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	padding-top:22px;
	padding-bottom:0px;
	margin:0px;
	display:block;
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	padding-top:22px;
	display:block;
}
#flashcontent {
		height: 100%;
	}

/* mainNav
=======================*/
#topnav{width:100%; height:auto}
#topnav ul{float:right; list-style:none;}
#topnav ul li{float: left; display:block; font-weight:bold; background:url(images/mainNavBg.gif) repeat-x top left; white-space:nowrap}
#topnav ul li a{padding:0 1em; line-height:1.9em; background:url(images/mainNavBorder.gif) no-repeat left top; text-decoration:none; color:#fff; font-weight:bold; float:left; display: block; white-space:nowrap}
#topnav a:hover, #topnav a.active{background: url(images/button-over.gif) repeat-x left top; color: #fff;}



/* Left nav on project Pages
=======================*/

#leftnav {font:100%/1.8em Verdana, Arial, Helvetica, sans-serif; padding:20px 0px 20px;}
#leftnav ul{list-style-type: none;}
#leftnav li {display: inline: /* :KLUDGE: Removes large gaps in IE/Win */}
#leftnav a {
	display: block;
	width: 100px;
	/*  height: 39px;*/
  line-height: 100%;
	color: #0061aa;
	font-weight:bold;
	text-decoration: none;
	border-bottom:1px solid #336699;
	padding:11px 0px 12px;
  /* background:url(images/pixy-rollover.gif) no-repeat left center; */
}

#leftnav a:hover, .selected a, #leftnav #currentPage a {
  color: #666;
}

ul.projects{list-style:none}
ul.projects li{float:left; width:100px; height:auto; text-decoration:none; text-align:center}
ul.projects li a.thumb{
	width:81px;
	height:54px;
	display:block;
	margin:7px;
	border: 2px solid #333;
}
ul.projects li a.thumb:hover{
	margin:4px;
	border: 4px solid #333;
	margin-bottom: 6px;
}

a.previous{width:18px; height:18px; background:url(images/previous.gif) no-repeat 0px 0px; display:block; text-indent:-9999px;}
a.previous:hover{background-position:0px -18px;}

a.next{width:18px; height:18px; background:url(images/next.gif) no-repeat 0px 0px; display:block; text-indent:-9999px;}
a.next:hover{background-position:0px -18px;}

#otherprojects .head {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
}
#otherprojects .links {
	font-weight: bold;
	color: #0061aa;
	text-decoration: none;
	line-height: 1em;
	}
	
#otherprojects a:hover, .selected a, #otherprojects #currentPage a {
  color: #666;
}
	
.copyright {
	font-size: 90%;
}

.title{padding:15px 0px 5px; margin:0px; line-height:0px;}
.border{line-height:0px; padding:0px; margin:0px; font-size:0px;}
.no-border{border:0px !important;}
.main_image {
	border: 5px solid #333333;
	margin-top: 25px;
}
.maintable {
	top: 20px;
}