/***************************************************
   HTML Element Styles
 ***************************************************/

*{
	margin: 0;
	padding: 0;
}

body {
  margin: 0;  
  font: 11px verdana, arial, sans-serif;  
  line-height: 18px;
  color: #d5d5d5;
  background-color: #1f0f00;
  background-image: url(../images/bg_sm.jpg);
  background-repeat: repeat-x;
}

body#home{
  background-image: url(../images/bg.jpg);
  background-repeat: repeat-x;
}

p { 
  padding-top: 10px;
  padding-top: 3px;
  padding-bottom: 10px;
  padding-bottom: 3px;
}

a:link, a:visited {
  color: #ccc;
}


a:hover {
  color: #F4ECDB;
}

div.clearer {
	height: 0px;
	line-height: 0px;
	margin-top: 0px;
	clear: both;
	background-color: transparent;
	font-size: 1px;
}

h1 {
  clear: both;
  font: 18px helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  border-bottom: 1px solid #4a0000;
  margin: 5px 0 0 0;
}

h1 span {
  display: block;
  padding: 2px;
}

h2, h3 {
  text-align: left;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  color: #FFFFFF;
}

h3 {
  border-bottom: 1px solid #4a0000;
  margin: 15px;
  font: 14px verdana, sans-serif;
}

p{
  padding: 5px;
}

dt{
  font-weight: bold;
  color: #fff;
}

dl{
	margin: 0 0 10px 10px;
}

td {
font: 0.62em verdana, arial, sans-serif; 
line-height: 20px;
}

.highlightedArea { width: 350px; height: 305px; background-color: #d8c491; border: 6px solid #3c0000; color: #1f0f00; padding: 5px; margin: 10px 0; float: left;}

.highlightedArea h1, .highlightedArea dt { color: #1f0f00; }
.highlightedArea dl { padding-right: 15px; }
.highlightedArea dl .space { padding: 8px; background-color: #e3d2a6; }

.fallRates dl { float: left; width: 17%; height: 120px; margin: 15px 10px 20px 0; border-right: 1px solid #55452e; }
.fallRates .weekly { width: 170px; }
.fallRates .last { margin-right: 0; border: none; }

/* 	+Table	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#specials table {
margin: 5px 0 25px 0;
text-align: center;
border-collapse: collapse;
}

body#specials thead th {
padding: 5px;
border: 4px solid #300000;
color: #c9b37a;
background-color: #540000;
}

body#specials tfoot {
padding: 10px;
text-align: left;
font-size: .9em;
}

body#specials td {
padding: 6px;
color: #c9b37a;
font-weight: bold;
border: 4px solid #300000;
font: 1.02em verdana, arial, sans-serif; 
background-color: #280000;
}


body#specials h1 {
font: 16px helvetica, arial, sans-serif;
}



#giftCert { 
border: 6px solid #4b0000;
float: left; margin-right: 25px;
}

/***************************************************
  Layout Element Styles
 ***************************************************/

#headerImage{
	margin: 0 0 5px 0;  
  
}

div#address{
	margin: 15px 0 0 0;
	width: 285px;
	float: right;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

div#address p{
	margin: 0;
	padding: 0;
	line-height: 14px;
}

div#address img{
	float: left;
}

div#address p.info{
	font-size: 9px;
}

div#footer {  
 	font-size: 10px; 
	margin: 0 auto;
	color: #f4f4f4;
	padding: 10px 0 0 0;
	text-align: center;
}

body#index div#footer { 
	display: none;
}

div#constraint{
	background-image: url(../images/header_sm_bg.jpg);
	background-repeat: no-repeat;
  	background-position: top left;

}

body#home div#constraint{
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
  	background-position: top left;
}

div#slideshow{
	display: none;
}

body#home div#slideshow{
	text-align: center;
	width: 100%;
	display: block;
}


div.column_left p img{
	color: #645026;
	
}

.article{
	color: #D2BC88;
	font-size: 13px;
}

div.column_right, div.column_left{
	width: 350px;
	margin: 10px 0 0 40px;
	float: left;
}

div.column_right {
	float: right;
	margin: 10px 0 0 20px;
}

body#contact div.column_right{
	width: 310px;
	margin: 0;
}

body#specials div.column_left, body#packages div.column_left{
	width: 500px;
	margin: 10px 0 0 10px;
}

