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

/* 2 Column Fixed Width Layout, Right Side Menu, Header, Footer */

body {
	margin:  0;
	padding:  0;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
}

#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top:  173px; /* 110px */
	margin-left:  0;
	margin-right:  0;
	margin-bottom:  0;
	padding:  0;
/*  Background of the right side menu.  Replace the URL and the background color (#FFFFFF) with your choices for each.  */
	background:  url(images/BnBSide_bg.jpg) top right repeat-y #FFFFFF;
	color:  #000000;
	position:  relative;
	top:  0;
	left:  0;
/* Replace width value with your choice of layout width. */
	width:  750px;

}

#contentarea {
 /* replace this value with the width of your left column */
 	margin-right: 137px;
	margin-left:  0;
	margin-bottom: 0;
	margin-top: 0;
	padding:  0;
	width:  613px; /* 570px */
}

#rightcolumn {
	position:  absolute;
	top:  0;
	right:  0;
	margin:  0;
	padding:  0;
/* Replace width with the width of your right column. */
	width:  137px;
/*  Background of the right side menu.  Replace the URL and the background color (#3F9BCF) with your choices for each.  */
	background:  url(images/BnB_Side_bg.jpg) top right repeat-y #FFFFFF;
	color:  #000000;
}

#header {
	position:  absolute;
	top:  0;
	left:  0;
	width: 100%;
/* The header can be set to either a fixed width or a liquid width.  I prefer to make the header a liquid width for aesthetic purposes, but changing it to a fixed width will not affect the layout.  This is an optional property. 	width:  750px; /* 100% */
/* replace this value with the height of your header. */
	height:  173px; /* 110px */
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
	background:#FFFFFF;
	color:  #000000;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#extra_menu {
	padding-left: 20px;
}

#footer {
/* This is needed to ensure that the footer appears below your content and menus. */
	clear:  both;
	margin:  0;
	padding:  0;
/* The footer can be set to either a fixed width or a liquid width.  This is an optional property. */
	width:  750px; /* 770px */
/* Replace with the height of your footer.  Optional.  */
	height:  50px; /* 20px */
/* Replace with the background image and colour of your footer.  */
	background:  #FFFFFF;
	color:  #FFFFFF;
}

p {
	padding: 0 10px;
}

a:link {
	color: #000000;
	text-decoration:none;
	font-weight: bold;
}
a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
    color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.img {
	border: 0px;
}

.alert {
	color:#FF0000;

}


#menu {
	width: 150px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	margin: 0px 10px 10px 0px;
	float:left;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menu li a {
	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #5E7830;
	display: block;
	background: url(images/menu1.gif);
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #26370A;
	background: url(images/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #26370A;
	background: url(images/menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}