body{
font-family: arial, helvetica;
text-align: center;
background-color: #070300;
background-image: url('../images/template/bkg5.gif');
margin: 0px;
}

#shadowContainer{
  background-image: url('../images/template/shadow1.png');
  background-repeat: no-repeat;
  margin: 0px auto;
  width: 1050px;
  position: relative;
}

h1 {font:22px Georgia, "Times New Roman", serif;color: #741805;}
	
h2 { 
	font-family: Helvetica, Verdana, Arial, sans-serif, "Lucida Grande"; border-bottom-style: none; 
	font-weight: bold; 
	font-size: 13px; 
	color: black;
	margin-top: -10px;
	margin-left: 100px;
	text-align: left;
	}


h3 {color: #741805; font-size: 13px; margin: 20px 0px 10px; padding:0px;}
h4 {font-size: 12px; margin: 10px 0px 5px; text-transform: uppercase;}
h5 {font:24px Georgia, "Times New Roman", serif;color: #c1850c; margin-top: 0px; margin-bottom: 10px;}

#accommodations td,
#events td
{ 	/*shane changed this 7-13 11:24pm becuase it was effecting calendar table - JIM changed back to show client again*/
	font: 10px/170% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	padding: 0px 20px 2px 0px;
	vertical-align: top;
	}

p { 
	font: 11px/170% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 10px 0px;
	}
	
strong {

	font: 13px/140% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	color: #994d08; font-weight: bold; text-transform: uppercase;}


a {text-decoration: none; font: 11px/140%  "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;  font-weight: bold;  }
a:link {color: #6a1b03; }
a:visited { color: #8b0207; }
a:hover { color: #c1321e; }
a:active { color: #d4b09b; }

a img {border: none; }

ul 	{ list-style-type: none; padding-top: 5px; text-align: left;}	
li 	{ 
display: inline;
padding-right: 50px;
} 


div#templateContainer{
margin: 10px auto;
width: 964px;
text-align: left;
background-color: #fefaef;
border: 2px solid #fefaef;
}

div#header{
width: 964px;
height: 50px;
background-image: url('../images/template/head.jpg');
padding-top: 150px;
border-bottom: 1px solid #fefaef;
}

div#nav{
clear: both;
background-image: url('../images/template/menuBar.gif');
background-repeat: no-repeat;
position: relative;
z-index: 500;
}

#nav a {
font-family: Times, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
color: white;
text-decoration: none;
font-variant: small-caps;
}

#nav a:hover {
font-family: Times, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 14px;
color: orange;
text-decoration: none;
font-variant: small-caps;
}


div#bodyContent{
background-image: url('../images/template/body.jpg');
background-repeat: no-repeat;

}


div#bodyIndent{
padding-top: 18px;
padding-left: 18px;
padding-bottom: 15px;
}


div#content{
clear: both;
}



div#leftColumn{
color: #502707;
width: 560px;
float: left;
}


div#rightColumn{
margin-top: 15px;
background-color: #fff589;
margin-left: 579px;
margin-bottom: 15px;
width: 210px;
border: 1px solid black;
}


.indent{
padding: 10px;
}





/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-bottom: 30px;
	}
	
	
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	a.leftLink  {
		line-height: 20px;
		margin-left: 10px;
		}
	

	

	
	/* 3 Column settings */
	.threecol {
			/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/* background:#fff;		center column background colour */
		border-right: 1px dotted black;	

		}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		/* background:#f4f4f4;	/* left column background colour */
		
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;
				border-right: 1px dashed black;	
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		padding-top: 20px;

	}
	
	
	/* 2 Column settings */

	.twocol {
			/* right column background colour */
	}

	.twocol .colleft {
		right:65%;			/* width of the right column */
		/* background:#f4f4f4;	/* left column background colour */
			border-right: 1px dotted silver;	
		
	}
	.twocol .col1 {
		width:55%;			/* width of right column content (column width minus padding on either side) */
		left:105%;			/* 100% plus left padding of center column */
		padding-top: 20px;
		
	}
	.twocol .col2 {
		width:32%;			/* Width of left column content (column width minus padding on either side) */
		left:13%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		padding-top: 20px;

	}

	.rightmenu {
		/*background:#fff;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		/*background:#fff;		 left column background colour */
		border-right: 1px dotted silver;	
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	
	
	
	
	
.col1 ul {
	list-style-type: disc; 
	text-align: left;
	}	
	
.col1 li 	{ 
	display: block;
	font: 11px/120% "Lucida Grande", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 	
	margin: 0px 0px 8px 0px;
	}

	.spacer {clear: both;}

div#footer{
	text-transform: uppercase;
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	height: 25px;
	text-align: left;
	background-image: url('../images/template/foot.jpg');
	font-size: 11px;
	font-family: "Times New Roman", Times, Georgia, serif;
	color: white;
	border-top: 1px solid #fefaef;
}

