/* Maple Tree Guest House */

body {  background-color: #D4E5F7;  font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 62.5%; text-align: center;}

#container {width: 760px; margin:auto; background-color: #E6D2B3; padding: 0px; border: 1px solid white;}

#heading1 { text-align: center; background-color: #804d57;  background-image:url(images/header.jpg); background-repeat: no-repeat; height: 86px;}

#strap { text-align: left; background-color: #BC9099;  font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;  color: #FAF4EB; font-weight: bold; text-transform: uppercase; padding: 3px 3px 3px 6px; border-top:1px solid #FAF4EB; border-bottom: 1px solid #FAF4EB;}

h1 { text-align: left;  font-size: 24px; color: #804d4d;  font-weight: normal; line-height: 150%;	background-color: #FAF4EB;	border: 0px double silver;	margin: 10px 0 15px 0 ;}

h2 { text-align: left;  font-size: 14px; color: #804d4d;  font-weight: bold; line-height: 150%;	background-color: #FAF4EB;	border: 0px double silver;	margin: 10px 0 15px 0 ;}
	

a:link {  color: #663E5B;}
a:visited {color: #663E5B; }
a:hover {  color: #663E5B; }
a:active {  color: #663E5B; }

#column1 { float:left; width: 170px; background-color: #E6D2B3; border: 0px solid #63636F;	}

#column1 img {text-align: center; }

#coltext {text-align: left; font-size: 1.2em; color: #333333; font-weight: normal; padding: 2px 15px 2px 15px;line-height: 130%; }


/* This turns off all the defaults of a list - the indent and the bullet point */

#navigation_main {margin: 14px 0px 0px 0px; padding: 0; list-style-type: none; width: 150px;}

/* The height is a hack so it shows up as a black in IE */

#navigation_main li a {display: block; color: #fff; padding: 5px; _height: 1em; border-bottom:1px dotted #fff; text-decoration: none; text-align: left; font-size: 1.1em; font-weight: normal; margin: 6px 0px 7px 0px; background-color: #804d57; text-transform: lowercase; }

#navigation_main li a:hover { background-color: #FAF4EB; color: #000;   border-bottom:1px dotted #fff }
#navigation_main li a:active { background-color: #FAF4EB; color: #000;   border-bottom:1px dotted #fff }


#column2 {	float:right; width: 580px;background-color: #FAF4EB; border: 0px dotted #63636F;}

#column2 li {list-style-type: circle; margin-bottom: 9px;}

#col2text {text-align: left; font-size: 1.2em; color: #333333;	font-weight: normal; padding: 2px 15px 15px 15px;line-height: 140%; }

#highlight { clear: both; text-align: center;  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em; color: black; background-color: #F0F0F0;
	border: 3px double silver;	margin: 5px 0 5px 0; padding: 3px;}
	
#address {border-top: 0px double #804d57; border-bottom: 0px double #804d57; padding-top: 4px; margin: 10px 0px 0px 0px; text-align: center;}

	
#footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; padding: 10px; background-color: #804D4D;  clear:both; color: white;}
#footer a {color: white;}
#footer a:hover {color: white; text-decoration: none;}

strong {font-weight: bold;}
.smaller {font-size: 90%; }
.bigger {font-size: 110%;}
.strongcaps {font-weight: bold; text-transform: uppercase;}
.caps {text-transform: uppercase;}