/*
thanks to www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:Helvetica, sans-serif;
 font-size: 13px;
margin-top:20px;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
}

/* structure */

#wrapper { 
 margin: 0 auto;
 width: 950px;
 background: #fff}

 #faux {
 background: url(images/faux-2-2-col.gif);
 margin-bottom: 5px;
  margin-top: 30px;
 overflow: auto; 
 width: 100%
}



/* links */
a:link {color:#186C37;text-decoration:none;}    
a:visited {color:#1E8644; text-decoration:none;}  
a:hover {color:#0071BC; text-decoration:none;} 
a:active {color:#0071BC; text-decoration:none;}  
#rightcolumn a {font-weight:bold;}
#leftcolumn a {font-weight:bold;}

/* headers */
h3 {color:#0071BC; font-size:16px;}
h4{color:  #186C37;margin:0;padding:20px 0 0 0;font-size:15px;}
h5 {color: #186C37; font-size:13px;padding:10px 0 20px 0; border-bottom: 1px solid #186C37;}
#rightcolumn h4 {padding:10px 0 10px 0;}

 
#header {
 color: #333;
 width: 902px;
 padding: 10px;
 height: 100px;
 margin: 10px 0px 5px 15px;
 background: url(images/reefway_masterlogo.gif) no-repeat left;
 text-indent:-999em;}


/* navigation and lists */

#rightcolumn ul {list-style:none;}
#rightcolumn li {padding:0 0 5px 0;}

.menu {display:inline-block;}
.menu {display:inline;}
.holder {display:table;}

.menu {
  display:table-row;
  padding:0;
  margin:0;
  list-style-type:none;
  white-space:nowrap; 
  }
.menu li {display:inline;}
.menu a, .menu a:visited {
  display:block;
  float:left;
  padding:4px 30px;
  color:#fff; 
  background:#186C37; 
  border-right:1px solid #fff;  
  text-decoration:none;
  }
.menu a:hover {
  color:#fff; 
  background:#08c;
  }

#wrapper1 {text-align:left;width:950px;background:#186C37;}

#wrapper1 .holder {margin:0;}

#leftcolumn ul, #leftcolumn2 ul{list-style: none;
font-size:13px;}
#leftcolumn li, #leftcolumn2 li{background-image: url(images/reef.png);
background-repeat: no-repeat;
background-position: 5px 9px;
padding: 10px 0 0 25px;
}
.u1{padding: 0 0 40px 0;}


/* columns */


#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 0 0 0;
 padding: 0 20px 0 0;
 width: 195px;
 float: right;
}

#leftcolumn, #leftcolumn2 {
 float: left;
 color: #333;
 margin:0 0 0 15px;
 padding: 0 0 15px 0px;
 width: 683px;
 display: inline;
 position: relative;
border-bottom: 1px solid #186C37;}

#leftcolumn2{ background: url(images/bg_reef.jpg) no-repeat; background-position: 0px 20px;}
.widecolumn { 
 margin:0;
 padding: 15px 0 0 0px;
}
.widecolumn2  { 
font-weight:bold; color: #666666;
margin:0  0 30px 0; width:600px; padding:35px 0 0 0}



#other {color:#333333;}
.description {padding:30px 0 30px 0; width:500px;}
#leftcolumn2 .description span {color: #333333 ;font-size:14px;}
#leftcolumn span, #leftcolumn2 span, #rightcolumn span {color: #2E3192;font-weight:bold;}
#leftcolumn span span{ color: #186C37;}
#leftcolumn span span span{ color: #0071BC;}


.clear { clear: both; background: none; 
}


/* tables */


#recycle td {border-bottom: 1px solid #CCC;
border-right:none;
font-weight:bold;}

table {
	font: 11px/24px Helvetica, sans-serif;
	border-collapse: collapse;
	width: 683px;
	padding:0;
	margin:0;}

th {
	text-align: center;
	border: 1px solid #ccc;
	background: #F3F3F3;
	color:#0071BC;
	padding:0;
	margin:0;}

td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

td.width {
	width: 190px;
	height: 40px;}

td.adjacent {
	border-left: 1px solid #CCC;
	text-align: center;
	}

/* form */

form p {padding:10px 0 0 0;color:#666666;}
select {color: #999999; background-color:#fff;width:250px;margin-bottom:10px;}
.inputbox {color: #666666; border:1px solid #ccc;height:15px;} 
.textbox {color: #666666; border:1px solid #ccc;margin-bottom:10px;}
.current{width:60px;}
.check {margin-bottom:10px;}
.p1{font-weight:bold;}

/* images */

.c2{float:right;}
.c2 ,.c6{padding-top:10px;}
.c3{padding-bottom:10px;}
.c4{background-image: url(images/reef.png);padding:0;background-repeat: no-repeat;
background-position: 5px 3px;
padding: 0 0 0 25px;}
.c5{background-image: url(images/arrow.png);padding:0;background-repeat: no-repeat;
background-position: 5px 7px;
padding: 0 0 0 70px;}
.c7 {float:left; margin-right:10px;margin-top:-20px; }
.map{border-bottom: 1px dotted #186C37;padding: 0 0 20px 0}
.c8 {padding:25px 20px 0 0;float:left;position: relative;}
.c9{padding:25px 20px 0 0; float:left;position: relative;}
#gallery
{cursor: pointer;
	overflow: hidden;
	margin: 20px 0 20px 0;
	position: relative;
	width: 185px;
	height: 155px;
}

#gallery img
{
	border: 0;
	cursor: pointer;
	width: 185px;
	height: 155px;
}

/* footer */

#footer { 
 width: 930px;
 clear: both;
 color: #333;
 margin: 0px 0px 30px 0px;
 padding:7px 20px 20px 20px;
text-align:left;
font-size:11px;}