body {
	color: #4d4d4d;
    background: #006699 url(images/bg.gif) repeat-x;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Arial, Geneva, Arial, Helvetica, sans-serif, X;
    font-size: 90%;
}
#main {
	margin: auto;
	width: 770px;
	/*border: 1px solid #036E89 double;*/
    border: 0;
	padding: 0;
    background: #ffffff;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}
a
{
	color: #006699;
}
a:visited
{
	color: #006699;
}
a:hover
{
	text-decoration: none;
	color: #ffffff;
	background-color: #003366;
}
#container {
    float: left;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    /*width: 770px;*/
}
#left_bar {
	float: left;
	width: 170px;
    background: #003366 url(images/dk_bar.gif) repeat-y;
	padding-left: 5px;
    padding-right: 5px;
	margin-right: 10px;
	min-height: 700px;
	color: #ffffff;
	font-size: 0.9em;
  font-family: Verdana, "X", "Lucida Grande", "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif, X;
}
#left_bar_home {
    float: right;
	width: 30%;
    background: #00a8d3 url(images/dk_bg.gif) repeat;
	padding-left: 0.5em;
	padding-top: 1em;
	color: #ffffff;
    font-family: Verdana, "X", "Lucida Grande", "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif, X;
}
.left_bar_menu {
	width: 180px;
	vertical-align: top;
	background-color: #003366;
	padding-left: 0;
	padding-top: 0;
	color: #ffffff;
	font-size: 0.8em;
  font-family: Verdana, "X", "Lucida Grande", "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif, X;
}
#header {
	margin: 0;
    width: 770px;*/
	padding: 0;
    background: #ffffff url(imgs/beach_logo3.jpg) no-repeat;
	color: #003366;
	float: left;
    height: 142px; /* for IE */
    min-height: 142px; /* for not-IE */
	/*text-align: right;*/
	vertical-align: top;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
}
#header_var {
	margin: 0;
    width: 770px;*/
	padding: 0;
 	color: #003366;
	float: left;
    height: 142px; /* for IE */
    min-height: 142px; /* for not-IE */
	/*text-align: right;*/
	vertical-align: top;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
}
h1 {
	font-size: 1.5em;
	color: #006699;
	font-family: Arial, Verdana, "Trebuchet MS", "X", "Lucida Grande",  Geneva, Arial, Helvetica, sans-serif, X;
	margin: 0;
}
h2 {
	font-size:	1.2em;
	color: #006699;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif, X;
}
h3 {
	font-size:	1em;
	color: #003366;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif, X;
}
#left_bar h3 {
	font-size: 1.2em;
	color: #ffffff;
	padding-top: 1em;
}
#photo ul {
	padding: 1em;
	margin: 1em;
}
.rgt {
     float: right;
     text-align: right;
     margin: 3em 1em 1em 0;
     color: #fff;
	 background: #003366;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
}
.rgt a {
	color: #fff;
	text-decoration:none;
}
.rgt a:visited {
	color: #fff;
}
.rgt a:hover {
	color: #003366;
	background:#FFFFFF;
}
/*.logo_rgt {
	background: #ffffff;
	padding: 0 0.5em 0.5em 0;
	color: #003366;
	float: right;
	text-align: right;
	vertical-align: bottom;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
} */
.nav {
	background-color: #00a8d3;
	color: #ffffff;
	font-size: 0.9em;
	font-family: Arial, Verdana, "X", "Lucida Grande", "Trebuchet MS",  Geneva, Helvetica, sans-serif, X;
}

