.clear { clear: both; }

html { background-color: transparent; }
html, body, #header, #header h1, #wrap, #navigation, #content, #footer { margin: 0; padding: 0; }

body {
	background-color: #a0ccd4;
}

#wrap {
	background-color: #fff;
	width: 799px;
	margin: 10px auto 0 auto;
}

#header { 
	height: 119px;
}
#header h1 { 
	
}

#navigation, #content, #footer {
	border-left: 1px solid #8db4cb;
	border-right: 1px solid #8db4cb;
	width: 797px;
}

#navigation {
	background-image: url(../images/nav-bg.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 28px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 612px;
	display: block;
	float: left;
	padding-top: 5px;
	padding-left: 25px;
}
#navigation ul li { 
	display: block; 
	margin: 0; 
	float: left; 
	padding: 0 7px 2px 7px;
	position: relative;	
	font-size: 0.7em;
	border-right: 2px solid #176996; 
}
#navigation ul li.first {
	padding-left: 0;
}
#navigation ul li.last {
	border: 0; 
	padding-right: 0;
}

#navigation ul li a {
	display: block;
	width: 100%;
	height: 100%;
	font-family: verdana, arial, sans-serif;
	
}

#navigation ul li a:link {
	color: #fff;
	text-decoration: none;
}
#navigation ul li a:visited {
	color: #fff;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #a0ccd4;
	text-decoration: underline;
}
#navigation ul li a:active {
	color: #fff;
	text-decoration: none;
}


#navigation ul li ul { 
	display: none;
	width: 200px;
	position: absolute;
	top: 12px;
	left: 0;
	background-color: #e6fbff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: 0 5px 0 5px;
	overflow: hidden;
	border: 1px solid #a7d0d7;
}
#navigation ul li ul li {
	float: none;
	padding: 0;
	border: 0;
	font-size: 100%;
	list-style-type: none;
	display: block;
	
	padding: 3px 0 3px 0;
}
#navigation ul li ul li a {
	border: 0;
	font-weight: bold;
}
#navigation ul li ul li a:link {
	text-decoration: none;
	color: #860038;
}
#navigation ul li ul li a:visited {
	text-decoration: none;
	color: #860038;
}
#navigation ul li ul li a:hover {
	text-decoration: none;
	color: #556292;
}
#navigation ul li ul li a:active {
	text-decoration: none;
	color: #860038;
}
#navigation ul li:hover ul, #navigation ul li.hover ul { 
	display: block; 
}

#navigation form { margin: 0; padding: 0; display: block; width: 128px; float: right;  padding-right: 30px; padding-top: 3px; }
#navigation form p { margin: 0; padding: 0; border: 1px solid #88a3c0; width: 128px; }
#navigation input { margin: 0; padding: 0; border: 0; }
#navigation .submit { 
	position: absolute;
	border-top: 1px solid #bdc8d9; 
	border-bottom: 1px solid #bdc8d9;  
}
#txtKeywords { 
	height: 16px; 
	border-top: 1px solid #bdc8d9 !important; 
	border-bottom: 1px solid #bdc8d9 !important; 
	color: #860038;
	width: 111px;
	text-align: center; 
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
}



#content { 
	background-image: url(../images/content-bg.png);
	background-repeat: repeat-x;
	background-position: top left;
	padding-top: 21px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 777px;
}



#footer {
	text-align: center; 
	padding-bottom: 20px;
	clear: both;
}
#footer ul { margin: 0; padding: 0; list-style-type: none; }
#footer ul li { display: inline; margin: 0; padding: 0; margin-right: 10px; }
#footer a { font-family: verdana, helvetica, arial, sans-serif; font-size: 0.7em; }
#footer a:link { color: #3a4981; text-decoration: none; }
#footer a:visited { color: #3a4981; text-decoration: none; }
#footer a:hover { color: #3a4981; text-decoration: underline; }
#footer a:active { color: #3a4981; text-decoration: none; }


/* formatting */

#content {
	color: #556292;
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.231;
}

#crumbList {
	font-size: 0.8em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#content p, #content blockquote, #content pre, #content table, #content code {
	margin-bottom: 1em;
}

