@charset "UTF-8";
body {
	font: 0.84em  Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	background: #666666;
	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;
}
h1 {
    font: 1.9em  Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin-top:1em;
	color:#0fb4d6;
}
h2 {
	font: 1.5em Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height: 1.4em;
	margin-top:1.7em;
}
h3 {
	font: 1.3em Helvetica, Arial, sans-serif;
	font-weight:normal;
	line-height: 1.1em;
	margin-top:1.5em;
}
h5 {
	font:1.1em Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height: 1.2em;
	margin:0 0 15px 0;
	color:#FFFFFF;
	text-shadow: #666666 0 0 10px ;
}
p {
	margin-bottom:0.5em;
}
a {
	text-decoration:none;
	color: #336699;
}
a:hover {
	color: #336699;
	border-bottom:1px dashed #336699;
}
img {
	border:none;
}
.pagetitle {
	font-size:4em;
	color: #999999;
	height:120px;
}
.content{
	margin:0 auto;
}
.content #nav {
	position:relative;
	width: 962px;
	height:60px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:20px 0;
}

.content #nav .logo {
	position:absolute;
	left:0;
	top:0;
	height:110px;
	width:190px;
}

.content #nav .home {
	position:absolute;
	right:0;
	top:10;
	color:#cccccc;
	font-size:0.9em;
}
.content #nav .home a{
	color:#cccccc;
	border-bottom:none;
}
.content #nav .home a:hover{
	color:#000000;
}
.content #nav ul {
	position: absolute;
	right:0;
	bottom:0;
	list-style:none;
	vertical-align:bottom;
	overflow:visible;
}
.content #nav li {
	float: right;
	margin: 0 0 0 30px;
	padding: 0 0 4px 0;
	font-size:1.4em;
	font-weight:lighter;
	text-shadow: #666666 0 0 20px ;
}
.content #nav li a{
	color: #cccccc;
	border-bottom:none;
}
.content #nav li a:hover{
	color: #000000;
}
.content #nav .on{
	color: #FFFFFF;
}
.content #container {
	position:relative;
	top:10px;
	width: 962px;  /* using 20px less than a full 960px width allows for browser chrome and avoids a horizontal scroll bar */
	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. */
}
.content #masthead {
	width:962px;
	height:120px;
	display:block;
	border-bottom:#CCCCCC 1px solid;
}
.content #leftNav {
	width: 240px;
	float: left;
}
.content #leftNav ul{
	margin:0;
	padding:0;
}
.content #leftNav li{
	background:url(/assets/arrowbg.png) center right no-repeat;
}
.content #leftNav a:hover{
	background:url(/assets/arrowhoverbg.png) center right no-repeat;
	color: #000000;
	cursor:pointer;
}
.content #leftNav #on{
	background:url(/assets/arrowonbg.png) center right no-repeat;
	background-color:#faf7f7;
}
.content #leftNav #onhead{
	background:url(/assets/arrowonbg.png) center right no-repeat;
	background-color:#eeeeee;
}
.content #leftNav #onheadsel{
	background:url(/assets/arrowselbg.png) center right no-repeat;
	background-color:#eeeeee;
	color: #0fb4d6;
}
.content #leftNav #on a{
	color:#000000;
}
.content #leftNav #sel{
	background:url(/assets/arrowselbg.png) center right no-repeat;
	background-color:#faf7f7;
	color: #0fb4d6;
}
.content #leftNav #sel a{
	color:#000000;
}
.content #leftNav a{
	color:#000000;
	border-bottom:none;
	padding: 10px 10px 12px 25px;
	list-style:none;
	border-bottom:#CCCCCC 1px solid;
	font-size:1em;
	line-height:1.25em;
	width:220px%;
	height:15px;
	display:block;
}
.content #mainContent {
	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:440px;
	min-height:500px;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	float: left;
}
.content #hpmasthead {
	width:962px;
	height:300px;
	display:block;
	border-bottom:#CCCCCC 1px solid;
	background-color:#000000;
}

