/* General
------------------------------------------------*/

html {
	overflow: scroll;
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	font-size: 100%;
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	background-image: url('images/bodyBackground.jpg');
}
a {
	color: #45B7F9;
}
a:visited {
	color: #45B7F9;
}
a:hover {
	color: #45B7F9;
}
a:active {
	color: #45B7F9;
}
div#wrapper {
	background-image: url('images/wrapperBackground.jpg');
	background-repeat: repeat-y;
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height: 100%;
	overflow: hidden;
	position: relative;
	clear: both;
}

/* Navigation
------------------------------------------------*/
div#navBar {
	width: 960px;
	margin: 0 auto;
	background-image: url('images/navBar.jpg');
	overflow: hidden;
}
div#nav {
	border: 0px solid #ccc;
	margin: 0px auto;
	overflow: hidden;
	z-index: 1;
	width: 800px;
}
div.transparent {
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.12;	
	z-index: -1;
}
div#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	position: relative;
}
div#nav ul li {
	position: relative;
	float: left;
	list-style: none;
	display: inline;
	margin-right: 3px;
	z-index: 1;
}
div#nav ul li a {
	display: block;
	height: 47px;
	padding: 0px 12px 0px 12px;
	line-height: 47px;
	text-align: center;
	font-size: 0.9em;
	text-decoration: none;
	color: #fff;
	z-index: 5;
}
div#nav ul li a:hover {
	background-color: #3D7291;
}

/* Top
------------------------------------------------*/
div#masthead {
	background-image: url('images/masthead.jpg');
	background-repeat: no-repeat;
	overflow: hidden;
	width: 960px;
	height: 293px;
	position: relative;
	clear: both;
}
div#logo {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	width: 254px;
	height: 144px;
	position: absolute;
	top: 50px;
	left: 106px;
	z-index: 99;
}
div#masthead div#title {
	background-image: url('images/title.png');
	background-repeat: no-repeat;
	width: 498px;
	height: 75px;
	position: absolute;
	top: 43px;
	right: 102px;
}
div#masthead div#box {
	background-image: url('images/box.png');
	background-repeat: no-repeat;
	background-position: 100% 100%; 
	position: absolute;
	height: 139px;
	width: 590px;
	right: 149px;
	bottom: 19px;
}
div#masthead div#box div#text {
	float: right;
	width: 390px;
	margin-top: 8px;
	margin-right: 25px;
}
div#masthead div#box div#text p {
	text-align: right;
	clear: both;
	margin: 15px;
	width: 390px;
	font-weight: 600;
	color: #45B7F9;
}
div#masthead div#box div#poe {
	float: right;
	width: 115px;
	height: 110px;
	margin: 14px 11px 15px 0px;
	font-size: 0px;
	overflow: hidden;
}
div#masthead div#box div#poe a {
	display: block;
	border: 0;
	background-image: url('images/poe.png');
	background-repeat: no-repeat;
	float: right;
	width: 115px;
	height: 110px;
	font-size: 0px;
}
div#masthead div#box div#poe a:hover {
	display: block;
	border: 0;
	background-image: url('images/poeHover.png');
	background-repeat: no-repeat;
	float: right;
	width: 115px;
	height: 110px;
	font-size: 0px;
}


