/* 
Main CSS Style Sheet
*/

* { margin: 0; padding: 0; }
html,body { height: 100%; }
* html #outer { height: 100%; }

body {
	position: absolute;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../images/page_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	min-width: 775px;
}

a { color: #663300; }
p { padding: 5px 0; }
li { margin-left: 60px; }
ol { margin: 10px 0 10px 0; }

h1 {
	font-family: Verdana;
	font-weight: normal;
	font-size: 24px;
	padding: 10px 0 8px 0;
}

h2 {
	padding: 10px 0 8px 0;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 0 0;
}

hr {
	border: none 0; 
	border-top: 1px dashed #858585;
	width: 100%;
	height: 1px;
	margin: 10px 0 15px 0;
}

div#container {
	width: 800px;
	margin: auto;
	min-height: 100%;
	margin-top: -50px; /*footer height*/
	text-align: left;
}

div#spotbg-b {
	position: absolute;
	top: 268px;
	left: 0px;
	height: 136px;
	background-image: url(../images/spot_bg_big.gif);
	background-repeat: repeat-x;
	width: 100%;
	z-index: -1;
}

div#spotbg-s {
	position: absolute;
	top: 268px;
	left: 0px;
	height: 53px;
	background-image: url(../images/spot_bg_small.gif);
	background-repeat: repeat-x;
	width: 100%;
	z-index: -1;
}

div#header {
	border-top: 50px solid #fff; /* soak up negative margin*/
	height: 268px;
}

#navcontainer {
	background: #f0f0f0;
	width: 24%;
	margin-top: 20px;
	padding-bottom: 10px;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	float: left;
}

#navheader { height: 85px; }

#logo {
	position: absolute;
	top: 66px;
	margin-left: 258px;
	z-index: 2;
}

#navlogobg {
	position: absolute;
	padding-top: 44px;
	margin-left: 30px;
	height: 240px;
}

/* ie7 hacks */
*:lang(en) #navlogobg{ margin-left: 220px; }
*:lang(en) #logo{ margin-left: 450px; }

ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 80%;
}

ul#navlist li {
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 5px 0 5px 1.25em;
	color: #777;
	text-decoration: none;
	background: #f0f0f0;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
	background: #d8d8d8;
	color: #0066cc;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	color: #0066cc;
	background: #d8d8d8;
}

#spots {
	padding-top: 3px;
	display: block;
	z-index: 3;
}
#spots img { float: left; }

#main {
	width: 520px;
	float: left;
	font-family: Verdana;
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
}

#mainfull {
	font-family: Verdana;
	font-size: 12px;
	line-height: 20px;
	padding: 60px 0 15px 0;
}

#main img.thumb, #mainfull img.thumb {
	margin: 5px;
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #d6d6d6;
	background-image: url(../images/img_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#sidebar {
	float: right;
	width: 250px;
	padding: 10px 10px 0 10px;
	border-left: 1px solid #c0c0c0;
}

#sidebar h1 { text-align: center; }
#sidebar a img { border-color: #663300; }
#sidebar p.right { text-align: right; }

#sidebar p {
	font-family: Arial;
	font-size: 12px;
}

#footer {
	height: 50px;/* must match negative margin and header soak up*/
	background-color: #181818;
	padding: 0;
	text-align: center;
	clear: both;
}

#copyright {
	width: 800px;
	margin: auto;
	text-align: left;
	font-family: arial;
	font-size: 11px;
	color: #474747;
	padding-top: 19px
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
}

.title {
	font-family: Arial;
	font-size: 11px;
	letter-spacing: 0.2em;
	color: #663300;
}

.dot {
	padding: 0 8px 0 8px;
}

.right { float: right; }
.center { text-align: center; }
.left { float: left; }
.clearboth { clear: both; }

img.pad { padding: 5px; }
p.att { color: #666; }
p.linkhead { font-size: 16px; line-height: 16px; padding: 5px 0 0 0; }
p.linkurl { margin: 0; padding: 0; }

table#photos { text-align: center; border: 1px solid #ddd7b6; }
table#photos td, table#photos th { padding: 5px; }
.row1 { background-color: #f5f5f5; }
.row2 { background-color: #d6d6d6 }
.active { font-weight: bold; }

.tblheader {
	background-color: #ddd7b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}

input, textarea {
	border: 1px solid #666666;
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	font-size: 1em;
	margin: 0;
	padding: 4px;
	background: #fff;
}
 
input:focus, input:hover,textarea:focus, textarea:hover {
	border: 1px solid #000; 
	background: #fff;
}
label { margin:2px; }
 input { width:300px; }
 
.button {
	margin: 0 0 15px 0;
	background: url(../images/spot_bg_small.gif);
	color: #000;
	font-weight: bold;
	width: 310px;
}