body#massage div.column_right{
	width: 390px;
}

body#massage div.column_left{
	margin: 10px 0 0 0;
}

body#home a.champagneDates { display: block; width: 350px; height: 75px; background: transparent url(../images/champagneDatesButton.gif) no-repeat top left; }
body#home a.champagneDates:hover { background-image: url(../images/champagneDatesButton-over.gif); }

body#home a.specialsButton img { margin: 12px 0px 3px 0px; border: none; }

body#home .monthlySpecialsButton a, .monthlySpecialsButton a:hover {display: block; margin: 10px 0; height: 75px;}
body#home .monthlySpecialsButton a {background:url('../images/moSpecialsBtn.gif') no-repeat top left;}
body#home .monthlySpecialsButton a:hover {background:url('../images/moSpecialsBtnHover.gif') no-repeat top left;}

body#home .bestRatesButton a, .bestRatesButton a:hover, 
body#home .champagneDatesButton a, .champagneDatesButton a:hover {display: block; margin: 10px 0; height: 75px;}
body#home .bestRatesButton a {background:url('../images/bestRatesBtn.gif') no-repeat top left;}
body#home .bestRatesButton a:hover {background:url('../images/bestRatesBtnHover.gif') no-repeat top left;}
body#home .champagneDatesButton a {background:url('../images/champagneDatesButton.gif') no-repeat top left;}
body#home .champagneDatesButton a:hover {background:url('../images/champagneDatesButton-over.gif') no-repeat top left;}

/*body#home .leads, body#rewards .leads { padding: 0 0 30px 5px; }
body#home .leads .signUp, body#rewards .leads .signUp { width: 280px; height: 50px; padding: 7px 0 0 20px; font-weight: bold; background: url('../images/leadButtons.jpg') no-repeat top left; }
body#home .leads .signUp a, body#rewards .leads .signUp a { text-decoration: none; }*/

body#home .leads, body#rewards .leads, body#contact .leads { padding: 0 0 30px 5px; }
body#home .leads .signUp, body#rewards .leads .signUp, body#contact .leads .signUp { width: 280px; height: 50px; padding: 7px 0 0 20px; font-weight: bold; background: url('../images/leadButtonsContrast.jpg') no-repeat top left; }
body#home .leads .signUp a, body#rewards .leads .signUp a, body#contact .leads .signUp a { text-decoration: none; color: #3c0000; }
body#home .leads .signUp a:hover, body#rewards .leads .signUp a:hover, body#contact .leads .signUp a:hover { color: #1f0f00; }

/*body#specials .monthlySpecials {background:url('../images/julySale.gif') no-repeat top left; height:203px; padding-bottom: 15px;}*/

body#specials .highlightedArea { width: 96%; height: auto; background-color: #d49a3b; border: 6px solid #7d2600; color: #1f0f00; padding: 5px; margin: 5px 0;}
body#specials .highlightedAreaAlt { width: 96%; height: auto; background-color: #ffd084; border: 6px solid #db6c00; color: #1f0f00; padding: 5px; margin: 5px 0;}

body#specials .highlightedArea h1, body#specials .highlightedArea dt,
body#specials .highlightedAreaAlt h1, body#specials .highlightedAreaAlt dt{ color: #1f0f00; }
body#specials .highlightedArea dl,
body#specials .highlightedAreaAlt dl { padding-right: 15px; }
body#specials .highlightedArea dl .space { padding: 10px 8px; background-color: #ffd084; border: 1px solid #7d2600; }


body#specials .highlightedAreaBlue { width: 96%; height: auto; background-color: #81b3c1; border: 6px solid #307184; color: #1f0f00; padding: 5px; margin: 5px 0;}
body#specials .highlightedAreaBlue h1, body#specials .highlightedAreaAlt dt, body#specials .highlightedAreaBlue dl dt, 
body#specials .highlightedAreaPink h1, body#specials .highlightedAreaPink dl dt { color: #1f0f00; }
body#specials .highlightedAreaBlue dl { padding-right: 15px; }

body#specials .highlightedAreaPink { width: 96%; height: auto; background-color: #ffd8d8; border: 6px solid #ff8787; color: #1f0f00; padding: 5px; margin: 5px 0;}

body#specials .membershipButton, body#specials .membershipButton:hover {display: block; margin: 10px 0; width: 160px; height: 34px;}
body#specials .membershipButton {background:url('../images/membershipButton.gif') no-repeat top left;}
body#specials .membershipButton:hover {background:url('../images/membershipButtonOver.gif') no-repeat top left;}

