/** 
 * www.goldnviewsbnb.co.nz CSS Layout
 * Author: Debi Hazelden
 * Copyright 2005 
 * Created: 10/02/2005 09:07:49
 *
 */ 


/* page layout */
body {
	color:#000000;
	background-color: #939599;
	/*text-align: center;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	
h3 { font: 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #000; }
h4 { color:#000000; background-color:#DBDBDB ; font: 15px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
h1 { color:#000000; background-color:#DBDBDB ; font: 15px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

fieldset legend { 
	color:				#3D3E31; 
	background-color:	#DBDBDB; 
	font: 				12px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-weight:		bold;
	}
	
div#Scontainer	{
    color: 					#3D3E31;
    margin: 				0px auto;
    padding: 				0px;
    text-align: 			left;
    border-top:     		10px #fff solid;
    border-bottom:  		9px #fff solid;
    width: 					800px;
	}
	
div#container	{
    /*background: 			#DA1C22 url(../images/container.gif) top left repeat-y;*/
    background: 			#FF1C22 url(../images/container-n.gif) repeat-y;0
    margin: 				0px auto;
    padding: 				0px;
    text-align: 			left;
    border-top:     		10px #fff solid;
    border-bottom:  		9px #fff solid;
    width: 					800px;
	}

div#header {
	position:				relative;
	top:					0px;
	left:					0px;
	width:					597px;
	height:					104px;
	z-index:				3;
	text-align: 			left;
	color:					#FFFFFF;
	font-weight:			bold;
	background-color:		#DA1C22; /*DA1C22;*/
	margin: 				0;
	padding: 				0;
	border: 				0;
}

div#header h1 span {
	display: none;
	}

/* you are here - current page menu highlighting */
body#home div#navigation ul li#menu_home a,
body#about div#navigation ul li#menu_about a,
body#reservations div#navigation ul li#menu_reservations a,
body#activities div#navigation ul li#menu_activities a
{
	color: #3D3E31;
	background-color:#DA1C22;
	}

div#pagebody {
	background: transparent;
	margin: 0;
	}


div#main {
	width: 602px;
	border: 0px solid black;
	display: block;
	float: right;
	background: #DBDBDB right top no-repeat;
	color:#000000;
	/*border-left:10px solid #FFFFFF;*/
	
	 /*\*/
	 /*display: table-cell; */
	 /* Safari min-height hack, but breaks macIE so is hidden from it with comment hack */
	 height: 440px; /* this is for Win IE - min-height is unsupported. */
}

/* fix up the min-height for real browsers */

div#pagebody div#Smain {
	height: auto;
	min-height: 440px;
	}

div#Smain {
	width: 800px;
	border: 0px solid black;
	display: block;
	float: right;
	background: #DBDBDB right top no-repeat;
	color:#000000;
	/*border-left:10px solid #FFFFFF;*/
	
	 /*\*/
	 /*display: table-cell; */
	 /* Safari min-height hack, but breaks macIE so is hidden from it with comment hack */
	 height: 440px; /* this is for Win IE - min-height is unsupported. */
}

/* fix up the min-height for real browsers */

div#pagebody div#main {
	height: auto;
	min-height: 440px;
	}

div#title {
	background-color:#D1D2D4;
	color:#000000;
	font-family:Trebuchet MS, Arial;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	border-bottom:10px solid #FFFFFF;
	height:30px;
	padding: 13px 0px 7px 50px;
}

div#content {
	border:			0px solid red;
	margin-left: 	30px;
	margin-right: 	50px;
	margin-top: 	46px;
	padding-bottom: 0px;
	font: 			11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:	150%;
	}
	
div#content p {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:150%;
	}

div#content a, div#content a:visited{
	color: #DA1C22;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	background-color:#DBDBDB;
	}

div#content a:hover {
	color: #939599;
	background-color:#DBDBDB;
	}
	
div#content h1 {
	display: block;
	font-size: 17px; 
	font-weight:normal;
	color: #939599;
	}
	
/*div#content td {
	background-color:#DBDBDB;

}*/


.table td {
	background-color:#FFFFFF;
}

div#sidebar-image {	
	background: 	url(/images/docsbox.jpg) bottom no-repeat;
	border: 		1px solid black;
	width: 			185px;
	height: 		500px;
	float:			bottom;
	line-height:150%;
	}

div#sidebar {
	background: transparent;
	margin: 0px;
	padding: 0px;
	}

div#footer {
	clear: both;
	color:#939599;
	background: #fff;
	font-size: 9px;
	text-align: right;
	padding-top: 1px;
	}


div#sideimages h3 {
	background: url(../img/sidebar_ep_heading.gif) left top no-repeat;
	width: 143px;
	height: 21px;
	}
	