.content #hpmainLanding {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:962px;
}
.content #hpmainLanding p {
	color:#FFFFFF;
	font-size:1.6em;
	line-height:1.6em;
	text-shadow: #FFFFFF 0 0 10px ;
	clear:left;
}
.content #hpmainLanding p a {
	color: #336699;
	border-bottom: #336699 1px dotted;
}
.content #hpmainLanding .sqframe {
	display:block;
	border-right:#CCCCCC 1px solid;
	list-style:none;
	padding:0;
	margin:0;
}
.content #hpmainLanding .sq {
	font-size:1.0em;
	line-height:1.3em;
	text-shadow: #FFFFFF 0 0 10px ;
	color:#666666;
	width:199px;
	min-height:170px;
	padding:20px 20px 10px 20px;
	float:left;
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background: center bottom no-repeat;
	overflow: visible;
	position:relative;
}
.content #hpmainLanding .sq a{
	color:#666666;
	border-bottom:none;
}
.content #hpmainLanding .lm {
	background:url(/assets/learnmore.png) left top no-repeat;
	position:absolute;
	bottom:0;
	left:20px;
	width:130px;
	height:50px;
	display:block;
}
.content #hpmainLanding .lm:hover {
	background:url(/assets/learnmore_over.png) left top no-repeat;
	cursor:pointer;
}
.content #hpsitemap {
	border-top:#666666 20px solid;
	width:962px;
	background: #666666;
}
.content #hpsitemap a {
	color: #AAAAAA;
	border-bottom:none;
}
.content #hpsitemap .hpsitemapcol {
	width:199px;
	float:left;
	padding:0 20px;
	border-left:#AAAAAA 1px solid;
}
.content #hpsitemap .hpsitemapcol ul{
	padding:0;
	margin:0;
}
.content #hpsitemap .hpsitemapcol li{
	color:#AAAAAA;
	margin-bottom:1em;
	list-style:none;
	line-height:1em;
}
.content #mainLanding {
	padding: 0 30px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:902px;
}
.content #mainLanding p {
	color:#666666;
	font-size:1.6em;
	line-height:1.6em;
	font-stretch: narrower;
	font-weight:lighter;
	text-shadow: #FFFFFF 0 0 10px ;
	clear:left;
}
.content #mainLanding p a {
	color: #336699;
	border-bottom: #336699 1px dotted;
}
.content #mainLanding .sqframe {
	display:block;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	list-style:none;
	padding:0;
	margin:20px 0 20px 0;
}
.content #mainLanding .sq {
	font-size:1.1em;
	line-height:1.4em;
	text-shadow: #FFFFFF 0 0 10px ;
	color:#666666;
	width:199px;
	height:230px;
	padding:20px 80px 10px 20px;
	float:left;
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background: center bottom no-repeat;
	overflow: visible;
	position:relative;
}
.content #mainLanding .lm {
	background:url(/assets/learnmore.png) left top no-repeat;
	position:absolute;
	bottom:0;
	left:20px;
	width:130px;
	height:50px;
	display:block;
}
.content #mainLanding .rtframe {
	display:block;
	border-top:#CCCCCC 1px solid;
	list-style:none;
	padding:0;
	margin:20px 0 20px 0;
}
.content #mainLanding .rt {
	font-size:1.2em;
	line-height:1.4em;
	text-shadow: #FFFFFF 0 0 10px ;
	color:#666666;
	width:900px;
	min-height:50px;
	padding:15px 0;
	float:left;
	border-bottom:#CCCCCC 1px solid;
	overflow: visible;
	position:relative;
}
.content #mainLanding .lm2 {
	background:url(/assets/learnmore.png) right top no-repeat;
	position:absolute;
	top:20px;
	right:-10px;
	width:130px;
	height:50px;
	display:block;
	clear:left;
}
.content #mainLanding .lm:hover {
	background:url(/assets/learnmore_over.png) left top no-repeat;
}
.content #rightBar {
	width: 240px;
	float: left;
}
.content #rightBar ul{
	margin:0;
	padding:0;
}
.content #rightBar li{
	padding: 20px;
	list-style:none;
	border-bottom:#CCCCCC 1px solid;
	color:#000000;
	font-size:1em;
	line-height:1.25em;
}
.content #rightBar li:hover{
	cursor:pointer;
}
.content #rightBar a{
    border-bottom:none
}
.content #contact {
	border-top:#666666 20px solid;
	width:962px;
	background: #666666;
}
.content #contact .contactcol {
	width:199px;
	min-height:200px;
	float:left;
	padding:0 20px;
	border-left:#777777 1px solid;
	color:#999999;
}
.content #contact .contactcol a{
	color:#999999;
	border-bottom:none;
}

.clr {
	clear:both;
	height:0px;
} 
.footer {
    position:relative;
    top:20px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:962px;
	color:#CCCCCC;
	font-size:0.7em;
	text-align:right;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid white;
margin: 0 5px 5px 0;
border-bottom:none;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 60px;
left: 5px; /*position where enlarged image should offset horizontally */
z-index: 50;
}