/* Content Area
------------------------------------------------*/
div#contentBox {
	margin: 0 auto;
	padding: 0px;
	clear: both;
	width: 960px;
	height: 100%;
	overflow: hidden;
}
div#contentBox div#top {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 960px;
	overflow: hidden;
	
}
div#contentBox div#top div#topLeft {
	background-image: url('images/topLeft.png');
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
}
div#contentBox div#top div#topMiddle {
	background-image: url('images/top.png');
	background-repeat: repeat-x;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 916px;
}
div#contentBox div#top div#topRight {
	background-image: url('images/topRight.png');
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
}
div#contentBox div#middle {
	margin: 0px;
	padding: 0px;
	width: 960px;
	height: 100%;
	clear: both;
	position: relative;
	overflow: hidden;
}
div#contentBox div#middle div#left {
	background-image: url('images/left.png');
	background-repeat: repeat-y;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 22px;
	min-height: 250px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 0px;
}
div#contentBox div#middle div#content {
	background-color: #fff;
	float: left;
	width: 916px;
	min-height: 250px;
	height: 100%;
	padding: 0px;
	margin: 0px 22px 0px 22px;
	overflow: hidden;
}
div#contentBox div#middle div#content p {
	color: #000;
}
div#contentBox div#middle div#content object {
	width: 442px;
	height: 268px;
	margin: 5px;
	border: 2px solid #45B7F9;
	float: left;
}
div#contentBox div#middle div#content embed {
	width: 100%;
	height: 100%;
}
div#contentBox div#middle div#content img.left {
	float: left;
}
div#contentBox div#middle div#content img.right {
	float: right;
}
div#contentBox div#middle div#content div#tweet {
	float: right;
}
div#contentBox div#middle div#right {
	background-image: url('images/right.png');
	background-repeat: repeat-y;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 22px;
	min-height: 250px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 0px;
}
div#contentBox div#bottom {
	width: 960px;
	min-width: 705px;
	max-width: 960px;
	height: 22px;
	clear: both;
	overflow: hidden;
}
div#contentBox div#bottom div#botLeft {
	background-image: url('images/botLeft.png');
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
}
div#contentBox div#bottom div#botMiddle {
	background-image: url('images/bottom.png');
	background-repeat: repeat-x;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 916px;
	min-width: 661px;
	max-width: 916x;
}
div#contentBox div#bottom div#botRight {
	background-image: url('images/botRight.png');
	background-repeat: no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
}
/*  Contact Page
------------------------------------------------*/
div#contentBox div#middle div#content div#contact {
	border: 0px solid #900;
	float: left;
	overflow: hidden;
	width: auto;
	margin-left: 0px auto;
	margin-right: 0px auto;
}
div#contentBox div#middle div#content div#contact div#info {
	border: 1px dashed #ccc;
	background-color: #F0F0F0;
	float: left;
	width: 200px;
	text-align: left;
	margin: 5px 10px 5px 0px;
}
div#contentBox div#middle div#content div#contact div#info p {
	color: #3d7291;
	padding: 0px;
	margin: 10px;
}
div#contentBox div#middle div#content div#contact div#error {
	border: 0px solid #ccc;
	float: left;
	width: 250px;
	text-align: left;
	margin: 15px;
}
div#contentBox div#middle div#content div#contact div#error p {
	color: #900;
	margin: 3px;
	padding: 0px;
}
div#contentBox div#middle div#content div#contact p {
}
div#contentBox div#middle div#content div#contact fieldset {
	border: 0px solid #000;
	float: left;
	padding-left: 20px;
	overflow: hidden;
}
div#contentBox div#middle div#content div#contact legend {
	border: 0px solid #ccc;
	font-size: 1.2em;
	font-weight: 600;
	padding: 5px;
}
div#contentBox div#middle div#content div#contact label {
	clear: both;
	float: left;
	width: 120px;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 0.8em;
}
div#contentBox div#middle div#content div#contact label:hover {
	text-decoration: underline;
	color: #3d7291;
}
div#contentBox div#middle div#content div#contact input {
	float: left;
	width: 200px;
	margin-top: 10px;
	border: 1px solid #5d5d5d;
	background-color: #F0F0F0;
}
div#contentBox div#middle div#content div#contact input:hover {
	border: 1px solid #3d7291;
	background-color: #fff;
}
div#contentBox div#middle div#content div#contact input.button {
	clear: both;
	margin-top: 10px;
	width: 100px;
	float: right;
	margin-left: 0px auto;
	margin-right: 0px auto;
	border: 1px solid #5d5d5d;
	background-color: #F0F0F0;
}
div#contentBox div#middle div#content div#contact select {
	float: left;
	margin-top: 10px;
	width: 200px;
	border: 1px solid #5d5d5d;
	background-color: #F0F0F0;
}
div#contentBox div#middle div#content div#contact select option {
}
div#contentBox div#middle div#content div#contact textarea {
	float: left;
	width: 200px;
	margin-top: 10px;
	height: 130px;
	border: 1px solid #5d5d5d;
	background-color: #F0F0F0;
}
div#contentBox div#middle div#content div#contact textarea#comments {
	display: none;
}

/*  Bottom
------------------------------------------------*/
div#footer {
	margin-top: 30px;
	min-height: 40px;
	max-height: 500px;
}
div#footer p {
	text-align: center;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #45B7F9;
}