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;
		}
	

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: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;

}


#join {
	width:450px;
	border:#561C33 1px solid;
}

#joinForm {
	position:relative;
}

#joinFormTable {
 	position:absolute;
	top:0px;
	left:250px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	background-color:#7b3a5d;
}
#joinFormTable th {
	color:#fff;
}
#joinFormTable td {
	color:#FFEAFF;
}
.JoinHeading {
	text-align:center;
	vertical-align:top;
	color:#fff;
	font-weight:bolder;
	font-size:18px;
	padding-bottom:10px;
}
#previousDiv {
	position:absolute;
	bottom:60px;
	left:0px;
	clear:left;
	margin-right:50px;
	margin-top:50px;
	width:160px;
	text-align:center;
	vertical-align:center;
}
#nextDiv {
	position:absolute;
	bottom:60px;
	right:0px;
	margin-right:150px;
	margin-top:50px;
	width:50px;
	text-align:left;
	vertical-align:center;
}
#previousDiv1 {
	float:left;
	clear:left;
	margin-right:50px;
	margin-top:0px;
	width:160px;
	text-align:center;
	vertical-align:center;
}
#nextDiv1 {
	float:right;
	clear:right;
	margin-right:150px;
	margin-top:0px;
	width:50px;
	text-align:left;
	vertical-align:center;
}
.nextPrevLinks {
	color:#561C33;
	text-decoration:none;
	background-color:#BE97AD;
	width:120px;
	display:block;
}
.joinButton {
	display:block;
	width:155px;
	height:27px;
	border:none;
	color:#fff;
}
#joinNext {
	border:none;
	color:#fff;
	background:url(images/btnContinue.gif) top left no-repeat;
}
#joinNext:hover {
	border:none;
	color:#fff;
	background:url(images/btnContinueAlt.gif) top left no-repeat;
}
#joinPrevious {
	border:none;
	color:#fff;
	background:url(images/btnBack.gif) top left no-repeat;
}
#joinPrevious:hover {
	border:none;
	color:#fff;
	background:url(images/btnBackAlt.gif) top left no-repeat;
}
.nextPrevLinks:hover {
	color:#fff;
	background-color:#561C33;
}
.bigWord {
	color:#561C33;
	font-size:large;
}
#loginLink {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:lighter;
	position:relative;
	top:10px;
	color:#212421;
	text-decoration:none;
}
#loginLink:hover {
	color:#BE97AD;
}

#adminMenu {
	float:right;
	clear:right;
	color:#561C33;
	width:150px;
	margin-right:30px;
}

#memberMenu {
	float:right;
	clear:right;
	color:#561C33;
	width:150px;
	margin-right:35px;
}
#memberMenu a {

}
#memberMenu a:hover {

}


.listTable {
	border:1px solid #aaa;
}
.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;
}

#responseMsg {
	text-align:center;
	border: none;;
}
.lowerFormTable {
	border:1px solid #561C33;
	font-size:10px;
}
.lowerFormTable th {
	text-align:right;
	color:#fff;
	background-color:#AAA;
	vertical-align:top;
}
.lowerFormTable td {
	vertical-align:top;
	background-color:#CCC;
}
.lowerFormTable a {
	color:#561C33;
	text-decoration:none;
	background-color:#BE97AD;
	text-align:left;
	padding:5px;
	padding-left:5px;
	padding-right:5px;
}
.lowerFormTable a:hover {
	color:#fff;
	background-color:#561C33;
}
#selLogo
{
	width:50px;
	padding-right:5px;
}
#selImg1
{
	width:50px;
	padding-right:5px;
}
#selImg2
{
	width:50px;
	padding-right:5px;
}
#selImg3
{
	width:50px;
	padding-right:5px;
}
#selImg4
{
	width:50px;
	padding-right:5px;
}
.EventDiv
{
	float:left;
	width:225px;
	height:250px;
	border:1px solid #561C33;
	margin-right:5px;
	margin-left:5px;
	margin-top:10px;
	background-color:#A8688B;
}
.EventTitle {
	background-color:#561C33;
	color:#fff;
	padding:3px;
	height:48px;
}
.EventBody {
	margin:0px;
	background:url(images/event50trans.png) top left no-repeat;
	padding:20px;
	height:150px;
	position:relative;
}
.eventLocation {
	font-size:11px;
}

.moreButton {
	background:url(images/btnMore.gif) top left no-repeat;
	display:block;
	width:88px;
	height:27px;
	border:none;
}
.moreButton:hover {
	background:url(images/btnMoreAlt.gif) top left no-repeat;
}

.EventLink {
	position:absolute;
	height:27px;
	width:88px;
	bottom:10px;
	right:20px;
}
.EventLink a {
	text-decoration:none;
	text-align:center;
	margin:5px;
	color:#000;
}


.MemberHeading1 {
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:lighter;
	color:#212421;
	text-decoration:none;
}
.MemberHeading2 {
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-style:italic;
	color: #561C33;
	text-decoration:none;
}
.MemberHeading3 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	color: #561C33;
	text-decoration:none;
}
.eventPageContent {
	float:left;
	clear:left;
	width:910px;
	border:dotted 5px #BE97AD;
	padding:10px;
}

#EventPhotos {
	clear:both;
	padding-top:4px;
	height:230px;
	width:900px;
	vertical-align:top;
}
.eventPhotoDiv {
	clear:none;
	float:left;
	width:220px;
	height:220px;
	border:1px solid #561C33;
	margin-right:1px;
	margin-left:1px;
	margin-top:2px;
	overflow:hidden;
}

.eventPageMain {
	float:left;
	clear:left;
	width:500px;
	height:250px;
	overflow:auto;
	padding:10px;
}

.eventPageDetails {
	float:right;
	clear:none;
	width:340px;
	background:#BE97AD;
	margin-right:10px;
	height:210px;
	overflow:auto;
	padding:10px;
}
.eventPageBuy {
	float:right;
	clear:none;
	width:340px;
	background:#561C33;
	color:#fff;
	margin-right:10px;
	height:20px;
	overflow:hidden;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}
.eventPageBuy a {
	text-decoration:none;
	color:#fff;
	padding:3px;
}
.eventPageBuy a:hover {
	background-color:#BE97AD;
	color:#561C33;
}

#pageInfo {
	
}