/*********************** GENERAL STYLES ***********************/



html, body, div, span, fieldset,legend,

h1, h2, h3, h4, h5, h6, p,

a, img, ol, ul, li, dl, dd, dt {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100.00%;

	vertical-align: baseline;

}



body {

	line-height: 1em;

	background:url(../img/body_bg.jpg) repeat-x top left  #65B6FC;

	font-size:1em;

    margin:0px;

    padding:0px;

}



ol, ul {

	list-style: none;

}



.wai { display:none; }



#page { 

	width: 1000px;

	margin: 10px auto 0;

	}

.cb{

    clear:both;

}



	

/* __________________________ HEADER STYLES __________________________ */



#header {overflow:auto; }

#header h1 {text-indent:-5000px;overflow:hidden;}



#header #left {

	float:left; 

	width:242px;

}

	

#header #right {

	float:right;

	width:758px;

	overflow:auto;

}

a#logo {

	background: transparent url(../img/logo.gif) no-repeat;

	width:242px;

	height:122px;

	display:block;

	overflow:auto;

}



ul#mainnav {

	background: transparent url(../img/menu_bg.jpg) no-repeat;

	display:block;

	width:242px;

	height:276px;

	font-family:verdana;

	font-size:0.9em;

	overflow:auto;

	}

ul#mainnav li {

	list-style-position:inside !important;

	list-style-type:disc;

	color:#fff;

	margin-left:20px;

	padding-left:10px;

	line-height:22px;

	overflow:auto;

}

ul#mainnav li.first {

    margin-top:45px;

}

ul#mainnav li a:link,ul#mainnav li a:visited  {

	color:#fff; 

	text-decoration:none;

}

ul#mainnav li a:hover, ul#mainnav li a.clicked {

	text-decoration:none;

    font-weight:bold;

    font-size:1em;

    background:#fff;

    opacity:.9;

	filter:alpha(opacity=90);

    color:#000 !important;

}

		

#stage {

    width:758px;

    height:398px;

    }



			

/* __________________________ CONTENT STYLES __________________________ */



#content {

	width:999px;

	font-family:verdana;

	overflow:auto;

	background:#FCFBCE url(../img/content_bg.jpg) no-repeat scroll bottom left;

	clear:both;

	}

#content-sidebar {

	width:242px;

	float:left;



	}

#content-main {	

	width:706px;

    padding:0 25px 20px 25px;

	float:left;

	font-family:verdana;

	overflow:auto;

 }	

#content h2 {

	text-align:left;

	letter-spacing:.1em;

	color: #000;

	font-size:1.1em;

	line-height:2.2em;

	overflow:auto;

	font-weight:bold;

	font-family:trebuchet ms;

	padding:10px 0px 15px 0;

	}

#content h3 {

	text-align:center;

	color: #000;

	font-size:.95em;

	font-family:trebuchet ms;

	padding:5px 0px 5px 0;

	}

#leftcontact h3 {

	text-align:center;

	letter-spacing:.1em;

	color: #066DAB;

	font-size:1em;

	margin:20px 0;

    line-height:140%;

	}

#leftcontact h3 a{

	color: #066DAB !important;

	}

#content p {

	color:#000;

	line-height:150%;

	font-size:.9em;

	font-family:trebuchet ms;

	padding:0 0px 10px 0px;

	}

#content a:link, #content a:visited { 

	font-weight:none;

	color: #066DAB;

	border-bottom:1px dotted #066DAB;

	text-decoration:none;

	}

#content a:hover {

	border-bottom:1px solid #066DAB;

	text-decoration:none;

	}

.timetable                          {line-height:180%;font-size:90%;padding-bottom:10px;}

.timetable h2                       {color:#68cf00 !important;padding:10px 0;text-align:center;}

.timetable strong                   {width:130px;display:block;float:left;display:inline;}

.timetable span                     {width:170px;display:block;float:left;}



a#eliebanner{

	background: transparent url(../assets/images/eliewatersports_banner.jpg) no-repeat;

	height:140px;

    display:block;

	position:relative;

    border:none !important;

	}