/* body#specials #spaBtn { float: left; } */
/* body#specials #giftBtn, body#specials #reserve { float: left; width: 300px; height: 40px; } */

/***************************************************
  Weather
 ***************************************************/
.weather .dynamicCity { display: none; }

.weatherImage { float: left; width: 65px; }
.weather .weatherInfo .weatherImage img { float: left; display: block; width: 55px; }
.weatherInfo h3 { float: left; font-weight: bold; font-size: 30px; margin-top: 0; margin-left: 0; border: none; }
.weatherInfo h3 span { font-size: 16px; font-weight: normal; }
.weatherInfo .weatherWind, .weatherInfo p, .weatherInfo .weatherUpdated { display: none; }

/***************************************************
  Christmas Specials
 ***************************************************/

body#home .specialOffer { float: left; display: block; cursor: pointer; width: 350px; height: 78px; margin: 10px 0 15px 0; background: transparent url(../images/champagneDatesButton.jpg) no-repeat top left; }

body#holidaySpecials .highlightedArea { width: 96%; height: auto; background-color: #9d9d5f; border: 6px solid #67692e; color: #1f0f00; padding: 5px; margin: 10px 0;}
body#holidaySpecials .highlightedAreaAlt { width: 96%; height: auto; background-color: #87211c; border: 6px solid #630000; color: #ffffff; padding: 5px; margin: 10px 0;}

body#holidaySpecials .highlightedArea h1, body#holidaySpecials .highlightedArea dt/*, body#holidaySpecials .highlightedAreaAlt h1, body#holidaySpecials .highlightedAreaAlt dt
*/{ color: #1f0f00; }
body#holidaySpecials .highlightedArea dl,
body#holidaySpecials .highlightedAreaAlt dl { padding-right: 15px; }
body#holidaySpecials .highlightedArea dl .space { padding: 10px 8px; background-color: #ffd084; border: 1px solid #7d2600; }

body#holidaySpecials .highlightedAreaAlt dl .space { background-color: #ffffff; }

body#holidaySpecials .highlightedAreaBlue { width: 96%; height: auto; background-color: #81b3c1; border: 6px solid #307184; color: #1f0f00; padding: 5px; margin: 5px 0;}
body#holidaySpecials .highlightedAreaBlue h1, body#specials .highlightedAreaAlt dt, body#specials .highlightedAreaBlue dl dt, 
body#holidaySpecials .highlightedAreaPink h1, body#specials .highlightedAreaPink dl dt { color: #1f0f00; }
body#holidaySpecials .highlightedAreaBlue dl { padding-right: 15px; }

body#specials .highlightedAreaPink { width: 96%; height: auto; background-color: #ffd8d8; border: 6px solid #ff8787; color: #1f0f00; padding: 5px; margin: 5px 0;}

.pleaseNote, .pleaseCall { font-size: 12px; font-weight: bold; }

body#holidaySpecials .membershipButton, body#specials .membershipButton:hover {display: block; margin: 10px 0; width: 160px; height: 34px;}
body#holidaySpecials .membershipButton {background:url('../images/membershipButton.gif') no-repeat top left;}
body#holidaySpecials .membershipButton:hover {background:url('../images/membershipButtonOver.gif') no-repeat top left;}

body#specials #easter { background-color: #8fcaad; border-color: #648f7a; }

/* 	+Table	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body#holidaySpecials table {
margin: 5px 0 25px 0;
text-align: center;
border-collapse: collapse;
}

body#holidaySpecials thead th {
padding: 5px;
border: 4px solid #300000;
color: #c9b37a;
background-color: #540000;
}

body#holidaySpecials tfoot {
padding: 10px;
text-align: left;
font-size: .9em;
}

body#holidaySpecials td {
padding: 6px;
color: #c9b37a;
font-weight: bold;
border: 4px solid #300000;
font: 1.02em verdana, arial, sans-serif; 
background-color: #280000;
}


body#holidaySpecials h1 {
font: 16px helvetica, arial, sans-serif;
}

/***************************************************
  Navigations
 ***************************************************/
div#nav{
	display: none;
}

body#home div#nav{
	margin: 0px auto;
	text-align: center;
	display: inherit;
}

