/*
	/lib/css/site.css
	Where the magic happens. Layout your site-specific styles here.
*/

/*
	Reset and set Global styles.
	See files for documentation.
*/

@import url(/lib/css/reset.css);
@import url(/lib/css/global.css);
	
body {
	background:		#2b3039 url(/lib/images/site/bg_main-site.gif) repeat top left;
	width: 100%;
}
a {
	color:				#0f4360;
}
a:hover {text-decoration: none;}	
#Page {
	width:				760px;
	margin:				0 auto;
}

#PageContainer {
	background:			white;
	width:				760px;
	margin:				0 auto;
}

/*
	Page Header
*/

#PageHeader {
	height:				111px;
	margin:				0;
	padding:			0;
}
#HeaderImage {}
#HeaderImage img {
	display:			block;
	float:				left;
}
	#HeaderImage #animation {
		display:		block;
		float:			left;
		height:			111px;
		position:		relative;
		width:			273px;
		margin:			0;
	}
	#HeaderImage #animation img {
		position:		absolute;
		top:			0;
		right:			0;
	}
#PrimaryNav {
	clear:				left;
	display:			block;
	background: 		#dfc694 url(/lib/images/site/bg_topnav.jpg) no-repeat top left;
	height:				30px; 
}
#PrimaryNav table {
	float:				right;
	margin:				0;
}
#PrimaryNav table td {
	text-align:			center;
	vertical-align: 	middle;
/*	border-right:		2px white solid; */
}
#PrimaryNav table td#First {
}
#PrimaryNav table td#Last {
/*	border-right: none; */
}
	#PrimaryNav table td#Last a {
		padding-right:	12px;
	}

#PrimaryNav table td a, 
#PrimaryNav table td a:link,
#PrimaryNav table td a:active,
#PrimaryNav table td a:visited {
	display:			block;
	padding:			0 8px;
	height:				30px;
	line-height: 		2.7em;
	font-weight:		bold;
	font-size:			0.9em;
	letter-spacing:		0.08em;
	color:				black;
	text-decoration:	none;
}
#PrimaryNav table td.Selected a,
#PrimaryNav table td a:hover {
	background:			url(/lib/images/site/bg_topnav-highlight.jpg) repeat-x;
}


/*
	Page Laout
*/
	
#PageLayout {
	margin-top:			30px !important;
	margin-top:			0px;
}	
.ff3 #PageLayout {
	margin-top: 		0px !important;
}
#PageLayout #PageSidebarCell {
	width:				137px;
	background-color:	#d8b97a;
}
	#Home #PageLayout #PageSidebarCell {
		width:			272px;
	}
#PageLayout td {
	vertical-align:		top;
}



/*
	Page Sidebar
*/

#PageSidebar {
	width:				135px;
}
	#Home #PageSidebar {
		width:			270px;
	}
#SecondaryNav {
	margin:			10px 0;
	padding-left:		5px;
}
#Home #SecondaryNav  {
	margin-top: 12px;
	margin-bottom:	0;
	line-height:	1em;
}
#Home #SecondaryNav img.First {
	margin-left: 30px;
}
#SecondaryNav ul {
	display:			none;
	list-style-type:	none;
	margin:				0;
	padding:			0 5px;
}
	#SecondaryNav ul.Selected {
		display:		block;
	}
#SecondaryNav ul li {
	color:				#a61f38;
	margin-bottom:		10px;
	padding-left:		14px;
	text-indent:		-14px;
}	
#SecondaryNav ul li a,
#SecondaryNav ul li a:active,
#SecondaryNav ul li a:link,
#SecondaryNav ul li a:visited {
	color:				black;
	font-size:			9px;
	font-weight:		bold;
	letter-spacing: 	0.06em;
	padding-left:		0;
}
#SecondaryNav ul li.Selected a,
#SecondaryNav ul li a:hover {
	color:				#a61f38;
	background: 		url('/lib/images/site/bg-primary-nav.gif') repeat-x;
}


/*
	Page Body
*/
#PageBody {
	width:				625px;
	background:			url(/lib/images/site/bg_leftnav-right.gif) repeat-y top left;
}
	#Home #PageBody {
		width: 491px;
	}
