/* ----- Main Structure ----- */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	color: black;
	font-size: 100%;
}

#container {
	position: relative;
	width: 748px;
	margin: 0 auto;
	padding: 0 0 20px;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #9a8972;
	border-right: 1px solid #9a8972;
	background: #fbf6ed;

}

#header 
{
	height:100px;
}
#logo {
	position: relative;
	float: left;
	width: 154px;
	padding: 14px 0 17px 17px;
	margin: 0;
}

#nav2 {
	float: right;
	width: 385px;
	margin: 6px 7px 0 0;
	padding: 0;
}

#nav {
	float: right;
	width: 525px;
	margin: 42px 11px 0 0;
	padding: 0;
	text-align: right;
}

#mainmenu {
	width: 748px;
	text-align: center;
	background: url(../images/main/bg_button.gif) 0 0 repeat-x;
	height:50px;
}


#footer {
	text-align: center;
	font-size: 60%;
	color: #9f8d80;
	margin: 0;
	padding: 0 0 20px 0;
	font-family: "lucida sans", "arial narrow", arial, sans-serif;
}

	#footer a {
		padding: 0 1em;
		color: #9f8d80;
		text-decoration: none;
		font-weight: normal;
	}

	#footer a:hover, a:visited, a:active {
		color: black;
		font-weight: normal;
	}

.footcolor {
	padding: 0 1em;
	color: black;
}



/* ----- Main Elements ----- */

img.h1 {
	display: block;
	margin: 0.5em 0;
}

img.h2 {
	display: block;
	margin: 1.5em 0 0.5em;
}
img.location
{
	float:right;
	border: 0px;
	margin:10px 0 0 10px;
	padding:3px;
	border: solid 1px #4985c7;
}

h1 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	color: #333;
	font: 2.5em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
	letter-spacing: -0.065em;
}

h2 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	color: #333;
	font: 1.7em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
	letter-spacing: -0.03em;
	border-bottom: 1px solid #333;
}

h3 {
	margin: 0.5em 0 0.25em;
	padding: 0;
	color: #645138;
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	margin: 0 0 0.25em;
	padding: 0;
	color: #645138;
	font-size: 1.1em;
	font-style: italic;
}

.h0 {
	margin: 0;
	padding: 0;
	color: #333;
	font: bold 1.4em "lucida sans", "lucida sans unicode", "arial narrow", san-serif;
}

p {
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.3em;
}

a, a:visited, a:link {
	font:bold 11px Arial;
	color:#4985c7;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul {
	margin: 0 0 1em 1.5em;
	padding: 0;
	color: #666;
}

li {
	padding-bottom: 1em;
}

img, a img { 
	margin: 0;
	padding: 0;
	border: 0;
}

/* ----- Main Section Pages ----- */

#left {
	position: relative;
	float: left;
	width: 192px;
	margin: 0;
	padding: 0;
}

#content {
	height: 1%;
	margin: 0;
	padding: 20px;
	background: #fbf6ed;
	color: #666;
	font-size: 75%;
	line-height: 1.2em;
	text-align: left;
	
}

#content_float {
	margin: 0 0 0 192px;
	padding: 32px 52px 6px 20px;
	background: #fbf6ed;
	color: #666;
	font-size: 75%;
	text-align: left;
	zoom : 1; /* IE7 float clear */
}

	* html #content_float {
		float: left;
		margin-left: -3px; 
	}
	
    #content_float:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

.cta { 
	margin: 36px 0 0 0;
}

#subnav2 {
	text-align: center;
	font-size: 60%;
	color: #9f8d80;
	margin: 0 auto 8px auto;
	padding: 35px 0 8px 0;
	font-family: "lucida sans", "arial narrow", arial, sans-serif;
	clear: both;
	border-bottom: 1px solid #e8e0d4;
}

	#subnav2 a {
		padding: 0 1em;
		color: #9f8d80;
		text-decoration: none;
	}

	#subnav2 a:hover {
		color: #000;
	}
	
	#subnav2 a.current {
		color: #000;
	}

/* ----- Homepage Specific ----- */

body#home {
}

#main {
	clear: both;
	width: 748px;
	height: 338px;
	overflow: hidden;
	background-color: Black;
}

#content 
{
	position:relative;
	clear: right;
	margin-left: 250px;
	padding: 0px 10px 10px 10px;
	font-size: 75%;
}

#news
{
	position:relative;
	float: left;
	line-height: 1.2em;
	text-align: left;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0px 10px 0px 20px;
	width: 220px;
	border-right:dashed 1px #9A8972;
	font-size: 75%;
}

.attention
{
	color: #8B0000;
	font-weight: bold;
}

/* ----- Form Specific ----- */

label {
   margin-right: 1em;
}

input {
   border: 1px solid #715f48;
}

textarea {
   width: 97%;
   height: 5em;
   border: 1px solid #715f48;
}

label.required {
	font-weight: bold;
}

input.radio {
   margin: 0 0.5em 0 1em;
   border: none;
}
.ddl {font-size:10px;}
.qr_header {border-bottom:dotted 1px #645138;}
div.form label {
   display: block;
   float: left;
   width: 30%;
   margin-right: 0.5em;
   line-height: 1em;
   text-align: right;
}

div.form input, div.form select {
   width: 11em;
   margin: 0 0 0.9em;
   border: 1px solid #715f48;
}

div.form2 label { 
	float: left;
	width: 6em;
}

div.form2 input, div.form2 select {
	width: 11em;
	margin-bottom: 0.25em;
}

div.form2 br {
	clear: left;
}

#weather
{
	color:#339966;
	font-weight:bolder;
	padding-bottom:25px;
}
.photoFrame
{
	padding-left:10px;
}

.bluebox {font:bold 11px Arial;color:#4985c7;text-decoration:none;padding-right:17px;background:transparent url(../images/deals/box-arrow-blue13x13.gif) no-repeat top right;}

/* TOOLTIP */
#dhtmltooltip{position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 2px;background-color: #fbf6ed; visibility: hidden;z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#645138,direction=135);}

#dhtmlpointer{position:absolute;left: -300px;z-index: 101;visibility: hidden;}

/* CALENDAR */
.MyCalendar .ajax__calendar_container {
    border:1px solid #645138;
    background-color: #fbf6ed;
    z-index: 1000;
    color: Maroon;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: Maroon;
    font-weight:bold;
}
/*Modal Popup*/
.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPopup {background-color:#ffffff; border-width:3px; border-style:solid; border-color:#E2E2E2;	padding:3px;width:350px;}