div#vine_left { position: absolute; left: 0px; bottom: 0px; }
body > div#vine_left { position: fixed; }

/* begin Page */



body
{
	margin: 0 auto;
	padding: 0;
	background-color: #05043C;
	background-image: url('images/Page-BgTexture.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: bottom left;
}

#cs-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}




#cs-page-background-gradient
{
	background-position: bottom left;
}


.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.cs-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 798px;
	min-width:1px;
	min-height:1px;
}

.cs-Sheet-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}

.cs-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #3773BC;
  background-image: url('images/Sheet-BgTexture.jpg');
	background-repeat: repeat-x;
  background-attachment: fixed;
	background-position: bottom left;
}



.cs-Sheet
{
	margin-top: 0px !important;
}

#cs-page-background-simple-gradient, #cs-page-background-gradient, #cs-page-background-glare
{
	min-width:798px;
}

/* end Box, Sheet */

/* begin Header */
div.cs-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 798px;
	height: 169px;
}


div.cs-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 798px;
	height: 169px;
	background-image: url('images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin ContentLayout */
.cs-contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 798px;
}
/* end ContentLayout */

/* begin Box, Block */
.cs-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.cs-Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}



.cs-Block
{
	margin: 10px;
}

/* end Box, Block */

/* begin BlockHeader */
.cs-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 7px;
	margin-bottom: 0px;
}

.cs-BlockHeader .t
{
	height: 30px;
	color: #FFF1BD;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	white-space : nowrap;
	padding: 0 6px;
	line-height: 30px;
}




/* end BlockHeader */

/* begin Box, BlockContent */
.cs-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.cs-BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 7px;
}



.cs-BlockContent-body
{
	color:#000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.cs-BlockContent-body a:link
{
	color: #0B1828;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.cs-BlockContent-body a:visited, .cs-BlockContent-body a.visited
{
	color: #0B1828;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.cs-BlockContent-body a:hover, .cs-BlockContent-body a.hover
{
	color: #FFDC5C;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.cs-BlockContent-body ul
{
	list-style-type: none;
	color: #DBE7F5;
	margin:0;
	padding:0;
}

.cs-BlockContent-body li
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

.cs-BlockContent-body ul li
{
	padding:0px 0 0px 11px;
	background-image: url('images/BlockContentBullets.png');
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.cs-Post
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.cs-Post-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}



.cs-Post
{
	margin: 40px;
}

/* Start images */
a img
{
	border: 0;
}

.cs-article img, img.cs-article
{
	margin: 1em;
}

.cs-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images */

/* Start tables */

.cs-article table, table.cs-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.cs-article table, table.cs-article .cs-article tr, .cs-article th, .cs-article td
{
	background-color:Transparent;
}

.cs-article th, .cs-article td
{
	padding: 2px;
	border: solid 1px #4983CA;
	vertical-align: top;
	text-align:left;
}

.cs-article th
{
	text-align:center;
	vertical-align:middle;
	padding: 7px;
}

/* Finish tables */
/* end Box, Post */

/* begin PostMetadata */
.cs-PostMetadataHeader
{
	width: 720px;
  height: 100px;
  padding: 40px 0 0 0;
  margin: 0;
}
/* end PostMetadata */

/* begin PostHeaderIcon */
.cs-PostHeaderIcon-wrapper
{
	margin: -20px .2em 0;
	padding: 0;
	font-weight:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	text-transform:none;
	text-indent:0;
	line-height:inherit;
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 48px;
	font-style: italic;
	text-align: left;
	color: #ffc600;
}

.cs-PostHeaderIcon-wrapper, .cs-PostHeaderIcon-wrapper a, .cs-PostHeaderIcon-wrapper a:link, .cs-PostHeaderIcon-wrapper a:visited, .cs-PostHeaderIcon-wrapper a:hover
{
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 48px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	color: #ffc600;
}

#cs-PostHeader-sub
{
	margin: -6px 0 0 35px;
	padding: 0;
	font-weight:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	text-transform:none;
	text-indent: 0;
	line-height: 1em;
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 24px;
	font-style: italic;
	text-align: left;
	color: #fff;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.cs-PostHeader a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #0E0BAD;
}

.cs-PostHeader a:visited, .cs-PostHeader a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #1F416B;
}

.cs-PostHeader a:hover, .cs-PostHeader a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #0C0A99;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
}

.cs-PostContent
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFDC5C;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFDC5C;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #FFDC5C;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #FFDC5C;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  margin: 0;
  padding: 0;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #FFDC5C;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #FFC501;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #FFC501;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #78B45C;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #78B45C;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #78B45C;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #FFFFFF;
	margin:1em 0 1em 2em;
	padding:0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0 2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}



.cs-Post li
{
	padding:0px 0 0px 26px;
	line-height:1.2em;
}

.cs-Post ol li, .cs-Post ul ol li
{
	background: none;
	padding-left:0;
}

.cs-Post ul li, .cs-Post ol ul li 
{
	background-image: url('images/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:26px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
	color:#020113;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

blockquote
{
		border:solid 1px #2F2CF2; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#6361F5;
	background-image:url('images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.cs-button-wrapper .cs-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:30px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.cs-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 30px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.cs-button-wrapper .cs-button
{
	display:block;
	height: 30px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 13px !important;
	line-height: 30px;
	text-decoration: none !important;
	color: #E3ECF7 !important;
}

input, select
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.cs-button-wrapper.hover .cs-button, .cs-button:hover
{
	color: #EBF2F9 !important;
	text-decoration: none !important;
}

.cs-button-wrapper.active .cs-button
{
	color: #E7EFF8 !important;
}

.cs-button-wrapper .l, .cs-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 90px;
	background-image: url('images/Button.png');
}

.cs-button-wrapper .l
{
	left:0;
	right:9px;
}

.cs-button-wrapper .r
{
	width:407px;
	right:0;
	clip: rect(auto, auto, auto, 398px);
}

.cs-button-wrapper.hover .l, .cs-button-wrapper.hover .r
{
	top: -30px;
}

.cs-button-wrapper.active .l, .cs-button-wrapper.active .r
{
	top: -60px;
}


/* end Button */

/* begin Footer */
.cs-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 798px;
	margin: 5px auto 0px auto;
}

.cs-Footer .cs-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 8px;
	text-align: center;
}



.cs-rss-tag-icon
{
	position: relative;
	display:block;
	float:left;
	background-image: url('images/rssIcon.png');
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	height: 25px;
	width: 25px;
}




.cs-Footer .cs-Footer-text p
{
	margin: 0;
}

.cs-Footer .cs-Footer-text
{
	display:inline-block;
	color:#08111C;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.cs-Footer .cs-Footer-text a:link
{
	text-decoration: none;
	color: #665000;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.cs-Footer .cs-Footer-text a:visited
{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.cs-Footer .cs-Footer-text a:hover
{
	text-decoration: none;
	color: #332800;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.cs-page-footer, .cs-page-footer a, .cs-page-footer a:link, .cs-page-footer a:visited, .cs-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#558BCE;
}

.cs-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#558BCE;
}
/* end PageFooter */

/* begin LayoutCell */
.cs-contentLayout .cs-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 797px;
}
/* end LayoutCell */

#vine_left {
position: fixed;
left: 0px;
bottom: 0px;
z-index: 10;
}

#home_blurb_01 {
  float: left;
  width: 217px;
  height: 170px;
  padding: 8px;
  margin-top: 30px;
  font-size: 13px;
}
#home_blurb_02 {
  float: left;
  width: 217px;
  height: 170px;
  border-left: 1px solid #7EA2C6;
  padding: 8px;
  margin-top: 30px;
  font-size: 13px;
}
#home_blurb_03 {
  float: left;
  width: 217px;
  height: 170px;
  border-left: 1px solid #7EA2C6;
  padding: 8px;
  margin-top: 30px;
  font-size: 13px;
}

