html { height: 100%; margin-bottom: 1px; }

body {
padding:0;
margin:0;
background-color:#fff;
width: 100%;
display: table;
height:100%;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
line-height:120%;
color: #000;
border-top:10px solid #561c33;
}
		input, textarea, select  {

		color:				#000;
		border:1px solid #aaaaaa;
	  	padding:2px;
	  	background-color:#ffffff;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size:13px;
line-height:120%;
	  	margin-top:2px;
		}
	

.listOdd {
	background-color:#a76589;
}
.listEven
{
	background-color:#FFFFFF;
}
.listHover
{
	background-color:#BE97AD;
}
.listHover a {
	color:#fff;
}
.listSelect {
	color:#fff;
	background-color:#561C33;
}
.listSelect a {
	color:#fff;
}


h1, h2, h3, h4, h5 {

   font:Times New Roman;
    margin: 0px;
	color: #000;
}


h1 {
    font-size:16px;
	line-height:130%;
}

h2 {
    font-size:13px;
	color:#000;
	font-weight:normal;
}

h3 {
    font-size:14px;
}

h4 {
    font-size:14px;
}

h5 {
    font-size:14px;
}

ul{
margin:0;
}

a {
font-size:13px;
color: #000;
text-decoration: underline;
}

a:hover {

font-size:13px;
color: #000673;


}

strong {
font-size:13px;
}

p{
line-height:120%;
font-size:13px;
}

fieldset{
border:none;
}

#wrapper{
margin:0px auto;
width:950px;
margin-top:10px;
}

#header{
width:950px;
min-height:200px;

}

#right{
float:right;
width:138px;
color:#fff;
padding:10px;
margin-right:37px;
background-color:#462F37;
min-height:600px;
}

#banner{
margin-top:15px;
width:950px;
min-height:256px;
background:url('images/beach.png') no-repeat;
}

#banner h1{
font-size:20px;
line-height:200%;
font-weight:normal;
}

#content{
width:950px;
}

.headers{
margin-top:50px;
margin-left:350px;
position:absolute;
}

#bottomcontent{
width:750px;
clear:both;
min-height:200px;
background-color:#462F37;

}

#imap {display:block; width:950px;  position:relative;}

a#link1, a#link2, a#link3, a#link4{display:block; width:70px; height:0; padding-top:80px; overflow:hidden; position:absolute;}

* html a#link1, * html a#link2, * html a#link3, * html a#link4 {height:50px; he\ight:0;}

a#link1 {left:180px; top:80px; background:transparent; }
a#link2 {left:220px; top:150px; background:transparent; }
a#link3 {left:150px; top:180px; background:transparent; }
a#link4 {left:100px; top:110px; background:transparent; }

	.imageSlideshowHolder,.imageSlideshowHolder_left{
		/* "Air" */
		
		width:758px;	/* Image width */
		height:200px;	/* Image height */
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		width:160px;
		height:110px;
	}

	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}
	
		.imageSlideshowHolder1,.imageSlideshowHolder_left1{
		/* "Air" */
		
		width:250px;	/* Image width */
		height:80px;	/* Image height */
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv1{
		width:160px;
		height:110px;
	}

	.imageSlideshowHolder1 img{
	position:absolute;
	left:5px;
	top:-2px;
	}

.imageSlideshowHolder2{
	/* "Air" */
	
	width:250px;	/* Image width */
	height:80px;	/* Image height */
	position:relative;	/* Don't remove this line */
}
	.imageSlideshowHolder2 img{
	position:absolute;
	left:0px;
	top:0px;

	}

	
.match{
width:140px;
padding:5px;
margin-top:125px;
margin-left:15px;
position:absolute;

color:#fff;
}
.club{
width:140px;
margin-top:125px;
margin-left:200px;
padding:5px;
position:absolute;

color:#fff;
}
.style{
width:140px;
margin-top:125px;
margin-left:385px;
padding:5px;
position:absolute;

color:#fff;
}
.values{
width:140px;
margin-top:125px;
margin-left:570px;
padding:5px;
position:absolute;

color:#fff;
}
.contact{
width:140px;
padding:5px;
margin-top:125px;
margin-left:755px;
position:absolute;

color:#fff;
}

#footer{
background-color:#561c33;
min-height:100px;
margin-top:20px;
color:#fff;
clear:both;
}

#footer strong{
color:#2E0F1A;
}

#footer a{
font-size:10px;
color:#fff;
}
#footer strong{
font-size:10px;
}

#footwrapper{
margin:0px auto;
width:915px;
padding-top:10px;
font-size:10px;
color:#fff;
}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;
text-align:justify;		/* right column background colour */
	}
	.threecol .colmid {
		right:33%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:33%;			/* width of the middle column */
			/* left column background colour */
	}
	.threecol .col1 {
		width:280px;			/* width of center column content (column width minus padding on either side) */
		left:133%;
		/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:280px;			/* Width of left column content (column width minus padding on either side) */
		left:37%;
		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:280px;			/* Width of right column content (column width minus padding on either side) */
		left:41%;	
		/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


#box1{
width:536px;
float:left;
text-align:justify;
}

#box2{
width:350px;
float:right;
}

#events a{
text-decoration:none;
}

#events a:hover{
color:#a46789;
}

#admin1{
float:left;
width:100px;

}

#admin2{
float:right;
width:800px;

}