@charset "UTF-8";

* { margin: 0; padding: 0;	}

body  {	font: 100% Verdana, Arial, Helvetica, sans-serif; background-image: url(images/sand.png); background-repeat: repeat; margin: 0; padding: 0; text-align: center; color: #000000; height: auto;}
#spacer {height: 5px; background-color: transparent;}
#container { width: 802px; background: #FFFFFF; background-image:url(artwork/elra_container.jpg); margin: 0px auto 0px auto; text-align: left; height: auto; position: relative;}
.shadow {-webkit-box-shadow: 5px 6px 6px 3px #666; -moz-box-shadow: 5px 6px 6px 3px #666; box-shadow: 5px 6px 6px 3px #666;}
#header { background: #fff;} 
#header h1 { margin: 0;}

/*----------- main navigation ----------*/
#navbar { position: absolute; height: 20px; width: 785px; font-size: small; font-weight: normal; text-align: center; padding-top: 0px; background-image: url(images/navbar_background.jpg); vertical-align: middle; top: 138px; font: verdana; right: 10px;}
#navigation li	{ display: inline; }
#navigation a	{ text-decoration: none;}
#navigation a:link, #navigation a:visited { color: #000000; padding: 0px 0px 0px 15px; }
#navigation a:hover	{ color: #FDEF00; padding: 0px 0px 0px 15px; }
#navigation a:active,
    .home #navigation #home a,
    .info #navigation #info a,
	.documents #navigation #documemts a,
    .links #navigation #links a,
    .contact #navigation #contact a	{ color: #006C9E; padding: 0px 0px 0px 15px; }

/*----------- image navigation ----------*/
#mainSidebar { width: 220px; background: #fff; padding: 5px 10px 0 10px; float: right; left: 552px; top: 168px;}
#photonavigation { left: 10px; width: 225px; margin-top: 10px;}
#photonavigation a:visited {outline: none; border: 0px;}
#sidebar {width: 220px; background: #EBEBEB; padding: 15px 10px; position: relative; left: 550px; }

/*----------- content ----------*/
#mainContent { margin: 5px; background-color: #f3f6f9; width: 534px; height: auto; position: relative; border: 1px dotted gray; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} 
#content {margin: 10px;	background-color: #f3f6f9; width: 735px; height: auto; padding: 0 25px 0 25px; 	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#content td	{font: Geneva, Arial, Helvetica, sans-serif; font-size: 80%; }
#tennisSidebar { width: 220px; background: #EBEBEB; padding: 15px 10px; position: relative; margin: 0 5px 0 0; float: right; }
#poolContent { margin: 0; background-color: #f3f6f9; width: 490px; height: auto; padding: 15px 10px; top: 1px; position: relative; left: 5px;}
#commNav { width: 230px; position: relative; font-size: 70%; font-weight: normal; text-align: right; left: -10px; top: 15px; text-decoration: none;}	
#commNav td	{ text-align: center; top: 15px; }
#commNav a {text-decoration: none; color: 000; }			
#mainText {	width: 513px; position: relative; height: auto; font-size: 82%; text-align: center; top: 5px; left: 10px; }
#mainText img {margin: 10px 0px;}
#weather { width: 160px; position: relative; margin: 5px 0 0 5px; top: -10px; left: 25px; 	border: 0px;}
#sidebar1 { width: 220px; padding-top: 30px;}
.centered { display: block; margin-left: auto; margin-right: auto;}
.center { text-align: center;}

#special { width: 260px; top: -65px; position: relative; left: 255px; height: auto; font-size: 82%; text-align: left; padding-bottom: 10px; }
#notice	{ position: absolute; width: 364px; left: 15px; top: 187px; height: 895px; }
#notice p	{font-size: 11px;}	
#proxy	{ padding-left: 375px; }
.news {font-size: 16px; width: 500px; top: -75px; position: relative;}

/*----------- footer ----------*/
#footer { padding: 0 10px 0 20px; background:#DDDDDD; position: relative;} 
#footer p { margin: 0; padding: 10px 0; text-align: center;}
.copy	{ font-size: xx-small; text-align: center; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/*----------- contact form ----------*/

#mainForm { position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%; background-color: #ffffff; }
ul.mainForm { list-style-type: none; font-family: Tahoma, Arial, Verdana, sans-serif; font-size:15px;}
li.mainForm { padding-bottom: 10px; padding-left: 15px;}
#mainFormError {position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%;}
input.mainFormError { background-color: #FADADD;}
textarea.mainFormError {background-color: #FADADD;}
select.mainFormError {background-color: #FADADD;}
#formHeader {position: relative; width: 100%; background-color: #c7853b; margin:0 0 0 0; padding-bottom: 10px;}
p.formHeader {text-align: right; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #ffffff; font-size:25px; position:relative; left:-5px; top:4px; letter-spacing: 2px;}
#formInfo {position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0; }
h2.formInfo {width: 95%; text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; font-size:20px; position:relative; left:20px; top:0px; letter-spacing: 1px; line-height:150%; color: #ffffff; }
p.formInfo {width: 95%; text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; 	color: #000000; font-size:12px; position:relative; left:20px; top:0px; color: #ffffff; }
#formFields { position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}
label.formFieldQuestion {line-height:125%; padding:0 4px 1px 0; border:none; display:block; font-size:95%; font-weight:bold;}
label.formFieldOption {font-size:90%; display:block; line-height:1.0em; margin:-19px 0 0 25px; padding:4px 0 5px 0; width:90%;}
input.formFieldStyle { display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px; }

/* tooltip */
a.info {font-family: Tahoma, Arial, Sans-Serif;	text-decoration:none; position: relative;}
a.info span { position: relative; display:none;}
a.info:hover { position: relative; cursor:default; }
a.info:hover .infobox { font-weight: normal; display:block; position:absolute; top:20px; left:25px; width:205px; height:70px; border: 1px solid #ccc; background:#f4f4f4 url(question.gif) no-repeat bottom right; color:#000; 	text-align:left; font-size:0.7em; padding-left:10px; padding-top:10px;}

/* pop-up calendar */
button.calendarStyle {background-color: transparent; border: 0; height:22px; width:22px; background-image:url(imgs/calendar.png); cursor: pointer; cursor: hand;}#photonavigation table tr td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.style1 {color: #F00;}
.style2 {color: #f00; font-style: italic; font-size:12px;}
.style3 { color: #090; font-style: italic; font-size: 15px;}
.blanklist {margin-left: 45px; list-style-type: none;}
.alphalist {margin-left: 45px; list-style:none; font-size:13px;}
.ilist { margin-left: 75px; list-style: lower-roman; font-size:13px;}
.inside { list-style-position: inside; margin-left: 20px;}