.read_more {
  float: right;
  font-size: .8em;
  margin-right: 8px;
}


/* CS STANDARD CODE START */
/* ********************** */
/* ********************** */
p {
  margin-top: 0;
}

.cs-PostContent img {
	margin: 0px 9px 9px 9px;
  padding: 0;
}

.auraltext {
   position: absolute;
   font-size: 0;
   left: -5000px;
}

.clearfloat {
	clear: both;
}

.accessibility_nav {
  visibility:hidden; /* NS7 */
  display:none;
}

.last_page:link, .last_page:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #999;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 14px;
	margin-top: 12px;
	background: url("images/cs_back.png") no-repeat 0px 0px;
}

.last_page:hover, .last_page:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px;
	color: #000;
	line-height: 18px;
	height: 18px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 14px;
	margin-top: 12px;
	background: url("images/cs_back.png") no-repeat 0px -20px;
}

/* TOP NAV */
#cs_topnav {
  text-align: center;
  width: 800px;
  margin-left: -40px;
  height: 30px;
  margin-bottom: 10px;
  overflow: hidden;
}
#cs_topnav ul {
	list-style: none;
	list-style-image: none;
  background-image: none;
	margin: 0;
	padding: 0;
  position: relative;
  float: left;
  left: 50%;
}
#cs_topnav ul li {
  list-style: none;
	list-style-image: none;
  background-image: none;
  margin: 0;
	padding: 3px 3px 5px 3px;
  position: relative;
  float: left;
  right: 50%;
  line-height: 20px;
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #ffc600;
}
#cs_topnav ul li.selected {
  color: #08033d;
}
#cs_topnav ul li a:link, #cs_topnav ul li a:visited {
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
  color: #ffc600;
	text-decoration: none;
}
#cs_topnav ul li a:hover, #cs_topnav ul li a:active {
	font-family: "Times New Roman", Georgia, Times, Serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
  color: #ff914f;
	text-decoration: none;
}

