/*
COLOURS.
Dark Green: #565020
Light Green: #636531
*/


/* ------------------- Standard Tags ------------------- */

body  {                         font: 75% Arial, Helvetica, sans-serif;
                                background-color: #565020;
                                margin: 0;
                                padding: 0;
                                text-align: center;
                                color: black;
                                background-image:url(../images/bg.jpg);
                                background-position: top center;
                                background-repeat: repeat-x;
                                }
                                
#container {                    position: relative;
                                width: 940px;
                                margin: 0 auto;
                                text-align: left;
                                } 
hr	{							color: #A5C9F3;}

img border { 					color: #A5C9F3;}
			
a {								text-decoration: none; color: #565020;}

a:hover {						text-decoration: underline;}
table {							font-size: 100%;
								}
#header {                       height: 100px;
                                padding: 0;
                                color: black;
                                background-image:url(../images/head.jpg);
                                background-position: top center;
                                background-repeat:no-repeat;
                                }
#header #hLeft {             	float:left;
                                width:750px;
                                height: 100px;
                                }
#header #hLeft h1 {             font-weight: normal;
								margin: 40px 0px 0px 0px;
								font-size: 240%;
								color: white;
                                }
#header #hLeft h2 {             font-weight: normal;
								margin: 0px 0px 0px 0px;
								padding: 0px;
								font-size: 120%;
								color: white;
                                }
#header #hRight {               float:left;
                                width: 180px;
                                height: 100px;
                                color: #999999;;
                                text-align: right;
								font-weight: bold;
                                }
#subHead	{					background-image:url('../images/cellFade.gif');
                                background-position: middle;
                                background-repeat: repeat-x;
								background-color: black;
								height: 24px;
								line-height: 24px;
								text-align: right;
								color: #FFFFFF;
								}
#subHead a	{					color: white;
								padding: 3px;
								}
								
#leftCol	{					background-color: #666666;
                                border-left: 2px solid black;
								width: 150px;
								}
								
#midCol	{						background-color: #FFFFFF;
                                border-right: 2px solid black;
								padding: 8px;
								width: 770px;
								}
				
#footer {             			padding: 0;
								background-color: black;
								height: 50px;
								clear: left;
								color: white;
								font-size: 80%;
								text-align:center;
								} 
#footer div{             		padding: 5px;
								}
#footer a   {         			color: white;
								}

table	{						font-size: 100%;}
				
				
#main_right {                   width: 180px;
	                            padding: 0px;
	                            margin: 0;
	                            float:right;
								text-align:right;
                                }

#featureHead {					margin: 0;
								padding: 0;
								width: 182px;
								height: 24px;
								font-size: 120%;
								background-image:url('../images/cellFade.gif');
                                background-position: middle;
                                background-repeat: repeat-x;
								background-color: black;
								color: white;
								border: 1px solid #000;
								text-align:left;
								}
#featureHead p	{				padding: 3px; margin: 0px;}
							
#featuring {					border: 1px solid #000000;
								margin: 0px 0px 5px 0;
								padding: 0px;
								width: 182px;
								background: url('../images/feature.jpg') #FFFFFF repeat-x left bottom;
								text-align:left;
								}
								
#featuring ul {					padding: 0px;
								margin: 4px;
								font-size: 80%;
								list-style-type: none;
								color: #333333;
								}
#featuring ul li {				padding: 3px 0px 3px 0px; }




#scrollBox {					margin-bottom: 10px;
								width: 100%;
								height: 400px;
								overflow: auto;
								background: url(../images/feature.jpg) #FFFFFF repeat-x left bottom fixed;
								border: 1px solid #999999;
								}
.plainBox {						width: 764px;
								}
#photos {						width: 100%;
								text-align:center;
								}
								
.pad	{						margin: 5px;
								font-size: 90%;
								line-height: 120%;
								}
.pad table {					width: 98%; }

.tableHeader {
								font-weight: bold;
								color: #FFFFFF;
								background-color: #636531;
								border: thin solid #FFFFFF;
								}
.prices {	
								font-size: 90%;
								}
.prices td {					text-align: center;
								border: 1px solid white;
								}
.prices th {					font-size: 80%;}

.dates {
								font-size: 90%;
								font-weight: bold;
								background-color: #636531;
								}
.dimmedDates {
								color: #636531;
								}
.priceGrid td { 				font-size: 80%; text-align: center;}
.priceGrid input { 				font-size: 80%;}
.priceGrid select { 			font-size: 80%;}

.pageNumbers {					border-bottom:1px solid #000;
								border-top:1px solid #000;
								background-color: #CCCCCC;
								margin: 4px;
								text-align: center;
								padding: 3px;
								}

.pageNumbers a {				margin: 3px;
								}

.warning {						background-color: red;
								color: white;
								font-weight: bold;
								text-align:center;
								border: 4px solid red;
								font-size: 80%;
								}
								
								
								
/* ------------------- NAVIGATION ------------------- */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv	{						margin: 0px;
									background-color: #666666;
									width: 150px;
									}
.suckerdiv ul{						margin: 0;
									padding: 0;
									list-style-type: none;
									width: 150px; /* Width of Menu Items */
									background-color: #666666;
									color: white;
									z-index: 99;
									}
.suckerdiv ul li{					position: relative;
									}
/*Sub level menu items */
.suckerdiv ul li ul{				position: absolute;
									width: 150px; /*sub menu width*/
									top: 0;
									margin: 0;
									padding: 0;
									visibility: hidden;
									}

/* Sub level menu links style */
.suckerdiv ul li a {				display: block;
									overflow: auto; /*force hasLayout in IE7 */
									color: white;
									text-decoration: none;
									background-color: #666666;
									padding: 1px 5px;
									height: 22px;
									line-height: 22px;
									z-index: 100;
									}
.suckerdiv ul li a:visited{			color: white;
									}
.suckerdiv ul li a:hover{			background-color: black;
									color: green;
									text-decoration: none;
									}
.suckerdiv .subfolderstyle{			background: url('../images/arr.gif') no-repeat center right;
									}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { 			float: left; height: 1%; }
* html .suckerdiv ul li a { 		height: 1%; }
/* End */

/* ------------------- NAVIGATION ------------------- */



h3	{							background-image:url('../images/cellFade.gif');
                                background-position: middle;
                                background-repeat: repeat-x;
								background-color: black;
								color: #999999;
								padding: 0;
								margin: 0;
								}
h3 b	{						padding: 3px; display: block;}

.cottage_photos	{				width:600px;text-align:center;}
.cottage_photos img	{			margin: 6px;
								border: 1px solid #333333;
								}
#topPicture	{					width: 770px; z-index: 0; height: 250px;
}
#topPicture div	{				height: 250px;
								width: 770px;
								background-repeat:no-repeat;
								background-position:top;
}