*{margin:0;padding:0;}
html{font-size:62.5%;}/*reset to approx 1em = 10px*/
body {
width:100%;
background:#EFDEBD url(../images/ccs-body-bg.jpg) repeat-y top center;
line-height:1.3em;
font-family:Helvetica,Arial,sans-serif;
}

/****************Typography***************/
h1, h2 {font-family: Georgia, "Times New Roman", Times, serif;}
h2 { font-size: 1.8em;line-height:1em; color:#8F8F8F; margin:5px;}
h3 { font-size: 1.8em;line-height:1.4em;}
h4 { font-size: 1.5em;line-height:1.2em;}
h5 { font-size: 20px; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#8f8f8f; }
/**************End Typography*************/

/************generic sitewide styling************/
li{ font-size: 1.3em; line-height: 2em; }
p { font-size: 1.2em; line-height: 1.5em;margin:3px 0px 10px;}
td{font-size:1em;line-height:1.2em;}
span{font-size:1.1em;line-height:1.4em;}
.italic{font-style:italic}
.bold{font-weight:bold}
a { text-decoration: underline; color: #D90040; }
a:hover { text-decoration: none; }
img.floatleft{float:left;margin-right:10px;}
img.floatright{float:right;margin-left:5px;}
p a img{text-decoration:none;border:0;}
p.italic{font-size:1.3em;font-style:italic;}
p.boldp{font-size:1.4em;font-weight:bold;}
/**********End generic sitewide styling**********/

#wrapper {width:100%;margin:0 auto;}

/*********************Header*********************/
#headerwrapper
{
width:100%;
height:163px;
border-top:8px solid #DFC799;
border-bottom:8px solid #DFC799;
background:#EEDEBD url(../images/header-footer.jpg) repeat-y top center;
}
#header{width:960px;margin:0 auto;position:relative;z-index:2000;/*tofix ie7 jquery superfish z-index bug*/}
#header img{display:block; margin-top:2px}

.logo{position:absolute;top:6px;left:152px;}
#toprightimage {position:absolute;top:10px;right:10px;}
#address{position:absolute;top:10px;right:10px;}

/*******************End Header*******************/
#contentwrapper{width:100%;margin:0px auto;}
.roundedtop{height:30px;width:960px;margin:30px auto 0px auto;background:url('../images/rounded-top.png') no-repeat;}
.roundedbottom{height:30px;width:960px;margin:0 auto;background:url('../images/rounded-bottom.png') no-repeat;}
/***********************Main Image Banner area***********************/
#welcomecontainer{width:100%;background:#EFDEBD url('../images/ccs-background-main-smaller.jpg') repeat;border-bottom:8px solid #DFC799;}
#welcomecontent{width:960px;margin:0px auto 5px auto;position:relative;overflow: hidden; }
.content-contact{height:380px;}

#welcomecontent .welcomecontentleftgallery{float:left;width:330px;margin:2px;}
#welcomecontent .welcomecontentrightgallery{float:right;margin:5px 5px 0px 2px;border:5px transparent;overflow:hidden;}
#welcomecontent .welcomecontentleftgallery p{font:normal 16px Georgia, "Times New Roman", sans-serif;color:#7F7F7F;line-height:24px;margin:5px;}
#welcomecontent .welcomecontentrightgallery h1{color:#8F8F8F;font-size:18px;letter-spacing:-1px;line-height:24px;font-weight:normal;text-align:center;height:50px;}
#welcomecontent .welcomecontentleftgallery h1{color:#8F8F8F;font-size:32px;letter-spacing:-1px;line-height:52px;font-weight:normal;text-align:left;}

#welcomecontent .welcomecontentlefthome{float:left;width:430px;margin:2px;}
#welcomecontent .welcomecontentrighthome{float:right;width:436px;margin:5px 5px 0px 2px;border:5px transparent;overflow:hidden;}
#welcomecontent .welcomecontentlefthome p{font:normal 16px Georgia, "Times New Roman", sans-serif;color:#7F7F7F;line-height:24px;margin:5px;}
#welcomecontent .welcomecontentlefthome h1{color:#8F8F8F;font-size:32px;letter-spacing:-1px;line-height:52px;font-weight:normal;text-align:left;}

#welcomecontent .welcomecontentleftcontact{position:relative;top:10px;float:left;width:530px;margin:2px;color:#4F4F4F;overflow:auto;}
#welcomecontent .welcomecontentrightcontact{height:300px;float:right;width:600px;margin:5px 5px 0px 2px;border:5px solid #000;overflow:hidden;}
#welcomecontent .welcomecontentleftcontact h3{font:normal 20px Georgia, "Times New Roman", sans-serif;line-height:24px;}
#welcomecontent .welcomecontentleftcontact p {font:normal 16px Georgia, "Times New Roman", sans-serif;line-height:24px;}
#welcomecontent .welcomecontentleftcontact span.openinghours {font:normal 16px Georgia, "Times New Roman", sans-serif;line-height:24px;}
#welcomecontent .welcomecontentleftcontact span.smallitalic {font-style:italic;font-size:14px;line-height:14px;}

#collectiondatediv{background:#7c1e1e;font-weight:bold;text-align:center;padding:10px 0px;}
#collectiondatediv p.introdate{font-weight:normal;color:#ffffff;}
#collectiondatediv p.bigdate{font-size:28px;color:#ffffff;}

/*sub navigation for gallery pages*/
#gallerysubnav{float:left;width:300px;margin:10px 10px 10px 0px;border-bottom:2px solid #DFC799;}

#subnav-left{float:left;width:145px;}
#subnav-right{float:right;width:145px;}

#specocc-subnav-left{width:290px;}

#gallerysubnav a:link {color:#AFAFAF;text-decoration:none;}
#gallerysubnav a:visited {color:#AFAFAF; text-decoration:none;}
#gallerysubnav a:hover {color:#AFAFAF; text-decoration:underline;}
#gallerysubnav a:active {color:#AFAFAF; text-decoration:none;}
#gallerysubnav p.subnav-active a{font-weight:bold;text-decoration:underline;color:#8F8F8F}

#gallerysubnav h1{color:#8F8F8F;font-size:32px;letter-spacing:-1px;line-height:52px;font-weight:normal;}
/*end sub-navigation for gallery pages*/

/*gallery pages heading (add width for ie)*/
#galleryh1{text-align:center;}

/* Easy Slider */
#slider{overflow:hidden;}
#slider ul{overflow:hidden;}
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/ 
#slider li, #slider2 li{width:563px;height:450px;}
#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
display:block;
width:40px;
height:40px;
position:absolute;
left:390px;
top:5px;
z-index:1000;
}	
#nextBtn, #slider1next{left:915px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
display:block;
position:relative;
width:40px;
height:40px;
background:url(../images/new_back.png) no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{background:url(../images/new_next.png) no-repeat 0 0;}	
		
/* numeric controls */	
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0;padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

#slider ul li img{z-index:500;}/*for opera and google chrome*/
/*************END Easy Slider************/

/*************Footer***************/
#footercontainer{height:100px;background:none;}
#footercontent{margin:30px auto;width:960px;font-size:0.9em;height:60px;}

.footerleft, .footerright{width:450px;color:#2F1D09;font-style:italic;line-height:0.8em;}
.footerleft{float:left;text-align:left;margin-left:10px;}
.footerright{float:right;text-align:right;margin-right:10px;}
.footer-co-details{width:900px;margin:0 auto;text-align:center;clear:right;}

.footerright a {color:#2F1D09;text-decoration:none;}
.footerright a:visited {color:#2F1D09;}
.footerright a:hover {color:#F8991C;text-decoration:underline;}
.footerright a:active {color:#F8991C;}
/*************END FOOTER************/

/***********DATE PICKER STUFF***********/
.dpDisclaimer_on {
  color:#ffffff;
  background:#7c1e1e;
  padding:10px; 
  font-size:17px;
  font-weight:bold;
  line-height:1.2em;
}
.dpDisclaimer_off {
  color:#000000;
  background:transparent;
  padding:0;
  font-size:17px;
  font-weight:bold;
  line-height:1.2em;
}

/***************** BANNER MESSAGE ******************/
/* #headerwrapper { height:220px; } */

.banner-message {
  width: 960px;
  height:55px;
  background:url(../images/banner_opendays.jpg) no-repeat;
  border-radius:10px;
  position: absolute;
  top: 150px; left:0;
}

.banner-message a {
  display:block;
  width:960px;
  height:55px;
  position:absolute;
  left:0; top:0;
}

.banner-terms {
  width: 960px;
  height: 20px;
  text-align:right;
  position:absolute;
  left:0; top:207px;
}

.banner-terms a {
  font-size:10px;
  color:#7f7f7f;
  text-decoration:none;
} .banner-terms a:hover { text-decoration:underline; }