div#sideimages h3 span {
	display:none;
	}

div#sideimage {
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	font-family:Verdana,Arial, Tahoma; 
	letter-spacing:-.05em; 
	font-size:12px;
	}
	
div#sideimages a, div#sideimages a:visited{
	/*background-color:#DA1C22;*/
	text-decoration:none;
	}

div#sideimages a:hover {
	/*color: #939599;
	background-color:#D1D2D4;*/
	text-decoration:none;
	}
	
div#sideimages td {
	color:				#FFFFFF;
	background-color:	#DA1C22;
	height:				27px;
	text-align:			left;
	font-family:		Verdana, Arial, Tahoma; 
	font-weight:		bold;	
	text-transform: 	uppercase;
	letter-spacing:		-.05em; 	
	font-size:			12px;
	/*padding:0px;*/
	margin:				0px;
	padding-left:		40px;
	}
	
div#bodyContainer  {
	padding-left:		10px;
	border:				0px solid red;
	}

.line {
	background-image:url(../images/menu_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
}

.line_sm    {
	background-image:		url(../images/menu_line.gif);
	background-position:	bottom;
	background-repeat:		repeat-x;
	margin:					0px;
}

.line_sm    a {
	font-size:				11px;
}

body#links div#content dt {
	margin-top: 10px;
	}

div#footer a:link, div#footer a:visited {
	color: #000000;
	background-color:#FFFFFF;
	text-decoration: underline;
	}

div#login {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: normal;
height:124px;
width:auto;
background-color:#DA1C22;
text-align:left;
margin: 0;
/*padding: 0;*/
font-size: 11px;
}

div#login p{
	padding:0px 0px 5px 70px;
	margin:0px;
}

div#login a, div#login a:visited{
	color: 					#FFFFFF;
	text-decoration: 		underline;
	font-weight: 			normal;
	background-color:		#DA1C22;
	}

div#login a:hover {
	color:					#FFFFFF;
	background-color:		#DA1C22;
	text-decoration:		underline;
}

.pg_layout{
	background-color:		#FFFFFF; /*DA1C22;*/
	color:					#FFFFFF;
	border-width:			10px 10px 0px 10px;
	border-color:			#FFFFFF;
	border-style:			solid;
	width:					820px;
}

.feature a{
        font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.menu_layout {
	height:20px;
	background-color:#DA1C22;
	color:#FFFFFF;
}


a.menu            {font-family:Verdana,Arial, Tahoma; letter-spacing:-.05em; font-size:12px; color:#FFFFFF; font-weight:Bolder; text-decoration:none;text-transform:uppercase; padding:0px;}
a.menu:link       {color:#FFFFFF; font-weight:Bold; text-decoration:none;text-transform:uppercase;}
a.menu:visited    {color:#FFFFFF; font-weight:Bold; text-decoration:none;text-transform:uppercase;}
a.menu:active     {color:#FFFFFF; font-weight:Bold; text-decoration:none;text-transform:uppercase;}
a.menu:hover      {color:#000000; font-weight:Bold; text-decoration:none; text-transform:uppercase;}

.bad {
  color: #DA1C22;
  font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.loginfields {
	height:15px;
	width:100px;
	border:0px;
	color:#939599;
	font-size: 10px;
}

.form {
	width:200px;
	border:0px;
	color:#939599;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.form_wide {
        width:425px;
        border:0px;
        color:#333333;
        font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.form_extra_wide {
        width:420px;
        border:0px;
        color:#939599;
        font: 11px Tahoma, Arial, Helvetica, sans-serif;
}


.inputWide {
        width:100%;
        border:1px solid red;
}

.formsmall{
        width:80px;
        border:0px;
        color:#939599;
        font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

textarea {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.button {
	font-weight:bold;
	font-size:9px;
	text-transform:lowercase;
	color:#939599;
	border:1px solid #FFFFFF;
	background-color:#DBDBDB;
}

.controlLabel {
font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.controlExplanation {
     font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

.button_maintain {
        font-weight:		bold;
        font-size:			9px;
	    width:				150px;
        text-transform:		lowercase;
        color:				#333333;
        border:				1px solid #FFFFFF;
        background-color:	#DBDBDB;
}


.button_maintain:hover {
        font-weight:		bold;
        font-size:			9px;
	    width:				150px;
        text-transform:		lowercase;
        color:				#333333;
        border:				1px solid #FF0000;
        background-color:	#DBDBDB;
}

.faq {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #D1D2D4;
	background-color:#D1D2D4;
	height:310px;
	padding:3px;
}

a.faq_active, a.faq_active:visited{
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
	background-color:#D1D2D4;
	}

a.faq_active:hover {
	color: #939599;
	background-color:#D1D2D4;
	}