/* SIDE NAV */
ul.cs_sidenav {
	width: auto;
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}
ul.cs_sidenav li {
	display: block;
	background: #ffffe5;
	margin: 0px 0px 6px 0px;
	padding: 6px;
	background-image: none;
	background-repeat: none;
}
ul.cs_sidenav li:hover, ul.cs_sidenav li:active {
	background: #ffffff;
	cursor: pointer;
}
ul.cs_sidenav li.cs_sidenav_selected {
	display: block;
	background: #FFE78F;
	margin: 0px 0px 6px 0px;
	padding: 6px;
}
ul.cs_sidenav li.cs_sidenav_selected a:link, ul.cs_sidenav li.cs_sidenav_selected a:visited{
	color: #ffffff;
}
ul.cs_sidenav li a:link, ul.cs_sidenav li a:visited {
	color: #807448;
	font-weight: normal;
	font-size: 1.2em;
	text-decoration: none;
}
ul.cs_sidenav li a:hover, ul.cs_sidenav li a:active {
	color: #807448;
	font-weight: normal;
	font-size: 1.2em;
	text-decoration: none;
}

/* CALENDAR SPECIFIC CODE */
.calendar_list {
	margin-top: 24px;
}
.calendar_list h2 {
	padding: 0px 0px 3px 3px;
}
.calendar_list_duration_message {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333;
	margin: 0px 0px 3px 20px;
	text-decoration: none;
	font-weight: normal;
}
.calendar_list_event_item {
	font-size: 1em;
	padding: 10px 6px 10px 0px;
	margin: 3px;
}
.calendar_list_event_item_hover {
	padding: 10px 6px 10px 0px;
	margin: 3px;
	background: #efefef;
	cursor: pointer;
}
.calendar_list_event_title, .calendar_list_event_title:link, .calendar_list_event_title:visited {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
	color: #FFF2C2;
}
.calendar_list_event_title_hover, .calendar_list_event_title_hover:link, .calendar_list_event_title_hover:visited, .calendar_list_event_title:hover, .calendar_list_event_title:active {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}
.calendar_list_read_more:link, .calendar_list_read_more:visited {
	font-size: 10px;
	text-decoration: none;
	color: #999;
}
.calendar_list_read_more_hover, .calendar_list_read_more_hover:link, .calendar_list_read_more_hover:visited, .calendar_list_read_more:hover, .calendar_list_read_more:active {
	font-size: 10px;
	text-decoration: underline;
	color: #FFF2C2;
}
.calendar_list_event_description  {
	padding-left: 40px;
	font-size: .8em;
}
.calendar_list_event_description a  {
	font-size: .8em;
}
.calendar_list_image {
	margin: 0px 10px 0px 10px;
}
.event_detail_top {
	margin: 15px 10px 10px 0px;
	padding: 0px 10px 0px 0px;
	width: 180px;
	float: left;
	border-right: #ccc solid 1px;
}
.event_detail_image {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 180px;
	text-align: center;
}
.event_detail_info {
	font-size: .9em;
	margin: 0px;
	padding: 0px;
}
ul.gallery li, ul.gallery li a, ul.gallery li img{
	background-image: none;
  padding: 0;
  margin: 0;
}
.gallery {
	list-style: none;
	list-style-image: none;
	position: relative;
	z-index: 0;
}
.gallery_li {
	display: block;
	float: left;
	text-align: center;
	line-height: 1.2em;
	width: 170px;
	height: 200px;
	margin: 0px 6px 9px 6px;
	padding: 0px;
}
.gallery_item, .gallery_item:link {
	display: block;
	text-align: center;
	height: 150px;
	width: 150px;
	padding: 2px;
	margin: 0px 6px 3px 6px;
	cursor: pointer;
}
.gallery_item:visited, .gallery_item:hover, .gallery_item:active {
	display: block;
	text-align: center;
	height: 150px;
	width: 150px;
	padding: 2px;
	margin: 0px 6px 3px 6px;
	cursor: pointer;
}
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://culturesource.net/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://culturesource.net/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://culturesource.net/images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
  
/* for captions under images */
div.caption img {
padding-bottom: 2px;
}
.caption p {
  margin: 0 5px 10px 5px;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: .9em;
  color: #666;
  line-height: 1em;
}
/* CS STANDARD CODE END */
/* ********************** */
/* ********************** */

#nav_preview {
  float: left;
  position: relative;
  top: -40px;
  left: 0px;
  z-index: -1;
}
.nav_preview_show {
  display: block;
}
.nav_preview_hide {
  display: none;
}
#nav_0_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_01.jpg');
}
#nav_1_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_02.jpg');
}
#nav_2_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_03.jpg');
}
#nav_3_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_04.jpg');
}
#nav_4_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_05.jpg');
}
#nav_5_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_06.jpg');
}
#nav_6_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_07.jpg');
}
#nav_7_preview {
  width: 720px;
  height: 100px;
  padding: 0;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background-image: url('../assets/header_08.jpg');
}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox example user style */
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}