@charset "utf-8";
/* CSS Document */

@import url(typography.css);
@import url(media.css);
@import url(tables.css);

/* div {
	border:1px #FF0000 solid;
}  */
body {
	background-image: url(../images/layout/bg_slice-D-green.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #003300;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
	height:350px;
}

#wrapper_inner {
	float:left;
	width:900px;
	height: auto;
	position:absolute;
	top: 5px;
	background-color: #FCFBF1;
	background-image: url(../images/layout/bg_foot-cream.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	left: -5px;
}
#left_half{
	width:430px;
	float:left;
	padding:10px;
}

#left_half-big {
	width:430px;
	float:left;
	padding:10px;
}

#right_half {
	width:430px;
	float:right;
	padding:10px;
}
#video {
	width:900px;
	float:none;
	height: auto;
	font-family: Arial, Helvetica, Times New Roman, Verdana;
	font-size: 12px;
	color: #000;
	padding-top: 10px;
	padding-right: 270px;
	padding-bottom: 10px;
	padding-left: 270px;
}

.clearer {
	width:900px;
	float:left;
	clear:both;
}

#main_text {
	float:left;
	clear:both;
	width:880px;
	margin:0;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

#main_text_contact {
	float:left;
	padding:0 0 0 20px;
	width:410px;
	margin:0;
}

#sidebar_contact {
	float:right;
	padding:0 10px;
	width:550px;
	margin:0;
}

.location {
	margin:0 0 0 70px;
}

#cottage_text {
	float:right;
	clear:both;
	padding:0 20px;
	width:500px;
	margin:0;
}

#cottage_sidebar {
	width:260px;
	float:left;
	margin:0;
	padding:0 20px;
}

#cottage_sidebar ul {
	margin:0;
	padding:0;
}

#cottage_sidebar li {
	padding:5px 10px;
	list-style:none;
}

#photo_sidebar-Left {
	width:220px;
	float:left;
	margin:0;
	padding:0 5px;
}

#photo_sidebar-Left ul {
	margin:0;
	padding:0;
}

#photo_sidebar-Left li {
	padding:5px 15px;
	list-style:none;
}

#photo_sidebar-Right {
	width:220px;
	float:right;
	margin:0;
	padding:0 5px;
}

#photo_sidebar-Right ul {
	margin:0;
	padding:0;
}

#photo_sidebar-Right li {
	padding:5px 15px;
	list-style:none;
}
#cottage_text-Middle {
	float:left;
	clear:both;
	width:350px;
	margin:0;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
/* ~~ this fixed width container surrounds all other divs~~ */
.container {
	width: 900px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
	background-color: #FCFBF1;
}
.sidebar1 {
	float: left;
	width: 230px;
	background-color: #FCFBF1;
}

#sidebar1 ul {
	margin:0;
	padding:0;
}

#sidebar1 li {
	padding:5px 10px;
	list-style:none;
}
.content {
	width: 419px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.sidebar2 {
	float: left;
	width: 230px;
	background-color: #FCFBF1;
	padding: 0px;
}
#sidebar2 ul {
	margin:0;
	padding:0;
}

#sidebar2 li {
	padding:5px 10px;
	list-style:none;
}


/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* footer styles */

#footer {
width : 870px;
clear : both;
margin-top : 20px;
background : #996633;
font-family : Verdana, Geneva, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : normal;
font-family : Verdana, Geneva, sans-serif;
background-color : #997F66;
background-image : url(../images/layout/nav_bar_bg_spacer.gif);
background-repeat : repeat-x;
background-position : left top;
float : left;
padding-top : 0;
padding-right : 15px;
padding-bottom : 0;
padding-left : 15px;
}

	#footer-new {
	width : 870px;
	clear : both;
	margin-top : 20px;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	font-family : Verdana, Geneva, sans-serif;
	background-image : url(../images/layout/bg_navigation-cream.gif);
	background-repeat : repeat-x;
	background-position : left top;
	float : left;
	padding-top : 0;
	padding-right : 15px;
	padding-bottom : 0;
	padding-left : 15px;
}

#footer ul {
	list-style:none;
	margin:0 0 20px 0px;
}

#footer li {
	display:inline;
	margin:10px 4px;
}

#footer a {
	text-decoration:none;
}

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


/* navigation styles */

#nav {
	float:left;
	width:900px;
	padding:0;
	background:#997F66 url(../images/layout/nav_bar_bg_spacer.gif) top left repeat-x;
	height: 40px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#nav li{
	float:left;
	margin:0 1px;
	padding:0;
	list-style:none;
	height: 1px;
}

#nav a {
	float:left;
	display:block;
	margin:0;
	padding:9px 8px;
	color:	#FCFBF1;
	text-decoration:none;
	background:#997F66 url(../images/layout/nav_bar_bg.gif) top left repeat-x;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	height:auto;
}

#nav a:hover {
	background:transparent url(../images/layout/nav.png) bottom center  repeat-x;
}

#nav a.current {
	background:transparent url(../images/layout/nav.png) bottom center repeat-x;
}
#navigation_bar {
	float:left;
	width:900px;
	padding:0;
	height: 35px;
	margin-top: -2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #996633;
	background-repeat: repeat-x;
	background-position: left top;
}
#left_col {
	width:400px;
	float:left;
}

#right_col {
	width:400px;
	float:right;
}

#contactform {
	background:transparent url(../images/layout/form.png) top left no-repeat;
	border:none;
	width:400px;
}

fieldset {
	border:none;
	padding:20px;
}
th.c1 {
	background-color: #FAF4D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 th.c2 {
	background-color: #E3DAAA;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 th.c3 {
	background-color: #D9E4C4;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 th.c4 {
	background-color: #D36400;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 th.c5 {
	background-color: #FFD775;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 th.c6 {
	background-color: #ccccff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
th.c7 {
	background-color: #96A48B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
th.c8 {
	background-color: #FAF4D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
th.c9 {
	background-color: #D36400;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

 th.c10 {
	background-color: #FFD775;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 tr.c1 {
	background-color: #002300;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFE5;
	text-align: center;
}
 tr.c3 {
	background-color: #D9EAF9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c1 {
	background-color: #FAF4D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c2 {
	background-color: #E3DAAA;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
 td.c3 {
	background-color: #D9EAF9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFE5;
	text-align: center;
}
 td.c7 {
	background-color: #96A48B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c6 {
	background-color: #ccccff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c8 {
	background-color: #FAF4D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c9 {
	background-color: #96A48B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
td.c11 {
	background-color: #96A48B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	

}
td.c12 {
	background-color: #96A48B;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
	
}