/* generated by csscreator.com */ 
html { 
 margin:0; 
 padding:0;
 background-image:url(../images/mainbg-tile.png);
 background-repeat:repeat-xy; 
 text-align:center; 
} 

.style2 {color: #FF00FF}

body{ 
text-align:left;
 margin:0; 
 padding:0; 
 text-align:center; 
} 

.menu {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color: #9999CC;
font-size: 12px;
}

a:link {
text-align:left;
color: #ffffff;
text-decoration:none;
}

a:visited {
text-align:left;
color: #ffffff;
text-decoration:none;
}

a:hover {
text-align:left;
color: #9900FF;
text-decoration:underline;
}


.menu a:link {
text-align:left;
color: #9999CC;
text-decoration:none;
}

.menu a:visited {
text-align:left;
color: #CC99FF;
text-decoration:none;
}

.menu a:hover {
text-align:left;
color: #9900FF;
text-decoration:underline;
}

.active {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
font-size: 12px; 
color: #FFFFFF;
text-decoration:none;
}

.active a:link {
color: #FFFFFF;
text-decoration:none;
}

.active a:visited {
color: #FFFFFF;
text-decoration:none;
}

.active a:hover {
color: #FFFFFF;
text-decoration:none;
}
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:100px; 
 width:100%;
} 
 
#leftcol{
 width:296px; 
 height:400px;
 float:left; 
 position:relative; 
 background-color:#333333;
 background-image:url(../images/themedleisure2.gif);
 background-repeat:no-repeat; 
  border:1px solid #000000;
 }
 
#maincol{
background-image:url(../images/innerbg-tile.png);
background-repeat:repeat-xy; 
 float: right; 
 display:inline; 
 position: relative; 
 width:600px; 
 height: 400px;
overflow-x: hidden;
overflow-y: auto;
 border:1px solid #000000;
 }
 
 #footer{
 position:relative; 
 height:50px; 
 width:898px;
 background-color:#666666;
 color: #999999;
   border-right: 1px solid #000000;
   border-left:  1px solid #000000;
   border-bottom: 1px solid #000000;

} 
 
 /* TEXT CSS */
 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	margin-left:40px;
	margin-right:60px;
	color:#CC99FF;
	line-height:18px;
	 }
	 
	  p.menu {
	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	margin-top:18px;
	margin-left:120px;
	margin-right:40px;
	color: #FFCC00;
	 }

 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-style:normal;
	font-weight:100;
	text-transform:lowercase;
	letter-spacing:3px;
	margin-top:25px;
	margin-left:40px;
	margin-right:60px;
	color: #CC99FF;
	border-bottom:1px double #FFFFFF;
}

 img#main {
	margin-left:40px;
	}

 #mainbody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:12px;
	padding-left:40px;
 }

 
  #footertext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	padding-top: 5px;
	color:#999999;
 }
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}