#content h1 { font-size: 1.4em; }
#content h2 { font-size: 1.3em; }
#content h3 { font-size: 1.2em; }
#content h4 { font-size: 1.1em; }
#content h5 { font-size: 1.0em; }
#content h6 { font-size: 0.9em; }

#content .pageTitle {
	font-size: 1.5em;
}

#content hr {
	color: #dbdee8;
	background-color: #dbdee8;
	height: 7px;
	border: 0;
}

#content blockquote {
	background-image: url(../images/quotebg.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 46px;
}

#content a:link {
	color: #860038;
	font-weight: bold;
	text-decoration: none;
}
#content a:visited {
	color: #860038;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	color: #a0ccd4;
	font-weight: bold;
	text-decoration: none;
}
#content a:active {
	color: #860038;
	font-weight: bold;
	text-decoration: none;
}

#content sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
	font-size: 0.8em;
}

#content sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
	font-size: 0.8em;
}

#content .svCalendar td ul, #content .svCalendar td ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.svCalendar th {
	background: #a0ccd4;
	vertical-align: middle;
}

.svCalendar th a, .svCalendar th a:hover {
	background: #a0ccd4;
}

.svCalendar th a:hover {
	color: #fff !important;
}

#svGallery dl {
	font-size: 0.7em;
}

	
	#contentBlock {
		float: left;
		width: 556px;
		padding-right: 10px;	
		font-size: 0.9em;	
	}
	
	#joinBlock {
		background-image: url(../images/join-bg.png);
		background-repeat: no-repeat;
		background-position: top left;
		width: 191px;
		height: 117px;
		float: right;
		overflow: hidden;
		padding: 10px 10px 10px 10px;
		font-size: 0.8em;
		margin-bottom: 10px;
	}
	#joinBlock h2 { margin-bottom: 0; }
	#joinBlock p { margin-top: 0; }
	
	.highlightBox {
		border: 1px solid #a7d0d7;
		background-color: #e6fbff;
		width: 239px;
		height: 192px;
		float: left;
		margin-right: 12px;
		padding: 4px 4px 4px 4px;
		overflow: hidden;
		font-size: 12px;
	}
	.highlightBox h2 {
		margin: 0;
		margin-bottom: 0.5em !important;
		padding: 0;
	}
	.highlightBox p.moreLink { text-align: right; padding-left: 10px; padding-right: 10px; }
	.highlightBox dl { margin: 0 !important; }
	.highlightBox dt.releaseDate { font-weight: bold; color: #556292;}
	.highlightBox dt { padding-left: 10px; padding-right: 10px; }
	.highlightBox dd { padding-left: 10px; padding-right: 10px; }
	.highlightBox div { margin: 0; padding: 0; }
	
	#highlightBlock { clear: both; }
	#eventsBlock { width: 245px; }
	#sponsorshipBlock {
		background-color: #fff;
		float: right;
		margin-right: 0;
		margin-bottom: 10px;
	}
	div.sponsor-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	#photoGalleryBlock { 
		clear: both;
		height: 127px;
		background-color: #dbdee8;
		font-size: 0.8em;
		padding: 10px 10px 10px 10px;
	}
	#photoGalleryBlock dl { display: block; float: left; clear: none; margin: 0; margin-right: 16px;  }
	#photoGalleryBlock dl.last { margin-right: 0; }
	#photoGalleryBlock dl.first { margin-right: 15px; }
	#photoGalleryBlock dl dt { display: none; }
	#photoGalleryBlock dl dd { display: inline; margin: 0; }
	#photoGalleryBlock p { margin: 0; padding: 0; text-align: right; width: 99%; }
	#sysNewestPhotos { display: inline; margin: 0; }
	
	#svPageTools ul, #svPageTools li { list-style-type: none; }
	#favoriteList ul, #favoriteList li { list-style-type: none; }
	
	#twocol-left {
		width: 74%;
		float: left;
	}
	#twocol-right {
		width: 24%;
		float: right;
		font-size: 0.8em;
	}
	
	#svPayPalCart {
		
	}
	#svPayPalCart table th { border: 0; }
	#svPayPalCart table .grandTotal { text-align: right;}