body#home div#main_nav {
	display: none;
	
}
div#main_nav {
	margin: 0px auto;
	text-align: center;
	margin: 10px 0 0 0;
}

div.textLinks{
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #4a0000;
	border-bottom: 1px solid #4a0000;
	width: 800px;
}

div.textLinks a {
	display: inline;
	margin: 4px;
	text-decoration: none;
}

.wifi{
	margin: 0 auto;
	text-align: center;
	display: block;
}

.dupage {
	margin: 0 auto;
	text-align: center;
	display: block;
}

/***************************************************
  CSS Main Navigation
 ***************************************************/

body#home div#navigation { 
	margin: -50px 0 0 20px;
}

* html body#home div#navigation {
	margin: -50px 0 0 15px;
} 
		
div#navigation { 
	float: left; 
	text-align: left; 
	margin: 5px 0 0 0;
}
		
/* Dropdown */
div#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/* width: 150px; Width of Menu Items - mainly used on the side Dropdown or for each main menu item to be the same width (needs a width if you want to center the menu) */
	text-transform: uppercase;
}
		
div#navigation ul li { 
	position: relative; 
	float: left; 
}

div#navigation li ul {
	position: absolute;
	top: 28px;
	left: 0;	/* Set 1px less than menu width */
	display: none;
	font-size: 9px;
}

/* Styles for Menu Items */
div#navigation ul li a, div#navigation ul li a:visited {
	height: 100%;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	line-height: 30px;	/* sets the height of the box */
	display: block;
	text-decoration: none;
	color: #CEB982;
	padding: 5px 5px 5px 20px;
	font-size: 130%;
}

/* Fix IE. Hide from IE Mac \*/
* html div#navigation ul li { 
	float: left; 
	height: 1%; 
}

* html div#navigation ul li a { 
	height: 1%; 
}
		
* html div#navigation ul li a { 
	float: left;	 
/* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ 
}

/* Th selector below prevents the over links from appearing to display inline. */

* html div#navigation li ul li { 
	clear: both; 
}

/* End Fix IE*/

div#navigation ul li a:hover { 
	color: #f4f4f4; 
}	

/* Hover Styles */
div#navigation li ul li a, div#navigation li ul li a:visited {
/* Sub Menu Styles */
/*padding: 2px 5px; This is if you want the size of the submenu to be smaller. */
	width: 110px;
	background-color: #1F0F00;
	font-size: 110%;
	padding: 0;
	margin: 0;
}

div#navigation li:hover ul, div#navigation li.over ul { 
	display: block; 
}	

/* The magic */
/* End Dropdown */


/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text
 2. Dropdown image
 3. Right side bar 
 4. Content holders
 ***************************************************/


#content {  
  clear: both;
  margin: 0 auto;
  width: 800px;
  text-align: justify;
}


#content ul{
	margin: 0 0 10px 20px;
}  

div.sideInfo{
	width: 200px;
	margin: 10px;
	float: right;
	padding: 5px;
	border: 1px solid #f4f4f4;
	background-color: #3C0000;
}

div.sideInfo h1{
	border-bottom: 1px solid #f4f4f4;
}


/***************************************************
  Intro Element Styles
 ***************************************************/
 
body#splash{
 	background-image: none;
 	background-color: #FFF8EB;
 }
 
body#splash #footer{
	margin: 80px 0 0 0;
}
 
div#intro{
 	margin: 0 auto;
 	text-align: center;
 	padding: 80px 0 0 0;
 }
 
body#splash #footer{
	color: #333;
}

body#splash #footer a:link, body#splash #footer a:visited{
	color: #660000;
}
 
div#printInfo{
 	display: none;
}
 

/***************************************************
Navigation Styles
 ***************************************************/

#navigation p {
  padding: 0 5px;
  margin-bottom: 0;
}

#navigation p span.navlink {
  display: block;
  margin-top: 5px;
  font-weight: 700;
}

#navigation img {
  margin-top: -1px;
}

#navigation a {
  color: #666;
}

#navigation a:visited {
  color: #676767;
}

#navigation a:hover {
  color: #FFF;
}

/***************************************************
  Packages Element Styles
 ***************************************************/

div.package {
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #0F0700;
	border: 1px solid #333;
}

div.packageDisclaimer {
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #3C0000;
	border: 1px solid #333;
	text-align: center;
}

