* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff url('../images/bg_blue.gif') 50% 0;
  font: normal small Arial,Tahoma,sans-serif;
  color: #333333;
  margin: 0;
  padding: 0;
  text-align: center;
}
a {
  color: #1177AA; /* Blue */
  text-decoration: none;
}
a:visited.showVisit {
  color: #990099;
}
a img {
  border:none;
}
a:hover {
  color: #DE7315; /* Dark orange */
  text-decoration: none;
}
blockquote {
  margin: 5px 0;
  font-style: italic;
}
.addthis_button {
  margin-left: 5px;
  vertical-align: middle;
}
hr {
  clear: both;
  color: #d7d7a4; /* Mozilla */
  background-color: #d7d7a4; /* Opera */
  height: 1px;
  width: 100%;
  border: 0;
  margin: .2em 0;
}
.bullet {
  color: #666666;
  font: bold 10px tahoma,arial,sans-serif;
}
.smallText {
  font-size: .8em;
}
.greyText {
  color: #999;
}
.brownText {
  color: #8c8c59;
}
.redText {
  color: #990000;
}
.left {
  float: left;
}
.right {
  float: right;
}
.img_pad {
  margin: 5px 10px 20px 20px;
}
img.left {
  margin: 0 5px 5px 0;
}
img.right {
  margin: 0 0 5px 5px;
}

/* MAIN CONTAINER
------------------------------------------*/
#container {
  width: 770px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#header {
	width: 770px;
	height: 137px;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat 0 0;
	border-bottom: 1px solid #fff;
}

/* NAVIGATION
------------------------------------------*/
#navigation {
  background: #003768 url('../images/nav_bg.gif') repeat-x;
  width: 770px;
  height: 30px;
  margin: 0 auto;
}
#navigation ul, #sub_navigation ul {
}
#navigation li, #sub_navigation li {
  list-style: none;
  display: inline;
  font: normal small Lucida Grande,Arial,Tahoma,sans-serif;
}
#navigation a {
  float: left;
  /*text-indent: -9999px; ??? */
  text-decoration: none;
  line-height: 30px;
  height: 30px;
  padding: 0 10px;
  color: #fff;
}
#navigation .selected a {
  background-color: #467daf;
}
#navigation a:hover {
  background-color: #32699a;
}
#navigation span {
  float: left;
  background-color: #467dae;
  width: 1px;
  height: 30px;
}

/* sub-navigation */
#sub_navigation {
  clear: left;
  background: #467daf;
  width: 770px;
  height: 30px;
  margin: 0 auto;
  border-bottom: 1px solid #003768;
}
#sub_navigation.flat {
  height: 8px;
  font-size: 1px;
  line-height: 8px;
}
#dropmenudiv {
position:absolute;
border-left:1px solid #32699a;
border-right:1px solid #32699a;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align: left;
}
#dropmenudiv a {
width: 100%;
display: block;
text-indent: 15px;
border-bottom: 1px solid #32699a;
padding: 1px 0;
text-decoration: none;
}
#dropmenudiv .title {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #32699a;
padding: 1px 0;
color: #8c8c59;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #32699a;
}

/* PHOTO BAR
------------------------------------------*/
#photo_bar {
  clear: left;
  height: 171px;
  width: 770px;
  margin: 0 auto;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
#photo_bar a {
  text-decoration: none;
}
#photo_bar #photo1 {
  float: left;
  /*background: url('images/placeholder.jpg') no-repeat;*/
  display: inline; /* Fix IE bug */
  height: 171px;
  width: 256px;
  border-right: 1px solid #fff;
}
#photo_bar #photo2 {
  float: left;
  /*background: url('images/placeholder2.jpg') no-repeat;*/
  display: inline; /* fix IE bug */
  height: 171px;
  width: 256px;
  border-right: 1px solid #fff;
}
#photo_bar #photo3 {
  float: left;
  /*background: url('images/placeholder3.jpg');*/
  display: inline; /* Fix IE bug */
  height: 171px;
  width: 256px;
}
#photo_bar #photo_span {
  float: left;
  /*background: url('images/placeholder3.jpg');*/
  display: inline; /* Fix IE bug */
  height: 171px;
  width: 513px;
}

