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

* {
	margin: 0;
	padding: 0;
}

body {
	background-color:#F2F2F2;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.2em;
	font-family:  "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

a {
	text-decoration: none;
	outline: none;
}

a img {
	border: none;
}

.dead {
	cursor: default;
}

ul {
	list-style: none;
}

h1 {
	padding: 3px;
	color: #CCC;
	background:#333;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

h1 img {
	margin-left: 5px;
}

h2 { 
	font-size: 18px;
	font-weight: bold;
	color:#F2F2F2;
	background: #000;
	padding: 5px;
	width: 235px;
	float: left;
	background: url(/images/h2-bg.jpg) repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

h2 img {
	margin-left: 3px;
}

.subnav {
	width: 235px;
	padding: 5px;
	background: url(/images/subnavgrad.jpg) repeat-x top;
	margin-top: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.subnav li {
	padding: 3px;
	border-bottom: 1px solid #666;
}

.subnav li:last-child {
	border: none;
}

h3 { 
	font-size: 18px;
	font-weight: bold;
	color:#F2F2F2;
	background: #000;
	padding: 5px;
	width: 238px;
	float: left;
	background: url(/images/h2-bg.jpg) repeat-x;
}

h3 img {
	margin-left: 3px;
}

#header {
	background: url(../images/headergrad.jpg) top repeat-x;
	height: 115px;
}

#headercontent {
	width: 900px;
	margin: 0 auto;
	padding-top: 5px;
}

#headercontent img {
	float: left;
}

.clear {clear: both;}

#topnav {
	color: #F2F2F2;
	background: url(/images/topnavgrad.png) top repeat-x;
	float: left;
	margin-left: 28px;
	margin-top: 40px;
	font-size: 14px;
	border: 2px solid #6E9A3B;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	z-index: 1000;
}

#topnav li {
	height: 18px;
	padding: 5px 10px;
	position: relative;
	float: left;
}

#topnav li a {
	color: #F2F2F2;
}

#topnav li a:hover {
	color: #4d4d4d;
}

#topnav ul {
	padding:0px; margin:0px; display:block; display:inline; }
	
#topnav li ul { position:absolute; left:0px; top:0px; margin-top:28px; background-color:#6E9A3B; color:#f2f2f2; /* for IE */ display:none; 
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;

}

#topnav li:hover ul { display:block;}
        #topnav li ul li{ display:block; margin:0 5px; list-style-type:none; }
        #topnav li ul li a { display:block; color:#f2f2f2; }
        #topnav li ul li a:hover { color:#4d4d4d; }

#content {
	width: 900px;
	margin: 0 auto;
	height: auto;
}

#page {
	padding-top: 10px;
	width: 820px;
	margin: auto;
	min-height: 600px;
}

#footer {
	background: url(/images/footergrad.jpg) top repeat-x;
	width: 900px;
	margin: 0 auto 20px;
	color: #4d4d4d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#copyright {
	float:left;
		padding: 5px;
		font-size: 11px;
		width: 300px;

}


h5 {
	text-align: center;
	border-bottom: 1px solid #4D4D4D;
	width: 215px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 11px;   
}
ul {
	list-style: none;
}



#bottomnav {
	color: #4d4d4d;
	float: left;
	font-size: 11px;
	margin: 5px;
}

#bottomnav li {
	float: left;
	padding: 2px 2px;
	position: relative;
	display:block;
}

#bottomnav li a {
	color: #4d4d4d;
	padding: 3px;
}

#bottomnav li li{
	float: none;
	border: none;
}




#wrapper {
	margin: 0 auto;
	padding-top: 0px;
	}
	

/* sliding menu */
 .nav {
	width: 610px;
	height: 40px;
	margin: auto;
	}
.nav ul{
	list-style: none;
}

.nav ul li{
	float:left;
	margin:0;
}

.nav ul li a{
	display: block;
	text-decoration:none;
}

.nav ul li a:hover{
	display: block;
	text-decoration:underline;
}

.live {
	background: url(/images/live2.jpg);
	padding-left:3px;
	width:148px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	border:1px solid #FFF;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.live:hover {
	background: url(/images/live.jpg);
}

.faces {
	background: url(/images/faces2.jpg);
	width:149px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
		border:1px solid #FFF;

}

.faces:hover {
	background: url(/images/faces.jpg);
}

.places {
	background: url(/images/places2.jpg);
	width:148px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	border:1px solid #FFF;

}

.places:hover {
	background: url(/images/places.jpg);
}

.nature {
	background: url(/images/nature2.jpg);
	width:148px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	border:1px solid #FFF;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;

}

.nature:hover {
	background: url(/images/nature.jpg);
}

.spacer {
	clear:both;
	padding:3px;
}



