/***********************************
	Color Palette
************************************

0c575e	dark blue
23cfe1	bright blue

951d4e	medium pink
db729d	medium light pink

*/

/***********************************
	Reset
***********************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat: no-repeat;
}
ol, ul { list-style: none; }

/***********************************
	Universals
***********************************/

.clearall { clear: both; }
.floatright { float: right; margin: 0 0 16px 16px; }
.floatleft { float: left; margin: 0 16px 16px 0; }

/***********************************
	Essentials
***********************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c575e;
	background-color: #51d9e7;
}
a {
	color: #0c575e;
	cursor: pointer;
}

/***********************************
	Main Wrapper
***********************************/

#outerWrapper{
	padding-bottom: 42px;
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #5a0728;
}
#innerWrapper {
	margin: 0 auto;
	padding: 0;
	width: 880px;
}

/***********************************
	Header
***********************************/

#header {
	height: 150px;
}

/***********************************
	Footer
***********************************/

#footerWrapper {
	padding: 24px 0;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	border-top: #fff 1px solid;
}
#footer {
	margin: 0 auto;
	width: 880px;
	font-size: 11px;
}
#footer ul a {
	padding: 0 5px;
	text-decoration: none;
	display: block;
}
#footer ul a:hover { text-decoration: underline; }
#footer ul li {
	float: left;
	margin-left: 8px;
}
#footer #copyright {
	float: right;
}
#footer #copyright a { text-decoration: underline; }

/***********************************
	Nav
***********************************/

#nav {
	float: right;
	position: relative;
	top: 70px;
}
#nav ul a {
	padding: 6px 13px;
	color: #fff;
	text-decoration: none;
	display: block;
}
#nav ul a:hover { background-color: #bb4d7a; }
#nav ul li.sel a {
	background-color: #bb4d7a;
	background-image: url(../images/nav_sel.png);
	background-repeat: repeat-x;
	background-position: center;
	border-bottom: #841643 1px solid;
}
#nav ul li {
	float: left;
	margin-left: 5px;
}

/***********************************
	Home
***********************************/

#banner {
	height: 244px;
	color: #951d4e;
	background-image: url(../images/home_banner_bg.png);
	background-repeat: no-repeat;
}
#banner #photo {
	width: 592px;
	height: 274px;
	position: relative;
	top: -30px;
	left: 60px;
	float: right;
	z-index: 99;
}
#banner2 {
	margin-top: 24px;
	height: 304px;
	color: #951d4e;
	background-image: url(../images/home_banner2_bg.png);
	background-repeat: no-repeat;
}
#banner2 #photo {
	height: 314px;
	position: relative;
	top: -10px;
	z-index: 99;
	background-image: url(../images/home_secondary_photo.png);
	background-repeat: no-repeat;
}
#banner2 #photo a {
	margin: 32px 55px 0 0;
	width: 265px;
	height: 260px;
	display: block;
	float: right;
}

/***********************************
	Photo Gallery
***********************************/

#photoGallery {
	height: 574px;
	background-image: url(../images/gallery_bg.gif);
	background-repeat: no-repeat;
}
#photoGallery #photoContainer {
	width: 586px;
	height: 340px;
	position: relative;
	top: 16px;
	left: 232px;
	background-color: #fff;
}
#photoGallery #thumbContainer {
	margin: 0 42px;
	height: 175px;
	position: relative;
	top: 40px;
}
#photoGallery #thumbContainer .thumb {
	width: 83px;
	height: 75px;
	margin: 0 16px 16px 0;
	background-color: #9febf3;
	float: left;
	cursor: pointer;
}

/***********************************
	Generic Content
***********************************/

#content {
	padding: 16px;
	background-color: #fff;
}
p {
	margin-bottom: 1em;
}
h1 {
	font-size: 18px;
	margin-bottom: .75em;
}
h2 {
	font-size: 15px;
	margin-bottom: .75em;	
}

/***********************************
	Schedule
***********************************/

div.event {
	background-color: #d9f7fa;
	padding: 8px 12px;
	margin-bottom: 4px;
	border-bottom: #87e9f3 1px solid;
}
div.event div {
	font-weight: bold;
}
div.event div.date {
	float: left;
	width: 170px;
	font-weight: normal;
}
#content div.event div.clearall {
	clear: both;
}

/***********************************
	Video
***********************************/

#videoPage a {
	margin-right: 16px;
	width: 198px;
	height: 140px;
	display: block;
	float: left;
}
#videoPage a.last {
	margin-right: 0;
}