/* CSS Document */
/* 939 Design Limited - Mike Archibald*/
/* 8/01/2009*/

*{margin:0;padding:0;}

a{text-decoration:none;color:#333366;}
a:hover{text-decoration:underline;color:#FF9900;}


/* ==== Structure ==== */	
body {font-size:0.85em;font-family:verdana, lucida, arial, Trebuchet MS, Tahoma, helvetica, sans-serif;background:url(../images/background.jpg) 0 0 repeat-x #0e5353;}

#container {width:850px;height:465px;background-color:#ffffff;margin:10px auto;padding:10px;background:url(../images/corner.jpg) bottom right no-repeat #fff;}

/* commented backslash hack - invisible to IE5 \*/
#container {position:absolute;margin:-260px 0 0 -440px;left:50%;top:50%;}
/* End Hack */

/* ==== Content ==== */
#content {margin:0;height:465px;position:absolute;top:10px;left:10px;}

/* ==== Nav ==== */
#nav {margin-top:120px;padding:0;width:700px;height:40px;float:left;font-size:90%;color:#339999;}
#nav ul li {list-style:none;display:inline;}
#nav ul li a{text-decoration:none;color:#339999;}
#nav ul li a:hover{color:#0e5353;}

#nav ul#mainnav li ul {display:none;position:absolute;top:135px;left:60px;line-height:100%;text-transform:uppercase;}
#nav ul#mainnav li ul li a{display:inline;font-size:90%;}
#nav ul#mainnav li ul li a:hover{color:#0e5353 !important;}

#logo {position:absolute;top:0px;left:0;}

/* ==== Preamble ==== */
#preamble{position:absolute;top:1px;left:320px;margin:0;padding:0;width:530px;height:110px;overflow:auto;color:#339999;}
#preamble p {font-size:80%;line-height:1.2em;letter-spacing:0em;}
#preamble a{color:#FF6600;text-decoration:none;font-family:verdana, lucida, arial;}
#preamble a:active{}
#preamble a:hover{color:#FF9900;}
#preamble h1{font-size:100%;}
#preamble h2{font-size:90%;color:#FF6600;}
.dark {color:#0e5353;}

/* ==== Media ==== */
#media{clear:both;}
#media h1 {font-size:100%;padding:10px 0 0 0px;color:#0e5353;}
#media h2 {font-size:80%;color:#0e5353;padding:10px 0 0 0px;}
#media h3 {font-size:75%;color:#0e5353;padding:10px 0 0 0px;}
#media p {font-size:80%;line-height:1.6em;letter-spacing:0em;margin:5px 0 0 0;}
#media .larger {font-size:100%;}
#media .large {font-size:90%;}

#media ul#errors {color:#FF0000;padding:0 0 0 10px;}
#media ul#errors li{display:inline;list-style:disc;}

/* ==== Thumbs ==== */
.thumb {float:left;width:210px;height:152px;margin:0 0px 0 0;}
.thumb img {border:none;}
.thumb p {font-size:80%;line-height:1.2em;letter-spacing:0em;margin:0 0 0px 0;}
.thumb a {text-decoration:none;color:#339999;}
.thumb a:hover {text-decoration:underline;color:#0e5353;}

/* ==== Trips ==== */
.trippics {float:left;margin:0 0px 0px 0;}
.tripinfo {width:300px;height:295px;overflow:auto;color:#0e5353;padding:0 5px 0 25px;}

/* ==== Forms ==== */
form {padding:5px;}
form p {margin:0 0 0px 0;}
.white {color:#FFFFFF;}

#media p#success {text-align:center;padding:10px 0 0 60px;}

input, textarea {border:1px solid #cccccc;font-family:Verdana,Tahoma,Arial,Sans-Serif;font-size:0.8em;margin:0 0 2px 0px;padding:4px;background-color:#eeeeee;}
label {margin: 0 0 0 0px;color:#333366;font-size:0.7em;}
fieldset, contactform {border:none;}
#contactform {height:295px;}

/* ==== Global Footer ==== */
#footer p{color:#339999;font-size:70%;text-decoration:none;font-family: verdana, lucida, arial;font-style:italic;padding:20px 0 0 0;clear:both;float:left;}
#footer a{color:#339999;text-decoration:none;}
#footer a:hover{color:#fff;}