.nav a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
    font-size: 0.9em;
	padding-left: 0.5em;
	padding-right: 0.5em;
    font-family: Arial, Verdana, "X", "Lucida Grande", "Trebuchet MS",  Geneva, Helvetica, sans-serif, X;
}
.nav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.nav a:hover {
	color: #00798e;
	background-color: #a4d7ea;
	text-decoration: none;
	font-weight: bold;
}
#gnav {
	float: left;
	width: 100%;
	background-color: #00a8d3;
	padding: 5px 0 5px 0;
	margin: 0;
	background: #00a8d3 url(images/nav.gif) repeat-x;
    border-bottom: 1px #ffffff solid;
	font-family: Arial, Verdana, "X", "Lucida Grande", "Trebuchet MS",  Geneva, Helvetica, sans-serif, X;
}
#gnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#gnav li {
	margin: 0;
	list-style: none;
	display: inline;
	color: #ffffff;
	padding: 5px 0 5px 0;
}
#gnav li a {
display: block;
float: left; /* need to float anchor to fix bug in IE where anchor doesn't fill out to match the containing LI*/
	padding: 5px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	border-right: 1px solid #ffffff;
}
html>body #gnav li a
{
	width: auto;
}
#gnav li.here a {
	background-color: #ffffff;
	color: #00a8d3;
}
#gnav li a:visited {
	display: block;
	float: left; /* need to float anchor to fix bug in IE where anchor doesn't fill out to match the containing LI*/
	padding: 5px;
	text-decoration: none;
	/*color: #ffffff;*/
	font-weight: bold;
	border-right: 1px solid #ffffff;
}
#gnav li.here a:visited {
	background-color: #ffffff;
	color: #00a8d3;
}
#gnav li a:hover {
      color: #006699;
      background: none;
}
.box {
	background-color: #a4d7ea;
	color: #006699;
	padding: 0.5em;
	margin-right: 0.5em;
}
.box2 {
	background-color: #ffffff;
	color: #006699;
	padding: 0.5em 0.5em 0 0.5em;
	margin-right: 0.5em;

}
.boxhome {
	background-color: #a4d7ea;
	color: #006699;
	font-weight:bold;
	font-size: 1em;
	/*padding: 1em;*/
	margin-right: 1em;
	/*text-align:center;*/
	float: left;
}
.boxhome img {
	border: none;
}
.boxhome a {
	display: block;
	padding: 1em;
	/*margin-right: 2em;*/
}
.high {
	font-size: 1em;
	font-weight: bold;
}
#textbox {
	float: left;
	width: 360px;
	background-color: #ffffff;
	border-right: 2px solid #006699;
	color: #4d4d4d;
	padding-right: 10px;
	min-height: 700px;
	/*margin-right: 10px;*/
	font-size: 0.9em;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Arial, Geneva, Arial,  Helvetica, sans-serif, X;
}
#textbox_val {
	float: left;
	width: 450px;
	background-color: #ffffff;
	/*border: 1px #000 solid;	*/
	color: #4d4d4d;
	padding: 1em;
	min-height: 400px;	
    margin: 1em;
	font-size: 0.9em;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Arial, Geneva, Arial, Helvetica, sans-serif, X;
}
#textbox ul {
	padding-left: 4em;
}
#textbox_home {
	/*vertical-align: top;
	text-align: left;*/
	background-color: #ffffff;
	color: #4d4d4d;
	padding: 1em;
    margin: 1em;
	font-size: 0.9em;
	min-height: 700px;
	float: left;
	width: 50%;
	border: 1px #000 solid;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Arial, Geneva, Arial, Helvetica, sans-serif, X;
}
#textbox_home h4 {
	color: #FF0000;
	font-size: 1.3em;
}
#textbox_home h3 img {
	float:right;
	border: none;
}