div#info{
	font-size: 12px;
	font-family: "Times New Roman", Times, Georgia, serif;
	text-align: center;
	color: #fefaef;
	margin-top: 20px;
	}

#info a {color: #fff3d6;}
#info a:hover {color: white;}


div.spacer {clear: both}

td.hours {width: 275px;}


.upcomingEvents {
	color: #98a12b;
	text-transform: uppercase;
	font: 12px Arial, "Lucida Grande", Verdana, sans-serif;
	padding-bottom: 10px;
	}
	
.date {
	color: #9a0102;
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}

.event {
	color: #98a12b;
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	}
	
.event a {
	font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	color: #98a12b;
	}

.alignRight {
		font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
	margin-top: 20px;}
	
.alignRight a {
		font: 10px "Lucida Grande", Verdana, Arial, sans-serif;
	}

.event2 {
	color: #0606a7;
	font: 16px Arial, sans-serif, "Lucida Grande", Verdana;
	font-weight: bold;
	padding-bottom: 0px;
	}
	
.line {
	border-bottom: 1px dotted gray;
	margin-bottom: 5px;
	}

.thumbLeft {
	float: left;
	border: 1px solid black;
	margin: 0px 15px 5px 0px;
	}

.thumbRight {
	float: right;
	border: 1px solid black;
	margin: 10px 0px 10px 15px;
	}

.logoLeft {
	float: left;
	margin: 0px 15px 5px 0px;
	}

.staff {
	width: 240px;
	height: 95px;
	background-color: white;
	border: 1px dotted silver;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	float: left;
	}
p.name  {color: #741805; font-size: 13px; margin: 0px 0px -5px 0px; padding:0px;}
p.title  {color: #898080; font-size: 11px; margin: 0px; padding:0px;}
p.phone  {color: black; font-size: 12px; font-weight: bold; margin: 0px; padding:0px;}
p.phone2  {color: black; font-size: 12px; font-weight: bold; margin-top: -7px; margin-bottom: 0px; padding:0px;}



.face   {	
	margin-right: 5px;
	vertical-align: middle;
	}

	
a.faceBook {
	color: #5e73af;
	font-size: 9px;
	font-family: verdana;
	font-weight: 100;
	}
	
a.c {color: #ba8c9d;}

.eventPop {
	text-align: left;
	}
	
p.timePop {
	font-size: 9px;
	font-family: arial;
	color: #5d1304;
	margin-bottom: 0px;
	padding-left: 10px;
	}

p.titlePop {
	font-weight: bold;
	font-size: 12px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #8b1d06;
	margin-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 0px;
	}
	
p.descriptionPop {
	font-size: 10px;
	line-height: 16px;
	font-family: arial;
	color: black;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
.imagePop {
	float: left; 

	margin-right: 20px;
	}
	
.pdfPop {
	
	margin-right: 50px;
	text-align: right;
	}
	
	
	
	/*//////////////////////////////
UPCOMING EVENT MENU
///////////////////////////////*/


.calicon{
	width: 25px;
	border-collapse: collapse;
	}
	
	.calMonthIcon{
	width: 25px;
	font-weight: bold;
	font-size: 7pt;
	color: #fff;
	background-color: #711400;
	text-align: center;
	padding: 2px;
	border: 1px #000 solid;
	}
	
	.calDayIcon{
	width: 25px;
	font-weight: bold;
	font-size: 8pt;
	color: #000;
	background-color: #fff;
	text-align: center;
	padding: 2px;
	border: 1px #000 solid;
	}
	
.eventTitle{
margin-bottom: 10px;
font-size: 9pt;
}