div.package dt{
	padding-right: 5px;
	margin-top: 5px;
}

div.package dt span, div.package dd span{
	float: right;
	font-weight: bold;
	display: block;
} 

div.package h1 {
	color: #fff;
	background-color: #3C0000;
}
 
div.packageImage {
	width: 80px;
	height: 60px;
	float: left;
	margin: 5px;
	background-color: #f4f4f4;
}

div.packagePrice{
	float: left;
	background-color: #333;
	border: 1px solid #d5d5d5;
	font-size: 110%;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
	margin: 5px;
	height: 40px;
	width: 95px;
	text-align: center;
}

div.packageInfo{
	float: left;
	background-color: #1F0F00;
	padding: 5px;
	margin: 5px;
	border: 1px solid #4A0000;
	height: 50px;
	width: 525px;
}

div.packageInfo dl {
	margin: 0px 0 0 4px;
}

#extend{
	height: 130px;
}

#extended{
	height: 100px;
}

#depth {
	height: 85px;
}
 
div.packageItem {
	
}

#golf{}

div.spaPackageInfo{
	/* width: 450px; */
	width: 100%;
	/* margin: 10px 0 0 40px; */
	margin: 10px 0 0 0;
	float: left;
}



 /***************************************************
  Spa Styles
 ***************************************************/

#spaNav{
	text-align: right;
}
 
#spaNav a{
	text-decoration: none;
}
 
.price{
	color: #fff;
	font-weight: bold;
} 

.waxList .price{
	float: right;
	padding: 0 10px 0 0;
}

.priceLink { float: right; margin: 0; }
.priceLink img { border: none; }

.spImage{float: left; margin: 5px 10px 0 10px;} 

/***************************************************
  Suites Element Styles
 ***************************************************/

.suitesContent, .locationContent, .featuresContent, .cleanContent, .specialsContent, .packagesContent{
	padding: 10px 20px 20px 20px;
}

body#suites ul li{
	text-transform: uppercase;
}

/***************************************************
  Beverage Element Styles
 ***************************************************/

body#beverageAge .beverageContent h3 { text-align: center; border: none; padding: 0 0 10px 0; }

body#beverageList .beverageContent h2 { text-decoration: underline; }
body#beverageList .beverageContent { margin: 30px 0; }
body#beverageList .beverageContent .half { float: left; width: 46%; margin: 10px 30px 10px 0; }
body#beverageList .beverageContent h1 span { font-weight: normal; text-transform: lowercase; font-size: 11px; display: inline; }

body#beverageList .rose img {float: left; margin: 10px;}

body#beverageList .rose p {}

body#beverageAge .beverageContent { margin: 70px 0; text-align: center; }
body#beverageAge .beverageContent input { margin: 0 5px 0 0; }
/* body#beverageAge .beverageContent label { font-weight: bold; font-size: 12px; } */

body#beverageAge .formBlock { width: 170px; margin: 20px auto 40px auto; text-align: left; float: none; }

body#beverageAge .continue { margin-top: 15px; text-align: center; }

body#beverageAge #under21Message { padding: 20px; background-color: #fff; }
body#beverageAge #under21Message h1 { font-weight: bold; color: #990000; border: none; }
body#beverageAge #under21Message p { color: #000;  }
body#beverageAge #under21Message p a { color: #666666; }
body#beverageAge #under21Message p a:hover { color: #999; }

/***************************************************
  Gallery Element Styles
 ***************************************************/

body#gallery ul#galleryNav li#L-standard a, body#gallery ul#galleryNav li#L-premium a, body#gallery ul#galleryNav li#L-executive a {
	cursor: pointer;
}

body#gallery ul#galleryNav {
	float: left;
	padding: 10px 0 0 20px;
	list-style-type: none;
	background-color: yellow;
}

body#gallery ul#galleryNav li#L-standard, body#gallery ul#galleryNav li#L-premium, body#gallery ul#galleryNav li#L-executive {
	float: left;
	width: 75px;
	height: 30px;
	background-color: yellow;
	cursor: pointer;
}

body#gallery .booklets {
	height: 400px;
}

body#gallery .booklets ul {
	text-align: right;
	list-style-type: none;
}

/* body#gallery #toggle_slide01 ul, body#gallery #toggle_slide02 ul, body#gallery #toggle_slide03 ul { height: 200px; }
body#gallery #toggle_slide01 ul { background-color: red; }
body#gallery #toggle_slide02 ul { background-color: yellow; }
body#gallery #toggle_slide03 ul { background-color: blue; } */