.sidebar {
	border-right: 1px solid #bd7a4b;
	vertical-align: top;
	background-color: #e8e8e8;
	color: #4d4d4d;
	padding: 1em;
	font-size: 0.7em;
	font-family: Verdana, "Trebuchet MS",  "X", "Lucida Grande", Arial, Verdana, Geneva, Arial, Helvetica, sans-serif, X;
}
.sidebar ul {
	padding-left: 1em;
}
#lnav {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	font-size: 0.9em;
}
#lnav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ffffff;
}
#lnav li
{
	margin: 0;
}
#lnav li a
{
	display: block;
	background-color: #a4d7ea;
	/*color: #777;*/
	color: #ffffff;
font-weight: bold;
	text-decoration: none;
	width: 100%;
	padding: 5px;
	border: 1px solid #ffffff;
	border-bottom: 0;
}
html>body #lnav li a
{
	width: auto;
}
#lnav li a:visited
{
	color: #ffffff;
}
#lnav li a:hover
{
	background-color: #ffffff;
	color: #003366;
}
li.dummy {
	display: none;
}
/* code below (Holly Hack) gets rid of white space between list items in IE Win Hidden from IE Mac */
/* height rule needed cos float fix uncovers IE bug which needs height value to make links display as block-level elements*/
/** html ul li {
	float: left;
}*/
* html ul li a {
	height: 1%;
}
/* End */

#lnav li:hover ul {
	display: block;
}

#footer {
	background-color: #003366;
	color: #ffffff;
	font-family: Arial, Verdana, "X", "Lucida Grande", "Trebuchet MS",  Geneva, Helvetica, sans-serif, X;
	font-size: 0.9em;
	/*padding: 0.5em;*/
    /*clear: left;*/
    float: left;
    width: 100%;
}
#footer a {
	font-weight: bold;
	color: #ffffff;
}
#footer a:visited {
	font-weight: bold;
	color: #ffffff;
}
#footer a:hover {
	font-weight: bold;
	color: #ffffff;
}
#counter {
    float: left;
   background: #4d4d4d;
}
.bg {
	/*color: #003366;*/
	padding: 0.5em 0 0.5em 0;
	text-align:	center;
	background-color: #006699;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Verdana, "X", "Lucida Grande", "Trebuchet MS",  Verdana, Geneva, Arial, Helvetica, sans-serif, X;
}
.bg a {
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #003366;
    text-decoration: none;
}
.bg a:visited {
	color: #003366;
}
.bg a:hover {
	color: #ffffff;
	text-decoration: none;
}
address {
	font-style: normal;
	padding-left: 3em;
}
/*.cntr {
	align: center;
}
invalid style - not being used?
*/
#photo {
	float: right;
	width: 200px;
	padding-top: 1em;
	min-height: 700px;
	background-color: #fff;
	font-size: 0.9em;
	color: #003366;
	font-family: Verdana, "Trebuchet MS", "X", "Lucida Grande",  Geneva, Arial, Helvetica, sans-serif, X;
}
#photo h3 {
	padding-left: 0.5em;
}
.no_bull {
	list-style: none;
}
.bull {
	padding: 0 2em 1em 2em;
}
.img_align {
	text-align: right;
	background-color: #fff;
}
.a {
	font-weight: normal;
	font-size: 0.9em;
	color: #00798e;
}
.b {
	font-weight: bold;
	font-size: 1em;
	color: #a4d7ea;
}
a.b {
	text-decoration: none;
	color: #a4d7ea;
	background-color: #ffffff;
}
a.b:hover {
	text-decoration: underline;
	color: #003366;
	background-color: #ffffff;
}
.c {
	font-weight: bold;
	font-size: 1.2em;
	color: #00a8d3;
}
a.c {
	text-decoration: none;
	color: #00a8d3;
	background-color: #ffffff;
}
a.c:hover {
	text-decoration: none;
	background-color: #006699;
	color: #ffffff;
}
form {
	padding: 0;
margin: 0;
}
legend {
	font-weight: bold;
	color:#FFFFFF;
}
a.dk_bg {
	color: #ffffff;
}
a.dk_bg:visited {
	color: #ffffff;
}
a.dk_bg:hover {
	color: #ffffff;
	text-decoration: none;
}
form {
	padding: 1em 0.5em 0.5em 0.5em;
}
img.intext {
	float:right;
	margin: 0 0 1em 2em;
}
#highlight p {
	color: #006699;

}
#highlight h3 {
	color: #006699;
}
.highlight {
	margin-right: 1em;
	color: 006699;
	float: left;
}
.high_border {
	margin-right: 1em;
	color: #006699;
	background:	#fff;
	border: 1px solid #ff9999;
	padding-left: 0.5em;
}
/*.no_border {
    margin: 0;
    padding: 0;
}*/
p.mid {
      text-align: center;
}

