@charset "utf-8";

body {
	background-color: #EEC78A;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding-bottom: 25px;
	padding-top: 25px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #1c1c1c;
}

#container {
	border: #FFFFFF solid 4px;
	width: 700px;
	background: #00CC00; 
	/*background: #ffffff;*/
	padding-bottom: 0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */		    
}
#head{
border-bottom: #FFFFFF solid 4px;
	width: 700px;
	height: 385px;
	background: #CC33FF;
	color: #FFFFFF;
	background-image: url(images/couples-home.jpg);
	
}
#mainContent {
width: 700px;
height: 136px;
	 padding-left: 0px;
	 padding-right: 0px; 
/* remember that padding is the space inside the div box 
and margin is the space outside the div box */
	background: #dd0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#foot{
padding-top: 5px;
padding-bottom: 5px;
font-size: 9px;
height: 30px; 
line-height: 9px; 
clear: both;
background: #ffffff;
color: #999999;
}

h1{
font-size: 32px;
line-height: 36px;
font-weight: normal;
}

h2{
line-height: 24px;
font-weight: normal;
}
#image{
height: 120px;
width: 190px;
}
#menu{
background: #006c98;
width: inherit;
height: 265px;
color: ffffff;
}
#menutext{
PADDING-TOP: 10PX;
PADDING-LEFT: 5PX;
WIDTH: 180PX;
font-size: 11px;
line-height: 22px;
height: 190px;
background-color: transparent;
color: #FFFFFF;
z-index: 4;
position: absolute;
}
#headspace
{
height: 320px;
}
#leftbanner
{
padding-top: 5px;
padding-left: 5px;
width: 185px;
height: 60px;
margin-top: -65px;
background-color: #603620;
color: #ffffff;
position: absolute;
}
#bannerline
{
padding-top: 5px;
padding-left: 5px;
padding-right: 15px; 
padding-bottom: 10px;
height: 50px;
background-color: #603620;
width: 490px;
}

.trans24{
	filter:alpha(opacity=24);
	-moz-opacity:0.24;
	-khtml-opacity: 0.24;
	opacity: 0.24;
}
.transparent{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
.lesstransparent{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#headleft{
width: 190px;
float: left;
clear: right;
height: inherit;

}
#headright{
width: 510px;
float: left;
height: inherit;
}
#mainleft{
background: #8CB6CD;
color: #ffffff;
width: 190px;
height: inherit;
float: left;
clear: right;
}
#events{
padding: 10px;
font-size: 11px;
height: 130px;
}
#mainright{
color: #000000;
background: #E29D61; /*#F3B696;*/
width: 510px;
height: inherit;
float: left;
}
#maintext{
height: 100px;
font-size: 11px;
padding-left: 25px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 5px;
}
#mainlinks{
color: #603620;
font-size: 9px;
line-height: 9px;
height: 20px;
padding-top: 5px; 
font: Verdana, Arial, Helvetica, sans-serif;
bottom: 0px;
text-align: right;
padding-right: 10px;
}
.menu a:link {color: #ffffff;}
.menu a:visited {color: #ffffff;}
.menu a:active {color: #ffffff;}
.menu a:hover { color: #ffffff;  }
.menu a {text-decoration: none;}

.links a:link {color: #603620;}
.links a:visited {color: #603620;}
.links a:active {color: #603620;}
.links a:hover { color: #603620;  }
.links a {text-decoration: none;}