a#see_map {

	background: transparent url(../img/map.jpg) no-repeat;

	height:100px;

    display:block;

	position:relative;

    border:none !important;

	}



#content-sidebar span {

	background:#066DAB;

	color:#fff;

	opacity:.8;

	filter:alpha(opacity=80);

	font-size:.8em;

	line-height:1.7em;

	letter-spacing:-1px;

	color:#fff;

	padding:0 0 0 8px;

	position:absolute;

	bottom:0px;

	width:234px;

		}

#content-sidebar a:hover span {

	background:#004266;

}

#leftcontact{

    border-bottom: 2px dotted #066DAB;

    border-right: 2px dotted #066DAB;

}



ul.links_list{

    margin:10px 0px 20px 30px;

    font-size:75%;

    line-height:160%;

    list-style-type:disc;

}



#opening-hours{

    float:left;

    width:300px;

    background:url(../img/opening-hours.jpg) no-repeat top left #eaeaea;

    padding:20px;

    font-size:90%;

}

#opening-hours h3{

    padding:5px 20px 30px 0;

    color:#a80329;

    font-size:120%;

    font-family:georgia;

    text-align:right;

    line-height:150%;

}

#festival{

    float:right;

    width:300px;

    background:url(../img/festival.jpg) no-repeat top left;

    padding:20px;

    font-size:90%;

}

#festival h3{

    padding:0px 0px 10px 0;

    color:#a80329;

    font-size:120%;

    font-family:georgia;

    text-align:left;

    width:200px;

    line-height:150%;

}

#festival p.first{

    width:185px;

}

#map{

    width:700px;

    border:1px solid #ff0000;

    height:310px;

    font-size:80%;

    margin-bottom:20px;

}

img.img_left{

    float:left;

    margin:0px 20px 10px 0;

    padding:3px;

    border:2px solid #afafaf;

}

img.img_right{

    float:right;

    margin:5px 0px 10px 20px;

    padding:3px;

    border:1px solid #afafaf;

}







/* __________________________ FOOTER STYLES __________________________ */





.footer {

	background:#066DAB;

	width:999px;

	color:#fff;

	overflow:auto;

	height:35px;

	font-family: Trebuchet MS;

    font-size: .7em;

	}

.footer ul{

	float:left;

	width:500px;

	margin:10px 0px 0px 10px;

	overflow:auto;

	display:inline;

	}

.footer ul li {

	float:left;

	padding-right:20px;

	}

.footer a:link, .footer a:visited {

	text-decoration:none;

	color:#fff;

	}

.footer a:hover  {

	text-decoration:underline;

	}

.footer a.clicked {

	text-decoration:underline !important;

	}	



a#design  {

		float:right;

        display:inline;

		margin-right:20px;

		text-align:right;



		padding-top:10px;

		}

a#design:hover  {text-decoration:underline;}



/* CSS used for styling the CONTACT form */

form#contact 						{margin-top:15px;padding:10px 0px 10px 00px;font-size:80%;width:450px;float:left;}

form#contact br                     {clear:both;}

form#contact label 					{display:block;clear:left;float:left;width:150px;}

form#contact input 					{background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:220px;float:left;}



form#contact textarea 				{background:#fff;height:80px;border:1px solid #d8d8d8;width:240px;float:left;}

form#contact input#send				{background:#066DAB;float:left;border:0;cursor:pointer;width:120px;height:29px;color:#fff;margin-left:170px;display:inline;}

.faulty_field						{background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;}

.red                                {color:#ff0000 !important;font-size:80%;}





address                             {width:150px;float:right;font-style:normal;font-size:90%;margin-top:20px;padding:30px;border:1px dotted #aaa;}