/* valentine styles */
.val_a {
      font: 1.2em;
      color: #e1352b;
      padding: 0;
      margin: 0;
}
.val_b {
       font: 1.2em;
      color: #e1352b;
}
.val_c {
       font-weight: bold;
      color: #e1352b;
}
a.val_c {
	text-decoration: none;
	color: #e1352b;
	background-color: #ffffff;
}
a.val_c:hover {
	text-decoration: none;
	background-color: #e1352b;
	color: #ffffff;
}

h1.val {
       font-size: 1.3em;
       color: #e1352b;
}
h2.val {
       font-size: 1.2em;
       color: #e1352b;
}
p.mid_val {
      text-align: center;
}
.box2_val {
	color: #ffffff;
    clear: right;
	padding: 0.5em 0.5em 0 0.5em;
	margin-right: 0.5em;
    font-weight: bold;
}
ul.ord {
	padding: 1em;
	margin: 1em;
}
img.val_intext {
	float:right;
	margin: 0;
}
#mid {
     /*padding-left: 6em;*/
     color: #006699;
}
#side_bar_val {
    float: left;
	width: 180px;
	vertical-align: top;
    background: #ffffff url(images/val_bg.gif) repeat;
	padding: 1em 0 1em 0.5em;
	margin-bottom: 1em;
	color: #ffffff;
	/*font-size: 0.8em;*/
  font-family: Verdana, "X", "Lucida Grande", "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif, X;
}
#header_val {
	margin: 0;
    width: 770px;*/
	padding: 0;
    background: #ffffff url(imgs/cloud_heart.jpg) no-repeat;
	color: #003366;
	float: left;
    height: 142px; /* for IE */
    min-height: 142px; /* for not-IE */
	/*text-align: right;*/
	vertical-align: top;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
}
/* close valentine styles */
.one {
	background: #ffcccc;
	padding: 0.5em;
	border: 1px solid #ff9999;
	margin-bottom: 1em;
	margin-right: 1em;
}
.two {
	background: #fff;
	padding: 0.5em;
	border: 1px solid #ff9999;
	margin-bottom: 1em;
	margin-right: 1em;

}
.three {
	background: #AFDCEC;
	padding: 0.5em;
	border: 1px solid #87AFC7;
	margin-bottom: 1em;
	margin-right: 1em;	
}
.four {
	background: #fff;
	padding: 0.5em;
	border: 1px solid #87AFC7;
	margin-bottom: 1em;
	margin-right: 1em;	
}
.fourmid {
	background: #fff;
	padding: 0.5em;
	border: 1px solid #87AFC7;
	margin-bottom: 1em;
	text-align: center;
}
.in {
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
.mid {
	text-align: center;
}
img.plain  {
 border: none;
}
a:hover img.plain {
	border: none;
	text-decoration:none;
}
a.white {
	color: #FFFFFF;
}
#xmas { font-size: 0.9em}
#xmas strong {color: #ff0000}
#xmas #container {padding: 1em}
#xmas #container table td {border-bottom: 1px solid red;}
#header_xmas {
	margin: 0;
    width: 770px;*/
	padding: 0;
    background: #ffffff url(imgs/xmastree_header2.jpg) no-repeat;
	color: #003366;
	float: left;
    height: 200px; /* for IE */
    min-height: 200px; /* for not-IE */
	/*text-align: right;*/
	vertical-align: top;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, "X", "Lucida Grande", "Trebuchet MS", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif, X;
}
.display	{
	display: block;
	margin-right: auto;
	margin-left: auto;
}