/* Tauranga Tourist Park v2 - 21.10.2008
   on6162.co.nz web design */
   
/* basis  */

html, body, div, img, label, p, h1, h2, h3, h4, h5, ul, ol, li, form, a, fieldset, th, td { margin:0; padding:0; border:0; }

html { overflow-y:scroll; } /* scrollbar FF */
body { font:62.5% arial, helvetica, sans-serif; color:#333; background: url(../images/buttback/background3x3.gif) repeat;	text-align:center; }

/* structure */

#top, #end { width:852px; margin:0 auto; height:12px; }
#top { border-bottom:1px solid #444; }
#end { border-top:1px solid #444;  }
#main { width:820px; margin:0 auto; text-align:left; }
#border { background:url(../images/buttback/background1000x3.gif) repeat-y; width:1000px; margin:0 auto; }

p { word-spacing:0.05em; line-height:1.4em; padding:.7em 0; }

ul { list-style:none; word-spacing:0.05em; line-height:1.4em; }

#colcontainer {	background-color: #fafafa; overflow:hidden; }
#maincol { float:left; width:70%; padding:5px 5px 5px 18px; border-top:1px solid #ccc; }
#maintxt { float:left; width:335px; font-size:1.3em; padding-bottom:40px; }
#maincol_map { padding:5px 5px 5px 18px; border-top:1px solid #ccc; }
#maintxt_map { font-size:1.3em; padding-bottom:30px; }
#maintxt_home { float:left; width:290px; font-size:1.3em; padding-bottom:40px; }
#maingallery { float:left; width:574px; margin-top:-10px; padding-bottom:15px; }

#sidebar { float:right; width:26%; background-color:#f0ffd9; margin:0; padding:0 0 20px 7px; border-left:1px solid #ccc; font-size:1.1em; }
#imagecontainer { float: right; width: 225px; margin-bottom: 25px; }
#imagecontainer_home { float: right; width: 266px; margin-top: 3px; padding: 10px 0 5px 0; }

#sidehome { margin-left: 3px; }
#inlineblock { _display: inline-block; } /* IE 6 and below */

.img_marks { float: right; padding:10px 20px 0 10px; }
#sidebar .img_marks { float:left; padding:0 10px 0 10px; }
.imgmarks { border-top:1px solid #e1f2c6; padding-top:20px; overflow:hidden; }

.galblock { margin:20px 10px 20px 8px; }
.galblock img { margin-bottom:10px; margin-top:30px; }

#enquiryfoottxt { font-size: 1.3em; padding-bottom: 10px; padding-top: 5px; }

.imgbg { background:url(../images/buttback/bgimg.png) 0 0 no-repeat; width:225px; height:175px; display:block; }
.imgbg img { margin:10px; }

.imgsidebg { background:url(../images/buttback/bgimgsidebar.png) 0 0 no-repeat; width:205px; height:145px; margin-bottom:5px; }
.imgsidebg img { margin:10px; }

.imghomebg { background:url(../images/buttback/bgimghome.png) 0 0 no-repeat; width:265px; height:235px; }
.imghomebg img { margin:10px; }

/* header */

#header { background: url(../images/buttback/bg_header3x110.gif) repeat-x; width: 820px; height: 110px; }
#campervan_logo { margin: 10px 0 0px 5px; }
#ttp_logo { margin: 0 0 10px 7px; }
#yourcampervan { float:right; margin: -90px 30px 0 0; }

/* navigation */

#homenav { float: right; margin: 60px 30px 0 0; padding: 5px; height: 20px; }

#homenav a:link, #homenav a:visited {
  display: block; 
  float: left;
  height: 15px;
  margin: 5px;
  text-decoration: none;
  text-align: center;
  font-size: 1.3em; 
  color: #ffff00;
}

#homenav a:hover { text-decoration: underline; }

#navlink { margin-top: 105px; width: 598px; height: 40px; background-color: #f0ffd9; }

#navlink a:link, #navlink a:visited {
  display: block; 
  float: left;
  height: 15px;
  margin: 5px 6px 0 6px;
  padding: 9px 0 8px 0;  
  text-decoration: none;
  text-align: center;
  font-size: 1.3em; 
  color: #333;
}

#navlink a:hover {
  color: #c03;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 9px 0 8px 0;
  float: left;   
  margin: 5px 6px 0 6px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:hover { background:url(../images/buttback/arrowblackred.png) 5px 6px no-repeat; font-size:1.3em; color:#333; text-decoration:none; padding:0 0 8px 15px; }
#sidebar a:hover { background-position:5px -14px; color:#c03; text-decoration:none; border-bottom:1px solid #ccc; padding-bottom:8px; }

/* footer */

#footer {
  width: 799px;
  background-color: #00502F;
  font-size: 1.1em;
  color: #f0ffd9;
  clear:both;
  padding: 20px 5px 15px 18px;
  text-align: left;
}

#footer a:link, #footer a:visited { color: #f0ffd9; text-decoration: none; padding-right: 3px; }
#footer a:hover { color: #ff0; text-decoration: underline; }

#footcontactwrap {  
  float: right; 
  color: #cadcaf;
  width: 206px; 
  padding: 5px;
  margin-top: -5px;
  border: 1px solid #578a75;
  background: #003f25 none repeat scroll 0%;
}

