html {
/* 	font-family: Tahoma, Verdana, arial, sans-serif; */
/* 	font-family: georgia,"times new roman",serif; */
	font-family: Trebuchet,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
	color:#6F3030;
	background: #8c9e85 url('../gfx/bg3.gif') repeat-x;
}

/* ----------------------- LAYOUT STYLING ------------------------------ */

#maincontent {
	width:750px;
	background: url("../gfx/mainbg.gif");
}

/* --------------------- HEADING STYLING ------------------------------- */

#primary h1 {
	font-family:Trebuchet,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
	background:url("../gfx/navshadow.gif");
	border-bottom:1px solid #d4caca;
	font-size:2.1em;
	text-align: center;
	font-weight:normal;
	margin:1.5em 0 1.5em 0;
	letter-spacing:.01em;
}

#secondary h1 {
	width:220px;
	height:30px;
	line-height:30px;
	background: url(../gfx/leftnav_top.gif) no-repeat;
	font-size: 1.5em;
	color:#060;
	text-align: center;
	text-transform:uppercase;
}

#secondary h2 {
	color:#579700;
	text-align: center;
	background: url("../gfx/banner.jpg") -20px -275px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding: 4px 2px 2px 2px;
	border-top: 1px solid #8CC405;
	font-size:1.2em;
	margin: 0 .8em .5em .6em;
}

#primary h2 {
	font-size:1.3em;
	margin: 2em 0 .8em 0;
}

#primary h3 {
	font-size: 1.3em;
	font-weight:bold;
	margin:3em 0 1.2em 0;
}

#primary h4 {
	text-align:center;
	color: #579700;
	font-size: 1.1em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
}

/* --------------------- CONTENT STYLING ------------------------------- */

#primary p {
	font-size:1.1em;
	margin: 1.6em 0;
}

#primary ul {
	margin:0 10px;
}
#primary ol {
	margin:0 10px;
}

#primary ul li {
	font-size:1.2em;
	margin:13px 0 13px 20px;
	list-style-image:url(../gfx/smbullet.gif);
}
#primary ol li {
	font-size:1.0em;
	margin:13px 0 13px 40px;
	list-style-type:decimal;
	list-style-image:none;
}
#primary ol.letters li {
	font-size:1.0em;
	margin:13px 0 13px 40px;
	list-style-type:lower-alpha;
	list-style-image:none;
}

p.indented {
	margin-left:2em;
}

p.underlined {
	text-decoration:underline;
	font-weight:bold;
}

p.large {
	font-size:1.2em;
}

p.centered {
	text-align:center;
}

p.bold {
	font-weight:bold;
}

ul {
	margin-left:4em;
	font-size:.9em;
}

img.bordered {
	background: #FAFAFA;
	border: 1px solid #bbb;
	padding: 5px;
}
img.centered {
	display:block;
	margin:0 auto;
}

.imageborder {
	border:1px solid #999;
	padding:1px;
	background-color:#fff;
	
}

.divider {
	clear:both;
	display:block;
	border-top:1px solid #ccc;
	margin-right:10px;
	height:1px;	
}

.floatright {
	float:right;
	margin:1em;
}

.floatleft {
	float:left;
	margin:1em;
	margin-left:0;
}
 p.clearline {
 	clear:both;
 }
/* --------------------- LINK STYLING -------------------------------- */

a {
	color:#060;
	padding:1px;
}

a:visited {
	color:#06f;
}

a:hover {
	background-color:#9C9;
	text-decoration:none;
}

a.hiddenlink, a:visited.hiddenlink, a:hover.hiddenlink {
	background:none;
	text-decoration:none;
	cursor:default;
}
a:hover.brochure {
	background:none;
}
/* ------------------- CERTIFICATE STYLING ---------------------------- */

#certificate {
	margin:2em auto;
	border: 4px double #8CC405;
	background:url(../gfx/certificate_bg.jpg) repeat;
	width:450px;
	padding:1em;
}
#certificate h2, #certificate h3 {
	text-align:center;
	margin:0;
	padding:0;
}
#certificate ul li {
	margin:0 0 0 1em;
}
/* --------------------- TABLE STYLING -------------------------------- */
#primary table, .notice {
	background: url(../gfx/recycledpaper.jpg);
	margin: 20px auto 0 auto;
	clear:both;
	width:90%;
	border: dashed 1px #8CC405;
	min-height:210px;
	padding:10px;
}

#primary td {
	border:none;
	vertical-align: middle;
	padding:5px;
}

/* --------------------- HEADER STYLING -------------------------------- */

#header {
	height: 250px;
	background: url("../gfx/banner.jpg") no-repeat 50% 10px;
	margin:0 auto;
	width:100%;
}

/* --------------------- FOOTER STYLING -------------------------------- */

#footer-wrap {
	clear: both;
	margin:0 auto;
	width: 750px;
	height:99px;
	font-size: 95%;
	padding: 0;
	background: url("gfx/footer.jpg") no-repeat bottom center;
}
#footer-content {
	width:630px;
	margin:0 auto;
	padding:5px 30px;
	border-top:2px solid #999;
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;
}
#footer-wrap p {
	padding:10px 0 30px 0;
	text-align:center;
	color:#777;
}




