/* GLOBAL STYLES ----------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background: #F5FBFD;
	font: 14px Arial, Helvetica, sans-serif;
	color: #5D5D5D;
}
#wrapper {
	clear:both;
	width: 738px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	position:relative;
	display:block;
	background: #FFFFFF url(/lib/images/site/content_bg.gif) repeat-y left;
	padding:0;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
* html #wrapper  /* this selector recognized by IE only */
{
  width: 740px;   /* total width (only for IE5.x/Win) */
  w\idth: 738px;  /* content width (for other IE) */
}
/* Hack for clearing the content div so the wrapper extends
   to the bottom. Reference: http://www.positioniseverything.net/easyclearing.html 
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.footer {
	width:740px;
	height:25px;
	display:block;
	clear:both;
	font-size: 11px;
	text-align:center;
	margin-top:20px;
	margin-right:auto;
	margin-left:auto;
	}
a {
	text-decoration:underline;
	color:#9A450D;
	}
a:hover {
	text-decoration:none;
	}
.masthead {
	width:740px;
	background-color:#F5FBFD;
	padding:0;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	}
* html .masthead  /* this selector recognized by IE only */
{
  width: 750px;   /* total width (only for IE5.x/Win) */
  w\idth: 740px;  /* content width (for other IE) */
}
.search {
	height:60px;
	text-align:right;
	}
.search input {
	width:135px;
	height:15px;
	background: #FFFFFF;
	border:none;
	border-top: 1px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	padding:2px;
	margin-bottom:2px;
	}
.section {
	width:738px;
	height:32px;
	padding:0;
	background: #669966;
	clear:both;
	}
.section img {
	padding:0;
	margin:0;
	}

/* HOMEPAGE STYLES ----------------------------------------------------------*/
.address {
	color: #FFFFFF;
	width:134px;
	float:left;
	height:121px;
	background: #A83A24 url(/lib/images/site/address_bg.gif) repeat-y;
	font-size: 13px;
	}
.feature {
	font-size: 16px;
	color: #FFFFFF;
	width:226px;
	float:right;
	height:96px;
	padding:10px 15px 15px 365px;
	background: #4D804D url(/lib/images/site/joinin.jpg) no-repeat left top;
	}
.tours {
	margin:10px 200px 0 30px;
	color:#4D804D;
	}
.tours a {
	color:#4D804D;
	}

/* NAV STYLES ----------------------------------------------------------*/

.nav {
	height:37px;
	width:606px;
	margin-left:134px;
	}

/* SUBNAV STYLES ----------------------------------------------------------*/

#column {
	clear:left;
	width:161px;
	float:left;
	padding:0;
	margin:0 0 25px 0;
	color: #EAEEF0;
	background-color: #9B1D04;
	}
#column .events {
	padding:0 10px 0 10px;
	font-size: 13px;
	}
#column a, .feature a, .address a {
	color:#FFFFFF;
	}
#subnav {
	background: #9B1D04;
	width: 160px;
}
#subnav ul {
	margin: 0px;
	padding: 0px;
}
#subnav li {
	display: inline;
	margin: 0px;
}
#subnav li a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background: #9B1D04;
	display: block;
	font-size: 13px;
	margin: 0px;
	padding: 3px 0px 3px 10px;
	text-decoration: none;
}
#subnav li a:hover {
	background: #669966;
}
#subnav li.primaryON, #subnav li.primaryON a {
	background: #669966;
	color: #FFFFFF;
	font-weight: bold;
}
#subnav li.primaryON a:hover {
	background-color: #669966;
}
#subnav li.child, #subnav li.child a {
	background-color: #F3DDC3;
	color: #FFFFFF;
	font-size: 13px;
}
* html #subnav li.child {
	background: ; /* Blank attr to help IE not repeat BG images in links */
}
#subnav li.childON a, #subnav li.child a {
	display: block;
	padding:2px 0 2px 10px;

}
#subnav li.childON, #subnav li.childON a {
	background-color: #E0A663;
	color: #FFFFFF;
	font-size: 13px;
}
#subnav li.child a:hover, #subnav li.childON a:hover {
	background-color: #E0A663;
	color: #FFFFFF;
	font-size: 13px;
}
	
/* CONTENT STYLES ----------------------------------------------------------*/

#content {
	padding:35px 15px 15px 40px;
	margin:0;
	width:522px;
	float:right;
	background: #FFFFFF;
	}

* html #content  /* this selector recognized by IE only */
{
  width: 575px;   /* total width (only for IE5.x/Win) */
  w\idth: 522px;  /* content width (for other IE) */
}

#content p {
	margin: 0 0 15px 0;
	}
	
#content ul {
	list-style: disc url(none) outside;
	margin:0 0 15px 30px;
	padding:0;
	}
#content li {
	padding:0;
	margin:0;
	font: 14px Arial, Helvetica, sans-serif;	
	}
#content .cellON {
	background-color:#F8EDD7;
	font: 12px Arial, Helvetica, sans-serif;
	}
#content .cell {
	background-color:#F3DFB9;
	font: 12px Arial, Helvetica, sans-serif;
	}
#content input, #content textarea {
	border:none;
	padding:1px;
	}
#content .button {
	background-color:#E9D9B8;
	padding:2px;
	border: 1px solid #BD9360;
	}
#sidebar {
	width:150px;
	padding:7px;
	background:#F8EBDB;
	float:right;
	}
.disclaimer {
	font: 12px Arial, Helvetica, sans-serif;
	margin-top: 50px;	
	color:#BD9360;
	clear:right;
	}
.details {
	background-color:#F8EDD7;
	font: 12px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}

h1 {
	color: #669966;
	margin:0 0 10px;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	}
h2 {
	color: #669966;
	margin:0 0 10px;
	padding: 0;
	font-size: 14px;
	}
.photo {
	float:right;
	clear:right;
	margin:0 0 15px 15px;
	border:5px solid #669966;
	}
.imgRight {
	float:right;
	clear:right;
	margin:0 0 15px 15px;
	}
.imgLeft {
	float:left;
	clear:left;
	margin:0 15px 15px 0;
	}

/* CALENDAR STYLES ----------------------------------------------------------*/
.calDate {
	background-color:#D0770E;
	width:35px;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
	border-right:1px solid #FFFFFF;
	text-align:center;
	padding:3px 0 3px 0;
	clear:both;
	margin:0;
	}
.calBrief {
	width:466px;
	padding:3px 10px 3px 10px;
	border-bottom:2px solid #FFFFFF;
	background-color:#E6E4E4;
	float:right;
	clear:right;
	min-height:40px; 
	margin:0;
	}
.calBrief2 {
	width:466px;
	padding:3px 10px 3px 10px;
	border-bottom:2px solid #FFFFFF;
	background-color:#F4F3F3;
	float:right;
	clear:right;
	}
.calTitle {
	color:#003399;
	font-size:14px;
	width:50%;
	font-weight:bold;
	display:block;
	float:left;
	}
.calDetails {
	color:#4D804D;
	font-size:13px;
	font-weight:bold;
	width:50%;
	height:15px;
	display:inline;
	float:right;
	clear:right;
	text-align:right;
	}
.divider {
	border:none;
	border-bottom:1px solid #D0770E;
	padding:0;
	margin:0;
	}


/* ===================================================	
	PARASITE STYLES	
=================================================== */
#toolbar a {
	background: #FF7F00;
	padding: 2px 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration:none;
}
