body
{
	background:#ABADBE url(images/bg_stripe.jpg) left top repeat-x;
}
#container
{
	position:relative;
	width:750px;
	left:50%;
	margin-left:-375px;
	z-index:0;
}

/*
/// CONTENT BLOCKS
*/

#content
{
	position:relative;
	display:inline;
	float:right;
	width:602px;
	margin-top:197px;
	background:#E6EBE3 url(images/subpage_contentbg.gif) left top repeat-y;
	overflow:hidden;
	z-index:0;
}
#content-bg
{
	position:absolute;
	left:0px;
	top:0px;
	width:602px;
	height:406px;
	background:url(images/subpage_contentbg_img2.jpg) left top no-repeat;
	z-index:0;
}
#content-text
{
	position:relative;
	margin:20px;
	margin-top:10px;
	height:auto !important;
	min-height:350px;
	height/**/:350px;
	z-index:1;
}
#content-bottom
{
	position:relative;
	border:1px #D8DBE5 solid;
	border-top:0px;
	background-color:#ABADBE;
	z-index:2;
}
#content-bottom-line
{
	margin:0px 4px 4px 4px;
	border-top:1px white solid;
}
#footer
{
	position:relative;
	clear:both;
	margin-left:148px;
	padding:20px 0px 20px 0px;
	text-align:center;
	font-size:10px;
	line-height:14px;
	color:#315278;
	z-index:1;
}

#logo
{
	position:absolute;
	left:0px;
	top:0px;
	width:325px;
	height:197px;
	background:url(images/subpage_logo.jpg) left top no-repeat;
	overflow:hidden;
	z-index:1;
}
#logo h2
{
	font-size:11px;
}
#logo h2 a
{
	display:block;
	width:325px;
	padding-top:197px;
}

/*
/// HOMEPAGE STYLES
*/

body.home #logo, body.home #subpic
{
	z-index:0;
}
body.home #content, body.home #nav, body.home #footer
{
	z-index:1;
}
body.home #content
{
	height:400px;
	background:transparent;
	overflow:visible;
}
#home-startslide, #home-secondslide
{
	position:absolute;
	top:-5px;
	left:0px;
	width:603px;
	height:300px;
	background:url(images/homepage_startslide.jpg) left top no-repeat;
}
#home-secondslide
{
	background:transparent;
}
#home-gallerypics
{
	position:absolute;
	top:5px;
	left:5px;
	border:3px white solid;
}
#home-slidepic
{
	position:absolute;
	top:0px;
	right:0px;
}
#home-news
{
	position:absolute;
	top:296px;
	left:0px;
	width:602px;
	height:97px;
	background:#FFFFFF url(images/homepage_newsbg.jpg) left top no-repeat;
	overflow:hidden;
}
#home-news-box
{
	position:absolute;
	top:5px;
	left:5px;
	width:592px;
	height:87px;
	overflow:hidden;
}
#datacontainer
{
	position:relative;
	margin:0px 10px 10px 10px;
	font-size:10px;
}
#datacontainer p
{
	margin:0px;
	margin-bottom:10px;
	font-size:10px;
	color:white;
}
#datacontainer a
{
	color:white;
	font-weight:normal;	
}
#datacontainer a.upper
{
	text-transform:uppercase;
	font-weight:bold;
}
/*
/// SUBPAGE STYLES
*/

#subpic
{
	position:absolute;
	left:325px;
	top:0px;
	width:425px;
	height:197px;
	overflow:hidden;
	z-index:1;
}
#content-artistbio
{
	position:relative;
	display:inline;
	float:right;
	width:340px;
}
#content-artistbio-pic
{
	position:relative;
	display:inline;
	float:left;
	width:100px;
	margin-bottom:10px;
}
#content-artistbio-title
{
	position:relative;
	display:inline;
	float:right;
	width:225px;
}
#content-artistbio-title h2, #content-artistbio-title p
{
	margin:0px;
}
#content-artistbio-title p
{
	margin:0px;
	margin-bottom:10px;
	font-size:10px;
	font-weight:bold;
}
#content-artistbio-pic img, #content-artistpics img
{
	border:1px #315278 solid;
}
#content-artistpics
{
	position:relative;
	display:inline;
	float:left;
	width:210px;
}
#content-artistpics img
{
	position:relative;
	display:inline;
	float:left;
	margin:0px 5px 5px 0px;
}

/*
/// NAVIGATION : BUTTONS
*/

#nav
{
	position:relative;
	display:inline;
	float:left;
	margin-top:197px;
	width:148px;
	height:auto !important;
	min-height:393px;
	height/**/:393px;
	background:url(images/subpage_navbg.jpg) left top no-repeat;
	z-index:1;
}
#nav ul.nav
{
	position:relative;
	margin:0px;
	padding:0px;
	padding-top:6px;
	list-style-type:none;
}
#nav ul.nav li
{
	position:relative;
	height:auto !important;
	height/**/:24px;
	margin-bottom:auto !important;
	margin-bottom/**/:-1px;
}
#nav ul.nav li div.button
{
	position:relative;
	height:24px;
	width:148px;
	overflow:hidden;
}
#nav ul.nav li div.button a
{
	position:relative;
	display:block;
	width:100%;
	padding-top:24px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}