#BreadCrumbs {
	background:			url(/lib/images/site/bg_breadcrumb.gif) repeat-x top left;
	height:				26px;
	line-height:		2em;
	font-size:			.95em;
}
	#BreadCrumbs div.LeftBorder {
		float:			left;
		height:			26px;
		width:			10px;
		background:		transparent url('../images/site/bg_breadcrumb-left.gif') no-repeat top left;
	}

#BodyCopy {
	font-size:			.95em;
	padding-top:		45px;
}
	#BodyCopy div.content {
		margin-right:	20px;
		padding-bottom: 20px;
	}
	.FullWidth {
		margin-left:	30px;
	}
	.WithSidebarWidth {
		margin-left:	200px;
	}
	#BodyCopy h1 {
		color:			#a52238;
		line-height:	.9em;
	}
	#BodyCopy h4 {
		color:			#a52238;
		margin-top:		15px;
		margin-bottom:	0;
	}
		#BodyCopy h4 a {
			color:		#a52238;
		}
	
#PageImage {
	float:				right;
	margin-left:		15px;
}
#PageHead {
	font-size:			1.1em;
	margin-right: 		20px;
	margin-bottom:		0;
}
	#PageHead h1 {
		font-size:		1.3em;
		line-height: 	1.15em;
	}
#PageHead #PageLinks {
	font-size:			.95em;
	font-weight:		bold;
	padding-bottom:		10px;
	border-bottom:		1px solid #a61f38;
	margin-bottom:		15px;
}
	#PageHead #PageLinks a {
		color:			#6d6e71;
	}


table#Events {
	clear: both;
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px 0;
}
	table#Events th {
		color:				black;
		font-weight:		bold;
		text-align:			left;
		padding:			5px;
		background-color: #ebe6e0;
		border-left: 1px solid #ebe6e0;
		border-bottom: 2px solid white;
	}
		table#Events th.Event, table#Events th.Desc {
			background-color: #a3907e;
		}
	table#Events td {
		padding: 5px;
		border-left: 1px solid #ebe6e0;
	}
		table#Events td.Event, table#Events td.Desc {
			border-left: 1px solid #a3907e;
		}
		table#Events td.Event.Last, table#Events td.Desc.Last {
			border-bottom: 3px solid #a3907e;
		}
		table#Events td.Date.Last, table#Events td.Time.Last {
			border-bottom: 3px solid #ebe6e0;
		}
		table#Events td.Last {
			padding: 0;
		}

div.galleryImage {
	float:	left;
	width:	275px;
}
	div.galleryImage {
		margin-right: 12px;
		margin-bottom: 10px;
	}
	div.galleryImage p {
		padding: 1px 5px 0 7px;
	}

div.ArchivedLinks {
	margin: 0 15px 1em 0;
	text-align: right;
}

div.awardDetails {
	margin: 25px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #a52238;
}
	div.awardDetails img {
		vertical-align:top;
		margin-right: 5px;
	}

div.awardPics {
	margin-bottom: 1.5em;
}
	div.awardPics p {
		margin: 0;
	}
	
div.LinkWithImage {
	margin: 10px 0 20px 0;
	vertical-align: middle;
}
	div.LinkWithImage img {
		padding-right: 15px;
		border-right: 1px solid #a52238;
		margin-right: 10px;
		vertical-align: middle;
	}
/*
	Page Forms
*/
	#BodyCopy form select, #BodyCopy form input.Text, #BodyCopy form textarea {
		border:			1px solid #999;
	}
	#BodyCopy form .Large {
		width:			450px;
	}
	#BodyCopy form td {
		padding: 2px;
	}
	#BodyCopy form input.Button {
		border:	1px solid #999;
		padding: 2px 5px;
		font-weight: bold;
	}

	body.Admin #BodyCopy {
		margin-bottom: 25px;
	}
/*
	Page Footer
*/
#PageFooter {
	margin-top:			2px;
	margin-bottom:		20px;
}
#FooterCopy {
	margin:				3px;
	padding:			2px;
	text-align:			center;
	color:				#c0c1c4;
}