.logo	 {
	background: url(/images/logo2.jpg);
	padding-left:3px;
	width:148px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	border:1px solid #FFF;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

.logo:hover {
	background: url(/images/logo.jpg);
}

.illustration {
	background: url(/images/3D2.jpg);
	width:148px;
	height: 40px;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
}

.illustration:hover {
	background: url(/images/3D.jpg);
}

.print {
	background: url(/images/print2.jpg);
	width:148px;
	height: 40px;
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
}

.print:hover {
	background: url(/images/print.jpg);
}

.web {
	background: url(/images/web2.jpg);
	width:148px;
	height: 40px;
	color: #FFF;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	border:1px solid #FFF;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}

.web:hover {
	background: url(/images/web.jpg);
}



.navtitle {
	background: #FFF;
	border-left: 3px solid #FFF;
	border-right: 3px solid #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 5px solid #FFF;
	width:604px;
	margin: auto;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-indent: 3px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#pagecontent {
	width: 800px;
	margin: auto;

	}
	
#clear {
	clear:both;
}
	
#contenttext {
	width: 500px;
	float:left;
	overflow: hidden;
	text-align: justify;
	}
	
#contentgallery h2 {
	color:#FFF;
	letter-spacing: .2em;
	border-bottom: 2px solid #003B77;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
	text-align: left;
	}
	
#contentgallery {
	color: #FFF;
	text-align: center;
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
}

#contenttext h2 {
	color:#FFF;
	letter-spacing: .2em;
	border-bottom: 2px solid #003B77;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 20px;
	font-size: 18px;
	}
	
#contenttext h3 {
	color:#979C9C;
	font-weight:bold;
	letter-spacing: .1em;
	padding-left: 10px;
	padding-top: 10px;
	margin-left: 20px;
	font-size: 14px;
	}
	
#contenttext p {
	color:#55585E;
	letter-spacing: 0.1em;
	padding-top: 10px;
	font-size: 14px;
	padding-left: 25px;
	}
	
#contenttext ul{
	padding-left: 60px;
	letter-spacing: .1em;
	color: #FFF;
}

#contenttext ul li{
	list-style-type: square;
}
	
#contenttext ul li a{
	text-decoration: none;
	border-bottom: 1px dotted #00A5E2;
	color: #F9F500;
	font-weight: bold;
}
	
#contenttext ul li a:hover {
	background-color: #00A5E2;
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
}

#contenttext a {
	text-decoration: none;
	border-bottom: 1px dotted #00A5E2;
	color: #F9F500;
	font-weight: bold;
}

#contenttext a:hover {
	background-color: #00A5E2;
	color: #FFF;
	text-decoration: none;
	border-bottom: none;
}

#contentpic {
	float: right;
	padding-right: 30px;
	padding-top: 10px;
	}

#contentpic p {
	color: #FFF;
}

#contentpic h2 {
	color:#FFF;
	letter-spacing: .2em;
	border-bottom: 2px solid #003B77;
	margin-left: 20px;
	font-size: 18px;
}

#contentpic ul {
	color: #FFF;
	list-style-type: none;
	line-height: 2em;
	padding-left: 22px;
	padding-top: 10px;
}


#contentpic img{
	border: 2px solid #00A5E2;
}

#gallery {
	text-align: center;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin: 0 auto;
	font-size: 12px;
	}

#gallery ul{
	width:100%;
	margin:0 auto;
  	float:left;
	padding-top: 30px;
	padding-left: 15px;
	}
	
#gallery ul li{
	display:inline;
		}
	
#gallery ul li a{
  	float:left;
  	color:#777;
	text-decoration: none;
	font-weight: bold;
	padding: 10px;	
	}

#gallery ul li a img{
	border: 1px solid #777;
}

#gallery ul li a:hover img{
	border: 2px solid #930;
}

#social {
	color:#343642;
	letter-spacing: .1em;
	padding-left: 30px;
	margin-left: 20px;
	font-size: 10px;
	border-top: 1px solid #003B77;
	margin-top: 30px;
	padding-top: 10px;
	margin-right: 300px;
}

#social a img{
	padding-right: 25px;
	border: none;
}


#contenttext form fieldset {
	border: none;
	margin-left: -20px;
}

.formfield {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000033;
}

#gallerycontainer {
	padding-top: 10px;
	border: none;
}

#gallerycontainer li{
	float: left;
}

#gallerycontainer ul {
	list-style:none;
	padding:5px 5px;
	font-size: 12px;
	letter-spacing: .1em;
}

#gallerycontainer ul li a {
	border: none;
	color: #FFF;
	display: block;
	width:150px;
	height: 172px;
}

#gallerycontainer ul li a:hover {
	background: none;
	color: #00A5E2;
}

