body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("images/beadboard.jpg");
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 130%;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: underline;
	color: #333333;
}

#container {
	width: 1048px;
	margin: 0 auto;
	text-align: left;
}

#top {
	width: 1001px;
	height: 193px;
	background: url("images/top.png") !important;
	background: url("images/top.gif");
	background-repeat: no-repeat;
	padding-left:47px;
	padding-top:49px;
}

#siteFrame {
	width: 1048px;
	background:url("images/siteBG.png")!important;
	background: url("images/siteBG.gif");
	background-repeat:repeat-y;
}

#siteContent {
	width: 928px;
	margin-left: 43px;
	margin-right: 77px;
}

#siteBottom {
	width: 1048px;
	height: 30px;
	background: url("images/siteBottom.png") no-repeat !important;
	background: url("images/siteBottom.gif") no-repeat
}

#menuContainer{
	float:left;
	width: 209px;
	background: url("images/menuItem.gif") no-repeat;
}

#contentContainer{
	width: 710px;
	float: left;
}

#introParagraph{
	/*width: 380px; ---width with homeFlash*/
	width: 670px;
	float: left;
	margin-left:20px;
}

#contentColumn{
	width: 500px;
	float: left;
	margin-left:20px;
}

#contentColumn a{
	font-size:12px;
	color: #20523d;
	font-weight:bold;
}

#adColumn{
	width: 160px;
	float: right;
}

#infoColumn{
	width: 160px;
	float: right;
	padding-left:10px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background:#CCCCCC;
	border:#999999 1px solid;
}

#infoColumn p{
margin-bottom: 0px; 
margin-top: 0px;
}

#featureBox1 {
	margin-left: 10px;
	width: 223px;
	float: left;
	background:url("images/feature1BG.gif") repeat-y;
	clear:both;
}

#featureBox1 p, #featureBox2 p, #featureBox3 p {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 10px;
}

#featureBox2 {
	margin-left: 10px;
	width: 223px;
	float: left;
	background:url("images/feature2BG.gif") repeat-y;
}

#featureBox3 {
	margin-left: 10px;
	width: 223px;
	float: left;
	background:url("images/feature3BG.gif") repeat-y;
}

#footer {
	clear:both;
	margin-top:30px;
}

ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menuList a:link, ul.menuList a:visited {
	display: block;
	text-decoration:none;
	background:url("images/menuItem2.gif") no-repeat left center;
	width: 209px;
	height: 40px;
	line-height:40px;
	text-indent: 20px;
}

ul.menuList a:hover, ul.menuList a:active {
	color:#FFFFFF;
	display: block;
	text-decoration:none;
	background:url("images/menuItem2.gif") no-repeat right bottom;
	width: 209px;
	height: 40px;
	line-height:40px;
	text-indent: 20px;
}

li.dos {
	background:url(images/icon-do.jpg) no-repeat left top;
	padding-left: 60px;
	margin-bottom: 8px;
}

li.donts {
	min-height:11px;
	background:url(images/icon-dont.jpg) no-repeat left top;
	padding-left: 60px;
	padding-bottom:8px;
	margin-bottom: 25px;
	border-bottom: 1px solid #999999;
}

ol li {
	margin-bottom: 10px;
}

/* highlight active page */
#island ul.menuList .island a,
#home ul.menuList .home a,
#outfitters ul.menuList .outfitters a,
#restaurants ul.menuList .restaurants a,
#markets ul.menuList .markets a,
#inns ul.menuList .inns a,
#ourhouse ul.menuList .ourhouse a,
#itinerary ul.menuList .itinerary a,
#tips ul.menuList .tips a,
#pack ul.menuList .pack a,
#rainy ul.menuList .rainy a,
#books ul.menuList .books a,
#whentovisit ul.menuList .whentovisit a,
#kids ul.menuList .kids a {
	color:#FFFFFF;
	display: block;
	text-decoration:none;
	background:url("images/menuActive.gif") no-repeat right bottom;
	width: 209px;
	height: 40px;
	line-height:40px;
	text-indent: 20px;
}

/* end highlight of active page */

#when-to-visit {
	margin-left:20px;
}

#islandFacts {
	margin-left:20px;
}

#islandFacts td{
	padding-top: 10px;
	padding-bottom:10px;
	font-size:12px;
}

#ourHouse { 
	margin-left: 20px;
}

#ourHouseGallery {
	float: right;
	width: 245px;
	margin-left:10px;
	margin-bottom: 10px;
	margin-top:40px;
}

#feature {
	background: #f1f1f1;
	border: solid 1px #CCCCCC;
	padding: 10px 10px 10px 5px;
}

.feature {
	background: #f1f1f1;
	border: solid 1px #CCCCCC;
	padding: 10px 10px 10px 5px;
	margin-bottom: 20px;
}

#feature a {
	color: #3582bb;
}

#infolinks {
	background: #f1f1f1;
	border: solid 1px #CCCCCC;
	padding: 5px;
	margin-bottom:20px;
	width: 150px;
}

#infolinks a {
	font-size:10px;
	color: #3582bb;
}

#infolinks .title {
	color: #3582bb;
	font-weight:bold;
}


.infolinks {
	background: #f1f1f1;
	border: solid 1px #CCCCCC;
	padding: 5px;
	margin-bottom:20px;
	width: 150px;
	overflow: hidden;
	font-size:10px;
	line-height: normal;
}

.infolinks a {
	font-size:10px;
	color: #3582bb;
}

.infolinks .title {
	color: #3582bb;
	font-weight:bold;
}

.floatRight {
	position:relative;
	float:right;
	margin-left: 5px;
}

.odd {
  background-color:#f1f1f1;
  padding-top: 10px;
	padding-bottom:10px;
	font-size:12px;
}

.even{

padding-top: 10px;
	padding-bottom:10px;
	font-size:12px;

}

.clear {
	clear: both;
}

.titleGreen, .titleBlue {
color:#FFFFFF;
font-size:14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 5px 5px 5px 5px;
line-height: 200%;
}

h3 {
	font-size: 14px;
	color: #20523d;
}

.titleGreen {
	background: #20523d;
}

.titleBlue {
	background: #3582bb;
}




/*-------------------------------- Begin Ajax Styling -------------------------------- */
.editLink{

float: right;

margin: 5px;
color: #c!important;
font-size: 11px;
border: #3582BB 1px solid;



}

.editLink a{
padding: 5px;
color: #3582BB!important;

}


#contentUtility{

padding: 5px;
text-align: right;

}

.articleListing{
padding-bottom: 10px;
}

hr.double {
	border: none 0; 
	border-top: 3px double #cccccc;
	height: 3px;
	text-align: left;
}

.grayBack {
	background:#f1f1f1;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
}	

.grayBack ul li {
	padding-top:10px;
}

#ourHouseTable th {

	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #3883c2 url(images/bg_header.jpg) no-repeat;

}

h1 {
	font-family: Garamond, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333333;
}

img {
	border: none;
}