ul {margin:0; padding:0; list-style:none; line-height:16px}
.ul {margin:0; padding:0; list-style:none; line-height:15px}
li {background:url(http://www.oceans8atbrownstone.com/images/pointer.gif) left no-repeat;padding:0 0 0 15px;}
.li {background:url(http://www.oceans8atbrownstone.com/images/pointer_green.gif) left no-repeat;padding:0 0 0 10px;}


 body {margin:0px; padding:0px; background:URL(http://www.oceans8atbrownstone.com/images/tall_x.gif); background-repeat:repeat-x;background-color:#313131}

  td		{font-family:Arial; font-size:11px;  color:#DDDDDD;}

  .gray		{font-family:Arial; font-size:11px;  color:#DDDDDD;}
  .white		{font-family:Arial; font-size:11px;  color:#FFFFFF;}
  .main12		{font-family:Arial; font-size:12px;  color:#CCCCCC;}
  .main14		{font-family:Arial; font-size:14px;  color:#CCCCCC;}
  .main16		{font-family:Arial; font-size:16px;  color:#CCCCCC; font-weight: bold; line-height:16px;}
  .main20		{font-family:Arial; font-size:20px;  color:#CCCCCC; font-weight: bold; line-height:20px;}
  .main22		{font-family:Arial; font-size:22px;  color:#CCCCCC; font-weight: bold; line-height:22px;}
  .header		{font-family:Arial; font-size:36px;  color:#0094b7;}
  .headersmall	{font-family:Arial; font-size:18px;  color:#0094b7;}
  .minihead	{font-family:Arial; font-size:16px;  color:#FFFFFF;}
  .menu		{font-family:Arial; font-size:11px;  color:#C2C2C2;}
  .policy		{font-family:Arial; font-size:11px;  color:#9C9C9C;}
  .main		{font-family:Arial; font-size:11px;  color:#BBBBBB; line-height:13px}
  .blue		{font-family:Arial; font-size:11px;  color:#0094b7; line-height:13px}
  .blue14		{font-family:Arial; font-size:14px;  color:#0094b7; line-height:14px}
  .blue16		{font-family:Arial; font-size:16px;  color:#0094b7; line-height:16px; font-weight: bold;}
  .text		{font-family:Arial; font-size:10px;  color:#BBBBBB; line-height:13px}
  .red		{font-family:Arial; font-size:11px;  color:#ff0500;}
  .red12		{font-family:Arial; font-size:12px;  color:#ff0500;}
  .red14		{font-family:Arial; font-size:14px;  color:#ff0500;}
  .red16		{font-family:Arial; font-size:16px;  color:#ff0500;}
  .red20		{font-family:Arial; font-size:20px;  color:#ff0500; line-height:20px; font-weight: bold;}
  .red22		{font-family:Arial; font-size:22px;  color:#ff0500; line-height:22px; font-weight: bold;}
  .red26		{font-family:Arial; font-size:26px;  color:#ff0500; line-height:26px; font-weight: bold;}
  .orange16	{font-family:Arial; font-size:16px;  color:orange; line-height:16px; font-weight: bold;}
  .orange20	{font-family:Arial; font-size:20px;  color:orange; line-height:20px; font-weight: bold;}
  .green20		{font-family:Arial; font-size:20px;  color:#09C000; line-height:20px; font-weight: bold;}
  .green22		{font-family:Arial; font-size:22px;  color:#09C000; line-height:22px; font-weight: bold;}
  .green24		{font-family:Arial; font-size:24px;  color:#09C000; line-height:24px; font-weight: bold;}
  .green26		{font-family:Arial; font-size:24px;  color:#09C000; line-height:26px; font-weight: bold;}
  .green30		{font-family:Arial; font-size:30px;  color:#09C000; line-height:30px; font-weight: bold;}
  .orange		{font-family:Arial; font-size:14px;  color:#fa5f0c;}
  .plain12		{font-family:Arial; font-size:12px;  color:#DDDDDD; text-decoration:none;}



  .input{
  		width:112px; height:18px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#42423D;
		font-family:Arial; font-size:11px;  color:#412E41; line-height:13px;
		padding-top:0px;
		padding-left:4px;
		}
		
 .input1{
  		width:172px; height:18px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#42423D;
		font-family:Arial; font-size:11px;  color:#412E41; line-height:13px; 
		padding-top:0px;
		padding-left:5px;
		}

.textarea{
		width:172px; height:119px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#42423D;
		padding-top:0px;
		padding-left:5px;
		overflow:auto;
		}

.slide_header{
	color:#CCC;
	margin-bottom:-2px;
	margin-top:0px;
	padding-left:0px;
	height:20px;
	text-decoration: underline;
	overflow:hidden;
	cursor:pointer;
}
.slide_body{
	border:1px solid #333333;
	background-color:#000000;
	width:390px;	
	margin-left:16px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:12px;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.slide_body_content		{ padding:10px; position:relative; }


a.plain:active,
a.plain:visited,
a.plain:link	   	{ color: #CCCCCC; text-decoration: underline;}
a.plain:hover		{ color: #FFFFFF; text-decoration: underline;}


a.menu:active,
a.menu:visited,
a.menu:link	   	{ color: #FFFFFF; text-decoration: underline; font-size:11px;  color:#C2C2C2; }
a.menu:hover		{ color: #FFFFFF; text-decoration: underline; background-color:#007e97; }

a.Cal:active,
a.Cal:visited,
a.Cal:link	   		{ color: #FFFFFF; text-decoration: none; font-size:16px; color:#0094b7; font-weight: bold; }
a.Cal:hover		{ color: #FFFFFF; text-decoration: underline; font-weight: bold; }

a.menuLeft:active,
a.menuLeft:visited,
a.menuLeft:link	   	{ color: #FFFFFF; text-decoration: underline; line-height:24px; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; }
a.menuLeft:hover		{ color: #fa5f0c; text-decoration: underline; background-color:#FFFFFF; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px; }



#basic-accordian		{ padding:5px; width:625px; position:relative; margin-left:-15px; margin-top:-15px; z-index:2; }
.accordion_headings	{ padding:5px; font-family:Arial; background:#464646; color:#DDD; border:1px solid #464646; font-weight:normal; }
.accordion_headings:hover	{ background:#007e97; font-family:Arial; }
.accordion_child		{ padding:15px; background:#333; }
.header_highlight		{ background:#007e97; }

.photoGalleryLinks		{ padding:5px; font-family:Arial; font-size:12px; color:#BBB; font-weight:normal; }
.photoGalleryLinks:hover	{ background:#007e97; font-family:Arial; font-size:12px; color:#EEE; }



.thumbnail		{ position: relative; z-index: 0; }
.thumbnail:hover		{ background-color: transparent; z-index: 50; }
.thumbnail span		{ position: absolute; background-color: grey; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; }
.thumbnail span img		{ border-width: 0; padding: 2px; }
.thumbnail:hover span	{ visibility: visible; top: -200; left: -180px; /* enlarged image offset */ }

</style>