#nav ul.nav li div.button a:hover, #nav ul.nav li div.button a.on,
#li-gallery:hover div.button a, #li-gallery.sfhover div.button a,
#li-services:hover div.button a, #li-services.sfhover div.button a,
#li-events:hover div.button a, #li-events.sfhover div.button a,
#li-accomodations:hover div.button a, #li-accomodations.sfhover div.button a,
#li-about:hover div.button a, #li-about.sfhover div.button a,
#li-news:hover div.button a, #li-news.sfhover div.button a,
#li-programs:hover div.button a, #li-programs.sfhover div.button a,
#li-education:hover div.button a, #li-education.sfhover div.button a,
#li-contact:hover div.button a, #li-contact.sfhover div.button a,
#li-home:hover div.button a, #li-home.sfhover div.button a
{
	background-position:-148px 0px !important;
	background-repeat: no-repeat;
}
#li-gallery div.button a,
#li-gallery:hover div.button a, #li-gallery.sfhover div.button a
{
	background:url(images/nav_gallery.gif);
}
#li-services div.button a,
#li-services:hover div.button a, #li-services.sfhover div.button a
{
	background:url(images/nav_services.gif);
}
#li-events div.button a,
#li-events:hover div.button a, #li-events.sfhover div.button a
{
	background:url(images/nav_events.gif);
}
#li-accomodations, #li-accomodations div.button
{
	height:36px !important;
}
#li-accomodations div.button a,
#li-accomodations:hover div.button a, #li-accomodations.sfhover div.button a
{
	padding-top:36px !important;
	background:url(images/nav_accomodations.gif);
}
#li-about div.button a,
#li-about:hover div.button a, #li-about.sfhover div.button a
{
	background:url(images/nav_about.gif);
}
#li-news div.button a,
#li-news:hover div.button a, #li-news.sfhover div.button a
{
	background:url(images/nav_news.gif);
}
#li-programs div.button a,
#li-programs:hover div.button a, #li-programs.sfhover div.button a
{
	background:url(images/nav_programs.gif);
}
#li-education div.button a,
#li-education:hover div.button a, #li-education.sfhover div.button a
{
	background:url(images/nav_education.gif);
}
#li-contact div.button a,
#li-contact:hover div.button a, #li-contact.sfhover div.button a
{
	background:url(images/nav_contact.gif);
}
#li-home div.button a,
#li-home:hover div.button a, #li-home.sfhover div.button a
{
	background:url(images/nav_home.gif);
}

/*
/// NAVIGATION : POPOUTS
*/

#nav li ul
{
	position:absolute;
	/*width:185px;*/
	left:-999em;
	padding:0px;
	margin:0px;
	margin-top:-24px;
	list-style-type:none;
	width:171px;
	background-color:white;
	border-top:5px white solid;
	border-bottom:5px white solid;
}
#li-accomodations ul
{
	margin-top:-36px !important;
}
#nav li ul li
{
	border-left:5px white solid;
	border-right:5px white solid;
	margin-bottom:2px;
	background-color:#ABADBE;
}
#nav li:hover ul, #nav li.sfhover ul
{
	left:148px;
}
#nav li ul li a
{
	display:block;
	width:100%;
	padding:5px;
	font-size:10px;
	color:#1F4581;
	/*
	padding-left:18px;
	background:transparent url(images/nav_bgarrow.gif) -20px center no-repeat;
	*/
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#nav li ul li a:hover, #nav li ul li a.on
{
	/*background:#FFFFFF url(images/nav_bgarrow.gif) 2px center no-repeat;*/
	background-color:#FFFFFF;
	font-family:Georgia, Times New Roman, New York, Times, serif;
	font-style:italic;
	font-size:11px;
	text-decoration:none;
}

/*
/// OTHER STYLES
*/

div.clear
{
	height:1px;
	overflow:hidden;
	clear:both;
}
#imgPreview
{
	position:absolute;
	cursor:hand;
	left:0px;
	top:0px;
	z-index:1;
	display:none;
	width:750px;
	height:auto !important;
	min-height:400px;
	height/**/:auto;
	overflow:hidden;
	border:3px white solid;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#imgPreviewContentOverlay
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:500em;
	background-color:#0E2D5E;
	/*IE*/
	filter:alpha(opacity=90);
	/*Safari<1.2, Konqueror*/
	KHTMLOpacity:90;
	/* Older Mozilla and Firefox*/
	-moz-opacity:90;
	/*Safari 1.2, newer Firefox and Mozilla, CSS3*/
	opacity:.90;
	z-index:0;
}
#imgPreviewContent
{
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
}
td.imgPreviewTd img
{
	margin:10px;
}
#imgPreviewTitle
{
	position:relative;
	display:block;
	padding:10px;
	background-color:white;
	font-weight:bold;
	font-size:10px;
	text-align:center;
}
#imgPreviewClose
{
	position:absolute;
	left:0px;
	bottom:0;
	height:35px;
	width:100%;
	z-index:2;
}
#imgPreviewCloseBg
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#0E2D5E;
	/*IE*/
	filter:alpha(opacity=90);
	/*Safari<1.2, Konqueror*/
	KHTMLOpacity:90;
	/* Older Mozilla and Firefox*/
	-moz-opacity:90;
	/*Safari 1.2, newer Firefox and Mozilla, CSS3*/
	opacity:.90;
	z-index:0;
}
#imgPreviewCloseText
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
	padding-top:10px;
	z-index:1;
}
#imgPreviewCloseText a
{
	color:white;
}