#gallerycontainer a img {
	border: none;}


#quicklinks {
	float:left;
	padding-top: 6px;
	padding-right: 25px;
}

#quicklinks ul{
	list-style: none;
}

#twitterdiv {
	color:#222;
	width: 250px;
	font-size: 10px;
}

#twitterdiv ul li a{
	color:#F00;
}


#quicklinks ul li a img{
	border: none;
}

#twitterlink {
	background: #3CF;
	padding: 6px 0px 0px 5px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	min-height: 24px;
}


#twitterlink a img {
	border: none;
}


#twitter_update_list {
	padding: 3px;
	list-style-type: none;
	background: #CFF;
	border-bottom: 2px solid #3CF;
	border-left: 2px solid #3CF;
	border-right: 2px solid #3CF;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background-image: url(/images/tweet-quotes.png);
	background-position: bottom right;
	background-repeat:no-repeat;
	min-height: 50px;
}

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 2px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border:none;}

#flickr_www { 
	font: 20px Arial, Helvetica, sans-serif;
	color:#3993ff;
}

#flickr_badge_uber_wrapper {
	padding: 5px 5px 0px 5px;
}

#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {
	background-color: #99C;
	border-bottom: 2px solid #639;
	border-left: 2px solid #639;
	border-right: 2px solid #639;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

#flickr_badge_wrapper a img{
	border:none;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 2px;
	-moz-border-radius: 10px;
	-webkit-borderradius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#flickr {
	width: 250px;
	background: #639;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	margin-top: 5px;
}

#blog {
	width:250px;
	background: #F60;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:40px;
	margin-top: 5px;
	
}

#blog p{
	padding-top: 5px;
	padding-left: 10px;
}

#blog a {
	font: "Arial Black", Gadget, sans-serif;
	color:#FFF;
	font-size: 20px;
	text-decoration:none;

}

#blog img{
	border: none;
	margin-top: 3px;
}






#facebook{
	width:250px;
	background: #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height:40px;
	margin-top: 5px;
	
}



#facebook a {
	font: "Arial Black", Gadget, sans-serif;
	color:#FFF;
	font-size: 20px;
	text-decoration:none;

}

#facebook img{
	border: none;
	margin:10px;
}


#member {
	float: right;
	width: 500px;
	margin: 5px auto;
}


#member fieldset {
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 480px;
}

#member legend {
	color: #777;
	padding: 2px 10px;
	margin: auto;
	font-size: 11px;
}

#member ul {
	margin: auto;
}

#member li {
	display: inline-block;
	float: left;
	padding: 10px;
}

#member a img {
	opacity: .5;
	filter:alpha(opacity=50);
}

#member a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
}

#copyright p {
	padding: 5px;
	text-align: center;
	margin: auto;
}

#footer a {
	color: #4d4d4d;
}

#footer a:hover {
	color: #0AAFCE;
}

#stylized{
border:none;
}

#stylized fieldset { border: none; width: 436px;}

#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:80px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #333;
width:300px;
margin:-3px 0 20px 10px;
background: url(/images/formbg.jpg);
}

#stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #333;
width:250px;
margin:2px 0 20px 10px;
background: url(/images/formbg.jpg);
}

#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
width:300px;
margin:2px 0 20px 10px;
background: url(/images/formbg.jpg);
border: 1px solid #333;
}


#stylized button{
	font-size: 10px;
	width: 70px;
	padding-top:3px;
	padding-bottom: 3px;
	background: url(/images/h2-bg.jpg) repeat-x;
	border: 1px solid #000;
	text-decoration: none;
	text-align: center;
	font-weight:bold;
	color:#FFF;
	text-decoration: none;
	display: block;
	letter-spacing: .2em;
	float: right;
	margin-right: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#stylized button:hover{
	text-decoration: underline;
	cursor: pointer;
}

#contactleft {
	float: left;
	width: 500px;
	margin: 10px;
	min-height: 590px;
}

#contactleft p {
	padding-bottom: 20px;
	margin-top: 10px;
	width: 400px;
}

#contactleft h2 { 
	width: 400px;
	float: none;

}

#contactright {
	margin-top: 10px;
	width: 300px;
	float: left;
}

#contactright h2 {
	width: 300px;
	float: none;
}

#contacttwitterlink {
	background: #3CF;
	padding: 6px;
	margin: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 24px;
	width: 250px;
}

#contactflickr {
	width: 250px;
	background: #639;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 6px;
	margin: 5px;
}

#contactfacebook{
	width:250px;
	background: #336699;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 5px;
	padding: 6px;	
}

#staff fieldset {
	padding: 5px;
	border: #999;
}

#staff legend {
	padding: 5px;
	color: #999;
}