/* Font Embedding * The fonts included are copyrighted by the vendor listed below. * * @vendor:     HVD Fonts * @vendorurl:  http://www.hvdfonts.de * @licenseurl: http://www.fontsquirrel.com/license/HVD-Comic-Serif-Pro * */@font-face {	font-family: 'HVD Comic Serif Pro Regular';	src: url('../fonts/HVD_Comic_Serif_Pro.eot');	src: local('HVD Comic Serif Pro Regular'), local('HVDComicSerifPro'), url('../fonts/HVD_Comic_Serif_Pro.woff') format('woff'), url('../fonts/HVD_Comic_Serif_Pro.svg#HVDComicSerifPro') format('svg'), url('../fonts/HVD_Comic_Serif_Pro.otf') format('opentype');}/* End Font Embedding */body {	margin: 0;	padding: 0;	background: #ccee9a url(../images/bg_green-900.jpg) repeat-x fixed 50% top;	font-family: Georgia, serif;	color: #370a2d;	font-size: 14px;	line-height: 18px;}body.see {	background-attachment: scroll;	min-width: 2500px;	min-height: 800px;	margin: 0;}		div#content {						position: relative;			z-index: 5;			width: 920px;			margin: 20px auto;			padding: 0;		}		a:link,		a:visited {						text-decoration: none;			border-bottom: 1px solid;		}/* BG Viewer Styles _viewer */span#viewer {	position: fixed; 	/* Whole BG Switcher */	top: 0; 	bottom: 0; 	left: 0; 	right: 0; 	/* End Whole BG Switcher */	cursor: pointer;	text-indent: -1000em;	z-index: 1;	/* Hotspot Switcher */	width: 150px;	height: 250px;	top: 450px;	left: 50%;	font-family: 'HVD Comic Serif Pro Regular';	font-size: 2.5em;	line-height: 2em;	text-align: center;}body.see span#viewer {	text-indent: 0;	position: absolute;}#home span#viewer {	width: 150px;	height: 200px;	top: 350px;	margin-left: -500px;}#gallery span#viewer {	height: 200px;	margin-left: -487px;}#events span#viewer {	margin-left: -550px;}#about span#viewer {	top: 400px;	margin-left: -450px;}/* End viewer *//* Branding Styles _branding*/h1 {	margin: 0;	font-size: 48px;	line-height: 1;	white-space: nowrap;	text-indent: -999em;	overflow: hidden;	background: transparent url(../images/logo_home6.png) 0 0 no-repeat scroll;	width: 368px;	height: 112px;	position: absolute;	top: 12px;	font-family: "HVD Comic Serif Pro Regular";	font-weight: normal;	color: #672356;	text-shadow: -2px 2px 2px #efa4c7;	width: 500px;}h2 {	font-weight: normal;}	dl {		margin-left: 0;		padding-left: 0;	}		dt {			display: inline;			margin: 0;			padding-left: 0;			margin-left: 0;		}		dt:after {			content: ":";		}		dd {			display: inline;			margin: 0 30px 0 6px;			padding-left: 0;		}#events h1 {	background-image: url(../images/logo_news.png);}/* End Branding *//* Page Info Styles _pageInfo */#pageInfo {	position: relative;	width: 500px;	left: 380px;	top: 0;	font-size: 14px;	line-height: 24px;	margin: 0 10px;	padding: 12px 10px;	text-shadow: -1px 1px 2px rgba(254, 254, 254, .75);	color: #672356;}	#pageInfo h2 {		font-size: 18px;		font-family: "HVD Comic Serif Pro Regular";		margin: 0 0 6px;		text-shadow: -2px 2px 1px rgba(254, 254, 254, .75);	}	#pageInfo p {		margin: 0 0px 12px;	}		#pageInfo a:link,		#pageInfo a:visited {			color: #672356;			text-decoration: none;			border-bottom: 1px solid #fefefe;			text-transform: uppercase;		}		#pageInfo a:hover,		#pageInfo a:focus,		#pageInfo a:active {			background-color: rgb(254, 254, 254);			background-color: rgba(254, 254, 254, .75);			border-bottom: 1px solid #672356;		}/* End pageInfo *//* Main Container Styles _main */div#main {	position: relative;	top: 12px;	right: 0;	padding-bottom: 48px;}#gallery div#main {	top: 120px}#about div#main {	top: 150px}#events div#main {	top: 114px}/* End Main *//* Section Styles _section */div.section {	float: right;	clear: right;	width: 706px;	margin: 24px 10px 24px;	padding: 0 25px;	-moz-border-radius: 12px;	-webkit-border-radius: 12px;	border: 3px solid #fefefe;/*	background-color: rgb(255, 247, 226);	background-color: rgba(255, 247, 226, .6);*/	background: transparent url(../images/bg_255247226-60.png) repeat left top;	position: relative;}	div.section h2 {		margin: -12px 0 12px;		*margin: 12px 0 12px;		font-size: 30px;		font-family: "HVD Comic Serif Pro Regular";		text-shadow: -2px 2px 1px rgba(254, 254, 254, .75);		text-shadow: -2px 2px 1px rgba(238, 148, 183, .75);		color: #672356;	}	div.section h3 {		margin: 0;		font-size: 18px;		line-height: 24px;		clear: both;		font-family: "HVD Comic Serif Pro Regular";		font-weight: normal;		color: #672356;		text-shadow: -1px 1px 1px rgba(238, 148, 183, .75);	}/* End Section *//* Contact Section Styles _contact */#contact {	margin-top: 24px;}	#contact h2 {		margin-top: -12px;		*margin-top: 12px;		font-size: 36px;	}	#contact dl,	#about #site dl {		margin: 0;		padding-left: 0;	}		#contact dl dt,		#about #site dl dt {			display: inline;			margin: 0;			line-height: 30px;			padding-left: 0;			margin-left: 0;		}		#contact dl dd,		#about #site dl dd {			display: inline;			margin: 0 30px 0 6px;			padding-left: 0;			padding-left: 0;		}		#contact dl dt:after,		#about #site dl dt:after {			content: ":";		}		#about #site dl dd:after {			white-space: pre;			content: "\A";		}/* Contact is the last section on the page, generating content to add white space below floated elements */#contact:after {	position: relative;	bottom: -1024px;	content: ".";	font-size: 1px;	opacity: 0;}/* End Contact *//* Navigation Styles _nav */ul#nav {	clear: both;	float: left;	font-size: 24px;	margin: 0;	padding-left: 0;	list-style-type: none;	text-align: right;	line-height: 30px;	position: absolute;	top: 180px;	left: 0;	z-index: 22;	font-family: "HVD Comic Serif Pro Regular";	font-weight: normal;}	ul#nav li {		text-shadow: -2px 2px 3px #efa4c7;	}	ul#nav a:link,	ul#nav a:visited {		display: block;		text-decoration: none;		color: #672356;		border: 1px solid transparent;		margin-bottom: -3px;		padding: 0 4px 0 6px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;	}	ul#nav a:hover,	ul#nav a:focus {		text-shadow: -2px 2px 1px rgba(238, 148, 183, .75);		text-shadow: -2px 2px 1px rgba(254, 254, 254, 1);		background: transparent url(../images/bg_255247226-60.png) repeat left top;		border: 1px solid #fff;	}	ul#nav a:active {		color: #fff;	}/* End Nav *//* About Styles _about */#about {	background-image: url('../images/bg_snowy-900.jpg');	background-color: #fefefe;	color: #27030b;	text-shadow: -1px 1px 2px #fefefe;}	#about div#main {		top: 100px;	}		#about .section {			/* background-color: rgb(254, 254, 254);			background-color: rgba(254, 254, 254, .6); */			background: transparent url(../images/bg_254254254-60.png) repeat left top;		}			#about .section h2 {				color: #40801F;				text-shadow: -1px -2px 2px #FEFEFE;			}			#about .section h3,			#about .section h4 {				color: #40801F;				text-shadow: -1px -1px 1px #FEFEFE;			}		#about ul#nav {		}			#about #nav a:link,			#about #nav a:visited {				color: rgb(254, 254, 254);				text-shadow: -2px 2px 3px #0D0C5F;			}			#about #nav a:hover,			#about #nav a:focus,			#about #nav a:active {				color: #40801F;				color: rgba(254, 254, 254, 1);				background: transparent url(../images/bg_254254254-60.png) repeat left top;			}			#about #maryann img {				float: right;				margin: -1px -1px 14px 14px;				padding: 3px;				border: 1px solid rgb(80, 80, 80);				border: 1px solid rgba(0, 0, 0, .25);				background-color: #fff;			}		#about #art {		}			#about #art img {				float: left;				margin: -1px 14px 14px -1px;				padding: 3px;				border: 1px solid rgb(80, 80, 80);				border: 1px solid rgba(0, 0, 0, .25);				background-color: #fff;			}		#about #site {		}			#about #site img {				position: absolute;				left: -50px;				top: 24px;			}			#about #site p {			}				#about #main a:link,				#about #main a:visited {					color: #40801f;					color: #234712;				}				#about #main a:hover,				#about #main a:focus,				#about #main a:active {					background-color: rgb(64, 128, 31);					background-color: rgba(64, 128, 31, .6);					color: #fefefe;					text-shadow: 0 0 0 transparent;				}				/* Insert Monkey Character via CSS */#about #site dl:last-child:after {	content: url(../images/monkey.png);	display: block;	position: absolute;	bottom: -70px;	right: 50px;}/* End About *//* Events Styles _events */#events {	background-image: url(../images/bg_autumn-900.jpg);	background-color: #FCC863;	text-shadow: -1px 1px 2px rgb(255, 247, 253);}	#events .section {	}		#events .section h2 {			color: #933609;			text-shadow: -2px 2px 1px #d6783b;		}			#events .section h3 {				color: #933609;			}			#events .section h3 a:link,			#events .section h3 a:visited {				color: #933609;				text-shadow: -1px 1px 1px #fefefe;				text-decoration: underline;				border-bottom: 0 none;			}			#events .section h3 a:hover,			#events .section h3 a:focus,			#events .section h3 a:active {				background-color: transparent;			}			#events .section a:link,			#events .section a:visited {				color: #933609;			}			#events .section a:hover,			#events .section a:focus,			#events .section a:active {				color: #fefefe; /* white */				background-color: rgb(147, 54, 9);				background-color: rgba(147, 54, 9, .75);				border-bottom: 1px solid #fefefe;				text-shadow: 0 0 0 transparent;			}			#events .section img {				float: left;				margin: 0 10px 12px 0;			}		#events .section .event {			margin-bottom: 12px;			border-bottom: 3px solid rgb(254, 254, 254);			border-bottom: 3px solid rgba(254, 254, 254, .6);			-moz-border-radius-bottomleft: 6px;			-moz-border-radius-bottomright: 6px;		}		#events .section .event:after {			content: ".";			font-size: 1px;			clear: both;			display: block;		}		#events .section .event:last-child {			border-bottom: 0 none;		}	#events ul#nav li {		text-shadow: -2px 2px 3px #d6783b;	}		#events ul#nav a:link,		#events ul#nav a:visited {			color: #933609;		}		#events #pageInfo a:link,		#events #pageInfo a:visited {			color: #933609;			text-decoration: none;			border-bottom: 1px solid #672356;			text-transform: uppercase;		}		#events #pageInfo a:hover,		#events #pageInfo a:focus,		#events #pageInfo a:active {			color: #fefefe; /* white */			background-color: rgb(147, 54, 9);			background-color: rgba(147, 54, 9, .75);			border-bottom: 1px solid #fefefe;			text-shadow: 0 0 0 transparent;		}/* End Events *//* Gallery Styles _gallery */#gallery {	background-image: url(../images/bg_nighttime-900.jpg);	background-position: 50% -50px;	background-color: #091012;	color: #370A2D;	text-shadow: -1px 1px 2px #d9cef6;}	#gallery a:link,	#gallery a:visited {		color: #672356;		text-shadow: -1px 1px 1px #fefefe;		text-shadow: -1px 1px 2px #D9CEF6;	}	#gallery a:hover,	#gallery a:focus,	#gallery a:active {		color: #fefefe;		text-shadow: 0 0 0 transparent;		background-color: #672356;		border-bottom: 1px solid #fefefe;	}	#gallery h2 {		text-shadow: 1px 1px 6px #d9cef6;		color: #672356;	}	#gallery .section {			/* background-color: rgb(254, 254, 254);			background-color: rgba(254, 254, 254, .6); */			background: transparent url(../images/bg_254254254-60.png) repeat left top;			border-color: #D9CEF6;	}		#gallery div#featured img {			margin: -1px 14px 14px 0;			padding: 3px;			border: 1px solid rgb(80, 80, 80);			border: 1px solid rgba(0, 0, 0, .4);			background-color: #fff;			float: left;		}		#gallery div#featured p {			margin: 0 0 12px 425px;			width: 285px;		}		#gallery .other div.work {			width: 340px;			margin: 0 10px 10px -10px;			padding-left: 10px;			float: left;			position: relative;			-moz-border-radius: 3px;		}		#gallery .other div.work:hover {			background-color: rgb(210, 210, 210);			background-color: rgba(254, 254, 254, .6);		}			#gallery .other div.works h3 {				font-size: 45px;				position: relative;				z-index: 5;				font-size: 18px;			}			#gallery .other div.works img {				margin: -1px 14px 14px -1px;				padding: 3px;				border: 1px solid rgb(80, 80, 80);				border: 1px solid rgba(0, 0, 0, .4);				width: 150px;				background-color: #fff;				float: left;			}			#gallery .section a.top {				position: absolute;				bottom: 10px;				right: 10px;			}			#gallery .other div.works p.description {			}	#gallery ul#nav {}		#gallery ul#nav li {			text-shadow: 1px 1px 6px #d9cef6;		}			#gallery ul#nav li a:link,			#gallery ul#nav li a:visited {				color: #d9cef6;				color: rgba(103, 35, 86, 1);			}			#gallery ul#nav li a:hover,			#gallery ul#nav li a:focus,			#gallery ul#nav li a:active {				background: transparent url(../images/bg_254254254-60.png) repeat left top;				border: 1px solid #d9cef6;				color: #672356;				color: rgba(217, 206, 246, 1);				text-shadow: -2px 2px 3px #672356;			}#gallery #pageInfo {	color: #d9cef6;	text-shadow: -1px 1px 3px #fefefe;}	#gallery #pageInfo a:link,	#gallery #pageInfo a:visited {		color: #fefefe;		text-shadow: -2px 2px 3px #d9cef6;	}	#gallery #pageInfo a:hover,	#gallery #pageInfo a:focus,	#gallery #pageInfo a:active {		color: #d9cef6;		text-shadow: 0 0 0 transparent;		background-color: #672356;		border-bottom: 1px solid #d9cef6;	}/* End Gallery *//* Home */#home div#featured img {			margin: -1px 14px 14px 0;			padding: 3px;			border: 1px solid rgb(80, 80, 80);			border: 1px solid rgba(0, 0, 0, .25);			background-color: #fff;			float: left;		}		#home div#featured p {			margin: 0 0 12px 425px;			*margin: 0 0 12px 420px;			width: 285px;		}		#home a:link,		#home a:visited {			color: #672356;			text-decoration: none;			border-bottom: 1px solid #fefefe;		}		#home a:hover,		#home a:focus,		#home a:active {			background-color: rgb(254, 254, 254);			background-color: rgba(254, 254, 254, .75);			border-bottom: 1px solid #672356;		}				#home #upcoming .event img {			float: left;			margin: 0 10px 12px 0;		}/* End Home *//* jQuery Insert Styles _jquery */.control {	position: absolute;	top: 250px;	border: 0 none;	outline: 0 none;	background: none;	z-index: 30;	/*text-indent: -1000em;*/	display: block;	height: 59px;	line-height: 59px;	width: 36px;	cursor: pointer;	font-size: 90px;	font-family: "HVD Comic Serif Pro Regular";	color: #d9cef6;	text-shadow: 1px 1px 9px #fefefe;	color: #672356;	text-shadow: 1px 1px 9px #d9cef6;}#leftControl {	left: 120px;}#rightControl {	right: -10px;}/* End jQuery Insert */