/* SIDE BAR
------------------------------------------*/
#sidebar {
  clear: left;
  float: left;
  width: 224px;
  background-color: #ffffcc;
  padding: 15px;
  /*border-top: 1px solid #d7d7a4;
  border-right: 1px solid #d7d7a4;
  border-bottom: 1px solid #d7d7a4;*/
  border: 1px solid #d7d7a4;
  line-height: 16px;
}
#sidebar h2 {
  font-size: 1.0em;
  font-weight: normal;
  color: #DE7315;
  text-transform: uppercase;
  /*margin: 15px 0 4px 0;*/
  border: none;
}
#sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border: none;
}
#sidebar ul li {
  margin-top: .2em;
}
#sidebar ul li.first {
  margin: 0;
}
#sidebar #news {
  margin-bottom: 1em;
}
#sidebar #categories {
  margin-bottom: 1em;
}
#sidebar #search {
  margin-bottom: 1em;
}
#sidebar #search input {
  margin: 0.5em 0;
}
#sidebar #contact {
  margin-bottom: 1em;
}
#sidebar #resources {
  margin-bottom: 1em;
}
#sidebar #partners {
  margin-bottom: 1em;
}
#sidebar #associations {
  margin-bottom: 0;
}
.error {
  color: red;
}

/* MAIN CONTENT
------------------------------------------*/
#main {
  float: right;
  width: 483px;
  padding: 15px;
  height: auto;
  line-height: 16px;
}
body#bodega-bay-info #main, body#reviews #main, body#owners #main, body#about-us #main, body#videos #main {
  /*width: auto;*/
  width: 740px;
}
body#videos iframe {
  margin: 10px 0;
}
#main h1 {
  font-size: 1.3em;
  color: #003768;
  margin-bottom: .3em;
}
#main ul {
  margin-left: 15px;
}
#main ul li {
  list-style-type: circle;
}
#main h2 {
  font-size: 1.1em;
  color: #8c8c59;
  margin-top: 1.5em;
  margin-bottom: .5em;
}
#main p {
  margin: .6em 0;
}

/* MAIN SPAN CONTENT
------------------------------------------*/
#main_span {
  clear: both;
  width: 746px;
  padding: 0 15px 15px 15px;
  line-height: 16px;
}
#main_span .rental hr {
  margin: .6em 0;
}
#main_span .rental h1 {
  width: 720px;
  color: #003768;
  background-color: #d7d7a4;
  font-size: 1.5em;
  padding: 10px;
  margin: .6em 0;
}
#main_span .rental .photo_sm {
  margin: 16px 16px 0 0;
}
#main_span .rental .photo_sm_rt {
  margin: 16px 0 0 0;
}
#main_span ul {
  margin-left: 15px;
}
#main_span ul li {
  list-style-type: circle;
}
#main_span h2 {
  font-size: 1.1em;
  color: #8c8c59;
  margin-top: 1.5em;
  margin-bottom: .5em;
}
#main_span p {
  margin: .6em 0;
}
#main_span form {
  margin: 0 0 .6em 0;
}

/* FOOTER
------------------------------------------*/
#footer {
  clear: both;
  width: 740px;
  padding: 15px;
  font-size: .9em;
  color: #333;
  text-align: center;
}

/* COMMENTS
------------------------------------------*/
.pagination ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.pagination ul li {
	display: inline;
	font-size: 12px;
}
h3.comments {
	margin-top: 7px;
	padding: 3px 3px 1px 10px;
	background: #f8f8f9;
	border-top: 1px solid #b5b5b5;
	border-bottom: 1px dotted #b5b5b5;
}
.comment {
	width: 401px;
	padding-top: 10px;
	background: url(../images/comment_bg_top.gif) no-repeat top left;
}
.comment .body {
	margin: 0 10px 5px 10px;
	overflow: auto;
}
.comment .posted-by {
	padding: 20px 0 20px 0;
	background: #FFF url(../images/comment_bg_bottom.gif) no-repeat top left;
	text-align: right;
}
.comment .posted-by p {
	margin-right: 20px;
}


/* TABLE STYLE
------------------------------------------*/
table.tbl {
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #d7d7a4;
	border-collapse: collapse;
	background-color: white;
}
table.tbl th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #d7d7a4;
	background-color: #d7d7a4;
	-moz-border-radius: 0px;
	text-align: left;
	color: #003768;
}
table.tbl td {
	border-width: 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-color: #d7d7a4;
	background-color: white;
	-moz-border-radius: 0px;
	line-height: 16px;
}