.footlinklist1 { float: left; width: 80px; border-left: 1px solid #578a75; padding-left:4px; }
.footlinklist2 { float: left; width: 100px; border-left: 1px solid #578a75; padding-left: 4px; }
#copyright { width: 430px; float: left; padding-top: 8px; margin-top: 8px; border-top: 1px solid #578a75; }
#copytxt { float: left; } 
#webcredits { float: right; }
#webcredits a:link, #webcredits a:visited { text-decoration: none; display: block; }
#webcredits a:hover { text-decoration: underline; }

/* headings */

h1, h2, h5 { font-family: "Trebuchet MS", Arial, Geneva, Helvetica, Verdana, sans-serif; font-weight: normal; }
h1 { font-size: 1.9em; padding: 0 0 10px; }
h2 { font-size: 2.4em; padding: 20px 0 10px; }
h3 { font-size: 1.9em; font-weight:normal; color:#c03; padding:10px 0; }
#sidebar h3 { margin-top:5px; }
#calendar h3 { padding: 8px 0 23px 8px; }
h4 { font-size: 1.4em; font-weight: normal; padding: 2px 0 10px; }
h5 { font-size: 1.5em; font-weight: normal; margin-top:10px; }

h5 + ul { margin-top:10px; }

.crumb {
  font-size: 1.3em;
  color: #c03;
  border-bottom: 2px solid #c03; 
  display: block;  
  padding: 9px 0 8px 0;
  margin: 5px 6px 0 6px;
  float: left;   
 }

 .crumb2 {
  font-size: 1.3em;
  color: #ff0;
  border-bottom: 2px solid #ff0; 
  margin: 5px;   
  float: left;  
 }
 
/* images */

#image_about { background-image: url(../images/general/image_van.jpg); width: 820px; height:145px; overflow: hidden; }
#image_nonpowersites { background-image: url(../images/general/image_field.jpg); width: 820px; height:145px; overflow: hidden; }
#image_powersites { background-image: url(../images/general/image_caravan.jpg); width: 820px; height:145px; overflow: hidden; }
#image_cyclistsites { background-image: url(../images/general/image_chair.jpg); width: 820px; height:145px; overflow: hidden; }
#image_area { background-image: url(../images/general/image_view.jpg); width: 820px; height:145px; overflow: hidden; }

.imagehover a:link, .imagehover a:visited { background: #f0ffd9; float: left; padding: 8px; border: 1px solid #009933;  margin: 5px 10px 5px 0; }
.imagehover a:hover { background: #fefede; padding: 8px; border: 1px solid #cc0033; }

div.gallery_whiteborder img { padding: 4px; background: #fafafa; border: 1px solid; border-color: #ccc; }

#next { padding-bottom: 10px; font-size: 1.5em; }
.inactive { color: #999; }
#next a:link, #next a:visited { color: #333; text-decoration: none; }
#next a:hover { color: #c03; }

/* forms */

#sidebarform input { display: block; width: 190px; }
#sidebarform label { /*width: 5em;*/ text-align: left; margin-right: 0.5em; margin-bottom: 5px; display: block; font-size: 1.2em; }
.submit input { margin-left: 2px; width: 102px; }
legend { color: #c03; padding: 2px 6px; } 
#required { font-size: 1.1em; margin: 7px 0 5px 0; }

/* forms - enquiry */

legend.enquiry { font-size: 1.4em; color: #c03; padding: 2px 2px; } 
#enquiryform label.first { padding-top: 0.9em; }
#enquiryform label { display: block; margin-bottom: 0.5em; font-size: 1.2em; }
#enquiryform fieldset { display: block; margin-bottom: 5px; padding: 0 1.5em 0.9em; width: 220px; border: 1px solid #cc0033; }
#interest { float: right; margin-top: 0px; margin-right: 25px; } 
#enquiryform select { display: block; }
#enquiryform input { display: block; width: 15em; }
#enquiryform fieldset.radio { margin: 1em 0 3em 1em; width: 170px; border: 1px solid #393; }
#enquiryform .radio input { clear: both; float: left; width: auto; }
.sublegend { font-size: 1.2em; color: #393; }
#address { margin-top: 33px; }
#sendme { margin-top: 25px; margin-bottom: 5px; }
 
/* misc */

.image_main { padding-bottom: 1.5em; }
#payments img { margin-top: 5px; margin-left: 12px; }
#homepageheader { padding: 3.2em 0; }
.tourismbop { padding-top: 10px; }
.astrix { color: red; }
.noline { text-decoration: none; }
.mapborder { width: 550px; height: 500px; border: 1px solid #333; }
.map { margin:20px 0; }

/* calendar */

#calendar { width: 170px; margin: 30px 0 0 15px; }
.calendarposition { padding: 0 0 20px; }
.main { width: 170px; border: 1px solid #ccc; }
.month { background-color: #063; font: bold 11px Arial; color: #fff; }
.daysofweek { background-color: gray; font: bold 11px Arial; color: #fff; }
.days { font-size: 11px; font-family: Arial; color: #333; background-color: #fefede; padding: 2px; }
.days #today { font-weight: bold; color: red; } 