#footer {
	clear: both;
	margin:0 auto;
	font-family:Verdana,Geneva,Tahoma,sans-serif;color:#777;
	width: 750px;
	height:79px;
	padding: 0;
	background: url("../gfx/footer.jpg") no-repeat bottom center;
	text-align:center;
}
#footer-content {
	width:630px;
	margin:0 auto;
	border-top:2px solid #999;
}
#footer p.credits {
	font-size:0.8em;
	margin:1em;
}
#footer-content a, #footer-content a:visited {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;
}

/* --------------------- FORM STYLING ---------------------------------- */

fieldset {
	padding: 10px 15px;
	border: 1px solid #6F3030;
	border-left: 12px solid #6F3030;
	margin:10px;
}

legend{
	background-color:white;
	border: 1px solid #6F3030;
	border-left: 7px solid #6F3030;
	padding: 3px 20px 3px 15px;
	font-weight:bold;
}
label {
	display:block;
	font-weight:bold;
	margin:15px 0 5px 0;
}
label.checkbox {
	display:inline;
	margin-left:10px;
	font-weight:normal;
}
label.error {
	background-color:#ff3;
}

input, select, textarea {
	width:170px;
	padding:2px 10px;
	margin-left:15px;
	border:1px solid #6F3030;
	border-left: 9px solid #6F3030;
	font: normal 1em Verdana, sans-serif;
	color:#777;
	background:#fff;
}

textarea {
	width:400px;
	height:100px;
}

input.button {
	font: bold 12px Arial, Sans-serif;
	height: 24px;
	margin: 20px 0 0 20px;;
	padding: 2px 13px;
	color: #FFF;
	background: url("../gfx/navbar.gif") 200px 30px;
	border: none;
}
.form_error {
	background-color:#ff3;
	padding: 0 10px;
	border:#aaa dashed 1px;
	margin-left:6px;
}

img.captcha {
	margin-left:15px;
}

/* ------------- JAVASCRIPT CROSSFADER STYLING -------------------------- */

div.cf_wrapper {
	position: relative;
	width:604px;
	height: 148px;
	margin:2.0em auto;
}

div.cf_element {
	width: 600px;
	height: 144px;
}
img.cf_element {
	display:block;
	border:  1px solid #666;
	margin:0 auto;
	padding:2px;
}
p.cf_element {
	text-align:center;
}

/* --------------------- HORIZONTAL NAV BAR STYLING -------------------- */

#menu {
	position:absolute;
	top:231px;
	width: 750px;
	height: 41px;
	background: url(../gfx/navbar.gif);
}
#menu ul {
	padding-left:25px;
	padding-top:3px;	
	list-style: none;
	margin: 0;
}
#menu li {
	display: inline;
}

#menu a, #menu .leftnullitem, #menu .rightnullitem    {
	font-family:Trebuchet,"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
	display: block;
	float: left;
	height: 35px;
	line-height:35px;
	padding: 0;
	text-decoration: none;
	font-size: 1.2em;
	color: #baf34e;
	width:132px;
	text-align:center;
	letter-spacing:.1px;
	border-right:1px solid #333;
	border-left:1px solid #666;
}

#menu a:hover {
	background: url(../gfx/navbar.gif) right;
	border-top: 3px solid #fff;
	color:#fff;
}

#menu .leftnullitem {
	width:0px;
	border-left:none;
	border-right:1px solid #333;
}
#menu .rightnullitem {
	width:0px;
	border-left:1px solid #666;
	border-right:none;
}
#menu a#homepage { width:110px; }
#menu a#treks{ width:120px; }
#menu a#accommodation { width:140px; }
#menu a#location { width:125px; }
#menu a#contact { width:110px; }
#menu a#links { width:80px; }
/* ----------- PERSISTANT PAGE LINKS HIGHLIGHTING ------------------------ */

.homepage #homepage, .treks #treks, .contact #contact, .accommodation #accommodation, .location #location, .links #links{
	background:url(../gfx/navbar.gif) right;
	color:#666;
}



/* ----- tool tip specific styles ----- */
#theToolTip{
	position: absolute;
	left: -300px;
	width: 250px;
	border: 2px solid #C0C09F;
	padding: 0;
	background: url(../gfx/recycledpaper.jpg);
	visibility: hidden;
	z-index: 100;
}

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

#theToolTip p{
	text-align:justify;
	font-size: .7em;
	color: #333333;
	line-height:1.4em;
	margin:10px;
}

#ToolTipTextHeading {
	background:url(../gfx/main_nav_bg.gif) top;
	padding: 1px 10px;
	text-align:left;
	border-bottom: 2px solid #C0C09F;
	font-weight:bold;
	font-size: .8em;
	color: #592C16;
	margin-right:0px;
	text-align:center;
}

#map_canvas {
	margin: 20px auto;
}