/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
font-family:arial, Verdana, Arial, Helvetica, sans-serif;

 font-size: 12px;
 background-color:#aff6a5;
 color:#000000;
}

#img {
     display:block;
     margin:auto;
}

#menubar {
	height:24px;
	background-image:url(images/titlebar.gif);
}

div.clear {
 clear: both;
}

#menupad {
	padding-top:5px;
	padding-left:26px;
	font-weight:bold;
	color: #ffffff;
	text-align:left;
}

#titlebar {
	padding-top:5px;
	padding-left:22px;
	font-weight:bold;
	color: #006633;
	text-align:left;
	font-size:14px;
}


#wrapper { 
 margin: 0 auto;
 width: 800px;
}

#header {
 width: 800px;
 color: #ffffff;
 padding: 0px 0px 0px 0px;
 position: relative;
 margin: 0px 0px 0px 0px;
 background: #3eb42f;
}

#content { 
 width: 800px;
 color: #000033;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;

}
#footer { 
 width: 800px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 text-align:center;
  font-size: 11px;
  colour:#333333;
}


#footerback {
	height:24px;
	background-image:url(images/titlebar.gif);
}

#footerpad {
	padding-top:5px;
	padding-left:26px;
	font-weight:normal;
	color: #272726;
	text-align:center;
}


#mainpad {
	padding:7px;
		
}

#h2col {
	background-color:#1c2c9c;
	border:1px solid white;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

p, h1, h2, h3 {
	margin: 10px 15px;
}

input.largerCheckbox
{
	width: 10px;
	height: 10px;
	padding:2px;
}

.pclose{
	margin: 10px;
}

.pclose1{
	margin: 10px;
	background-color:#5567e5;
}

.dotted {color: #fff; background-color: #fff; border: 1px dotted #776F71; border-style: none none solid ; }	

#highlight {
	color:#ffcc00;
	font-weight:bold;
}

#subtitle {
	margin: 10px 15px;
	color:#FF3300;
	font-weight:bold;
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #333333;
}
ul span, ol span {
	color: #333333; 
}

  A:link { text-decoration: none;color:#2d5c15}
  A:visited { text-decoration: none;color:#2d5c15}
  A:hover {color:#538d37;}  
  A:active { text-decoration: none;color:#11490a}  
 
  A.white:link { text-decoration: none;color:#ffffff}
  A.white:visited { text-decoration: none;color:#ffffff}
  A.white:hover {text-decoration: none;color:#ffffff;}  
  A.white:active { text-decoration: none;color:#ffffff}   
code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  

  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}

.disbody {
	background-color : #e4e9e5;
	height:12px;
}

#boxhead {
	text-align:left;
	padding:3px;
	background-color:#CCCCCC;
	color:#315f1a;
	font-weight:bold;
}

#colcottage {
	color:#0e9214;
	font-weight:bold;
}

#colboat {
	color:#000099;
	font-weight:bold;
}

#colcaravan {
	color:#FF9900;
	font-weight:bold;
}

#colcabin {
	color:#FF00FF;
	font-weight:bold;
}

#colapart{
	color:#666666;
	font-weight:bold;
}

#blueboxr {
	margin:3px 3px 3px 3px;
	text-align:left;
	padding:3px;
	background-color:#1529bc;
	border:1px solid white;
	float:right;
	width:380px;
}

/* images */
img.pic{
	border: 1px solid #DADADA;
	padding: 5px;	
}
img.no-border {
	border: none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}


/* form elements */
form {
	margin:13px; padding: 0;
}
label {
	display:block;
	margin:5px 0;
	font-weight:normal;
}
input {
	padding: 2px;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

option	
	{padding: 2px;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

textarea {
	width:550px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;

	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

#form1 {
	margin:2px; padding: 0;
}

/* start - table */
#tablea {
	border-collapse: collapse;
	margin: 10px;
	background-color:#ffffff;	
}

#tableb {
	border-collapse: collapse;
	margin: 10px;
	background-color:#66ccff;	
}

#tablec {
	border-collapse: collapse;
	margin: 10px;
	background-color:#ffedd2;	
}

#tha {
	background: #d4dcd5;
	height: 20px;
	padding-left: 12px;
	padding-right: 12px;
	color: #333333;
	text-align: center;
	border: 1px solid #ffffff;
}
#tra {
	height: 20px;
	background: #F8F8F8;
	border: 1px solid #ffffff;
}

#tra1 {
	height: 20px;
	background: #EFEFEF;
	border: 1px solid #ffffff;
}

#tda {
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border: 1px solid #ffffff;
	color:#000000;
	background-color:#eeeeee;
	text-align:center;
}
/* end - table */

hr {color:#CCCCCC;
size:1;
}

.listhead {
background-color:#ffcc00;
color:#000000
}

.boxhead {
background-color:#5567e5;
color:#FFFFFF
}

.alrow1 {
background-color:#2f3eac;
}