/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

html, body { margin: 0; padding: 0; }

body { font: 62.5% Arial, Helvetica, sans-serif; text-align: center; background: #93933E url(images/bg.jpg);  }

p, h1, h2, h3, h4, h5, a, ul, li, ol, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left; 
	color: #000;
}

p { margin: 0 10px 10px; }

address { font-style: normal; text-align: left; margin: 0; padding: 5px 0 5px 5px; }
	
h1 { margin-left: 10px; margin-right: 10px; margin-top: 10px; border-bottom: 1px solid #5C661E; font-size: 2.0em; }

h2 { text-align: center; color: #330; }


/* ----------------- LINK STYLES ----------------- */

a { color: #330; }

div#footer a { font-size: 0.9em; text-transform: uppercase; font-weight: bold; text-align: center; }

div#copyright a { font-size: 1.1em; font-weight: bold; color: teal; }

a:hover, div#footer a:hover, div#copyright a:hover { text-decoration: none; }


/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#header { height: 125px; margin: 0; background: #EED679 url(images/header.jpg) no-repeat; }

div#container {
	text-align: left;
	width: 770px;
	margin: 0 auto;
	background: #FFF url(images/container_bg.gif) repeat-y;
}

div#content { float: left; width: 580px; background: #FFF; font-size: 1.2em; }
	div#content p { line-height: 1.4em; }
	div#content li { list-style-image: url(images/bullet.gif); }

div#filler
	{
		background: #EED679 url(images/filler_bg.gif) repeat-x;
		clear: both;
		width: 100%;
		font-size: 1.2em;
		height: 60px;
		min-height: 60px;
	}
	
	div#filler a { color: #330; }

div#footer { background: #93933E; }
	
	div#footer a { color: #000; }
	div#footer p { margin: 0; padding: 5px 10px; color: #000; text-align: center; }
	
div#copyright { font-size: 1.0em; color: #000; padding: 10px 0; }
	div#copyright a { font-weight: normal; }



/* ----------------- NAVIGATION ----------------- */

div#navigation {
	background: transparent;
	float: right;
	width: 190px;
	padding-bottom: 125px;
}

div#navigation p { margin-left: 10px; font-size: 1.1em; text-align: center; }
	div#navigation p strong { text-decoration: underline; font-size: 1.2em; }

ul#navcontainer { width: 190px; margin-left: 0; padding: 0; background: transparent; margin-top: 0; vertical-align: top; }

ul#navcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; }

ul#navcontainer li { list-style: none; margin: 0; padding: 0; text-align: left; font-size: 1.1em; }

ul#navcontainer li a, ul#navcontainer li a:visited { color: #FFF; text-decoration: none; font-weight: bold; }

ul#navcontainer a {
	display: block;
	padding: 0.25em 0 0.25em 0.75em;
	width: 182px;
	border-top: 1px solid #FFF;
	border-bottom: 0;	
}

ul#navcontainer a:link { color: #FFF; text-decoration: none; }

ul#navcontainer a:hover, ul#navcontainer li a:hover, ul#navcontainer li a#current { background: #FFF; color: #330; }



/* ----------------- SPA MENUS ----------------- */

div#menu { margin: 0 10px; }
	div#menu h2 { margin: 1em auto 0.3em; color: #330; font-size: 150%; text-align: center; }
	div#menu h3 { font-weight: normal; font-style: italic; text-align: center; font-size: 1.1em; margin: 0 0 1.5em 0; padding: 0; } 
	
	div#menu div.selection { display: block; }

div#menu2 { background: #EFEFEF url(images/bg_spa.jpg); border: 1px solid #000; position: relative; height: 150px; margin: 0 auto; width: 530px; }
	div#menu2 p.package1 { font-size: 1.3em; position: absolute; top: 10px; left: 20px; }
	div#menu2 p.package2 { font-size: 1.3em; position: absolute; top: 10px; left: 300px;  }

dl { width: 100%; overflow: auto; margin: 0 0 1em; background: url(images/dots.gif) repeat-x 0 1.2em; }

dd { margin: 0; }
	dd.price { float: right; padding-left: 3px; color: #000; font-style: italic; font-size: 1.2em; font-weight: bold; }

dt { float: left; padding-right: 3px; color: #000; font-size: 1.1em; }

dt, dd.price { background: #FFF; font-size: 120%; }


/* ----------------- IMAGE/ALIGNMENT ELEMENTS ----------------- */

.left { float: left; }

.right { float: right; margin: 0 10px; }

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

.clear { clear: both; }



/* ----------------- CUSTOM CLASSES AND IDs ----------------- */

div#map { margin: 0 auto; text-align: center; padding-bottom: 20px; }

.border { border: 1px solid #008080; }

div.hr { height: 15px; background: #fff url(images/hr.gif) no-repeat scroll center; margin: 20px 0 10px 0; }

div.hr hr { display: none; }