@import "common/reset.css";


/* Structural
-------------------------------------------------------------------------------- */

.wrapper {
margin: 0 auto;
width: 970px;
}

#accessibility {
position: absolute;
top: -10000px;
}

html {
background: #00526b url(../img/body-bg.jpg);
}

body {
background: transparent url(../img/bg-pseudo.jpg) center repeat-y;
font-family: 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: normal;
color: #222;
}

/* Header
-------------------------------------------------------------------------------- */

#header {
background: #fff url(../img/header-bg.gif) repeat-x bottom;
}
	#header .bg {
	background: transparent url(../img/header-mountain.jpg) bottom center no-repeat;
	}
	
	#header .wrapper {
	overflow: hidden;
	zoom: 1;
	}

	#header h1 {
	float: left;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	padding: 30px 0 0;
	margin: 0 0 30px;
	text-indent: -999em;
	width: 187px;
	}
		#header h1 a {
		background: transparent url(../img/logo.gif) no-repeat 0;
		display: block;
		}
			#header h1 a:hover {
			background-position: -187px 0;
			}
	#header .intro {
	border-left: 1px #ddf1f6 solid;
	color: #4a5c68;
	float: right;
	padding: 30px 0 0 15px;
	margin: 0 0 30px;
	width: 460px;
	}
		#header .intro h2 {
		background: transparent url(../img/header-intro.gif) no-repeat;
		height: 24px;
		line-height: 24px;
		overflow: hidden;
		padding: 0;
		margin: 0 0 10px;
		text-indent: -999em;
		width: 229px;		
		}


/* Nav
-------------------------------------------------------------------------------- */
ul#nav {
overflow: hidden;
padding: 10px 0;
zoom: 1;
}
	ul#nav li {
	display: block;
	float: left;
	font-size: 14px;
	margin-right: 20px;
	}
		ul#nav li a {
		border: 0;
		color: #abdbe5;
		display: block;
		padding: 5px 0;
		text-decoration: none;
		text-shadow: #012c3d 0 0 0;
		text-transform: lowercase;
		}
			ul#nav li a:hover {
			border: 0;
			color: #fff;
			}
	


/* Content
-------------------------------------------------------------------------------- */
#content {
background: transparent url(../img/bg-gradient.jpg) repeat-x top;
color: #fff;
overflow: hidden;
zoom: 1;
}
	#content .main {
	background: transparent url(../img/bg-main.jpg) repeat-x top;
	float: left;
	min-height: 350px;
	padding: 20px 15px;
	width: 465px;
	}
		#content .main h2 {
		color: #89d9ea;
		font-size: 10px;
		letter-spacing: 0.2em;
		margin: 0;
		text-align: center;
		text-transform: uppercase;
		text-shadow: #00485e 0 0 0;
		}
		#content .main h3 {
		color: #fff;
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0.6em 0 1.2em;
		text-align: center;
		text-transform: uppercase;
		text-shadow: #00485e 0 0 0;
		}
			#content .main h3 a {
			border: 0;
			}
		#content .main p {
		margin: 0.5em 0 1.1em;
		}
		#content .main ul li {
		background: transparent url(../img/list-bullet.gif) no-repeat 0 7px;
		padding-left: 10px;
		margin-bottom: 0.25em;
		}
		#content .main hr {
		background: transparent;
		border-style: solid;
		border: 0;
		border-bottom: 1px #127489 dotted;
		clear: both;
		display: block;
		height: 0;
		margin: 5px auto 20px;
		overflow: hidden;
		width: 300px;
		}
	#content .sidebar {
	float: left;
	min-height: 350px;
	padding: 0 15px 20px;
	width: 445px;
	_width: 443px;
	}	
		#content .sidebar hr {
		background: transparent;
		border-style: solid;
		border: 0;
		border-bottom: 1px #127489 dotted;
		display: block;
		height: 0;
		margin: 5px auto 20px;
		overflow: hidden;
		width: 290px;
		}
		#content .sidebar .block {
		margin: 0 0 20px;
		overflow: hidden;
		zoom: 1;
		}
			#content .sidebar .block h2 {
			color: #89d9ea;
			font-size: 14px;
			margin: 0.6em 0 1.2em;
			letter-spacing: 0.1em;
			text-align: center;
			text-transform: uppercase;
			text-shadow: #00485e 0 0 0;
			}			
			#content .sidebar .block h3 {
			color: #89d9ea;
			font-size: 10px;
			letter-spacing: 0.2em;
			margin: 0 0 1em;
			text-align: center;
			text-transform: uppercase;
			text-shadow: #00485e 0 0 0;
			}
			#content .sidebar .block h4 {
			font-weight: bold;
			font-size: 1em;
			margin: 0.5em 0 0;
			}
			
			#content .sidebar .block p {
			margin: 0.5em 0 1.1em;
			}
			#content .sidebar .block .col-one, #content .sidebar .block .col {
			float: left;
			margin-right: 12px;
			width: 215px;
			}
				#content .sidebar .block .col {
				margin: 0;
				}
	
	#content a {
	border-bottom: 1px #127489 solid;
	color: #ffc;
	text-decoration: none;
	}
		#content a:hover {
		border-bottom: 1px #e6fbff solid;
		color: #e6fbff;
		}
	
	#content .sidebar ul.people {
	overflow: hidden;
	zoom: 1;
	}
		#content .sidebar ul.people li { 
		float: left;
		margin-right: 12px;
		text-align: center;
		width: 96px;
		}
			#content .sidebar ul.people li a {
			border: 0;
			}
				#content .sidebar ul.people li a img {
				border: 3px #127489 solid;
				}
					#content .sidebar ul.people li a:hover img {
					border: 3px #e6fbff solid;
					}

/* Content-y bits
-------------------------------------------------------------------------------- */
#content .main .item {
margin: 8px 0 20px;
}
	#content .main .item img, #content .main object, #content .main embed {
	border: 3px #127489 solid;
	margin: 0.1em auto 0.8em;
	display: block;
	}


/* People
-------------------------------------------------------------------------------- */
#content .main .person {
margin: 8px 0 20px;	
}
	#content .main .person img {
	border: 3px #127489 solid;
	float: left;
	height: 119px;
	margin: 0.1em 0 0.8em;
	width: 119px;
	}
	#content .main .person p {
	margin-left: 140px;
	}


em {
font-style: italic;	
}
}