/***************************************************
  Location Element Styles
 ***************************************************/

.locationColumn{
	width: 375px;
	float: left;
	margin: 0 0 0 5px;
}

.locationColumn img{
	margin: 5px 0 0 0;
}

body#location a:link, body#location a:visited{
	color: #D4BE8A;
}

 /***************************************************
  Help Icon Styles
 ***************************************************/

#helpButton{ text-align: center; background-image:url('../images/bgHelpBtn.jpg'); background-repeat: no-repeat; font-weight: bold; padding: 0 0 5px 0;}

#helpButton {width: 290px; margin: 0 0 5px 5px;}

body#home #helpButton span{color: #fff; padding: 5px;}

#helpButton table{margin: 0 auto;}

 /***************************************************
  Clean Styles
 ***************************************************/


/***************************************************
 Generic Display Classes
 ***************************************************/

body#membership .silver, body#membership .gold, body#membership .elite { list-style-type: none; font-weight: bold; border: 1px solid #333; color: #000; font-size: 14px; margin: 20px 0 5px 0; padding: 3px 5px; }
body#membership .silver { background-color: #c0c0c0; background: transparent url(../images/membershipHeader-silver.jpg) no-repeat top left; }
body#membership .gold { background-color: #ffd700; background: transparent url(../images/membershipHeader-gold.jpg) no-repeat top left; }
body#membership .elite { background-color: #3c0000; color: #fff; background: transparent url(../images/membershipHeader-burgandy.jpg) no-repeat top left; }

body#membership ul { list-style-position: inside; margin-bottom: 40px; }

.suitesLink { display: block; float: left; margin-bottom: 40px; width: 290px; height: 31px; background: transparent url(../images/suitesLink.jpg) no-repeat top left; }
.suitesLink:hover { background-image: url(../images/suitesLink-over.jpg); }

 /***************************************************
  Renovation Styles
 ***************************************************/

body#renovation dl{
	margin: 10px;
	float: left;
}

/***************************************************
  Contact Element Styles
 ***************************************************/
 
 .contactContent{
 padding-bottom: 30px;
 }
 
 /***************************************************
  Reserve & Gift Button Styles
 ***************************************************/
 
div#reserve, div#giftBtn  {
 	float: right;
 	margin: 0 15px 0 0;
 }
 
body#home div#reserve, body#contact div#giftBtn, body#home div#giftBtn{
	float: none;
}
 
div#spaBtn { float: left; width: 280px; height: 70px; margin: 0 0 10px 10px; background: transparent url(../images/bookAfternoon.gif) no-repeat top left; }
 
body#home div#spaBtn {
float: left;
}

body#massage b, body#massage strong, body#massage dt{
	color: #fff;

}

/***************************************************
 Footer
 ***************************************************/

#footer {
  clear: both;
}

#footer p {
}

#footer h2 {
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-align: center;
  color: #FFFFFF;
}

h2 span {
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}

.dupageLink { text-align: center; }


/***************************************************
 Generic Display Classes
 ***************************************************/
 

.date {
  display: block;
  font-weight: 700;
}

.disclaimer{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #CBB57C;
}

/* -------------------------------------------------- */
/* Form Elements                                     */
/* -------------------------------------------------- */

.formDirection {
margin: 10px;
color: #f4f4f4;
}

.formBlock {
float: left;
width: 200px;
margin: 0 0 0 20px;
}

body#contact .formBlock { width: 190px; }

.formRow {
/*margin-left: 20px;*/
padding-bottom: 10px;
}

label, .field {
color: #f4f4f4;
padding-right: 5px;
}

.field {
/* creates field names that display over fields */
display: block;
width: 100%;
}

.required {
font-weight: bold;
color: #ff0000;
}

select *{
width: 140px;
}

.sectionTitle {
font-weight: bold;
padding-bottom: 10px;
}

div.submitBlock {
	clear: both;
	text-align: center;
	padding: 5px 0 0 0;
}

.specialEvent {
padding: 10px;
text-align: center;
color: #000000;
background-color: #C9B97A;
border: 1px solid #FFFFFF;
}

.specialEvent strong {
display: block;
font-size: 14px;
}

.specialEvent a {
color: #CC0000;
}