/* CSS Document */

body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#434343;
	background-image:url(images/back.jpg);
	background-repeat:repeat-x;
	color:#313641;	
}

h1
{
/*	background: #D36832;
	color: #FFF;
	margin: 0;
	padding: .5em 3%;
	border-bottom:5px solid #387A9B;
	*/
	border: 1px solid #313641;
	background-color: #aeb4c2;
	font-size:22px;
	padding: 8px 0 8px 4px;
	margin: 0 0 12px 0;
	color:#313641;
}

p
{
padding:0;
margin:0;
}

h2, h3
{
	margin-top: 0;
}

#logo
{height:193px;}
#logo img
{
/* line below stops removes spacing between the menu and the logo */
	display:block;

}

	ul#navigation
		{
		margin: 0;
		padding: 7px 0px 7px 0px;
		list-style-type:none;
		background-color:#000000;
		background:#000000 url(images/menu_back.png) right top no-repeat;
		float:left;
		width:100%;
		}
		
		ul#navigation li
		{
		display:inline;
		
		}
		
		ul#navigation a
		{
		display:block;
		float:left;
		padding: 4px;
		border: 1px solid #313641;
		margin: 0px 7px 0px 7px;
		text-decoration:none;
		color:#dae1f3;
		font:Verdana;
		font-size:12px;
		text-align:center;
		}
		
		ul#navigation a:hover
		{
		color:#FFFFFF;
		background-color:#313641;
		}


#container
{
clear:both;
background:#dae1f3 url(images/backgroundgradient.gif) left bottom repeat-x;
border: 0px;
padding-bottom:15px;
padding-top:10px;
}

#leftcontainer
{
float:left;
width: 200px;
margin: 8px 0 0 8px;
}

#studentlogin
{
float:left;
width: 200px;
margin: 8px 0 0 8px;
}


#rightcontainer
{
float:right;
width:550px;

margin: 8px 10px 0 0;
}

#rightcontainer p
{
margin: 0 0 12px 0;
text-align:justify;
}

.panels
{
border: 1px solid #313641;
background-color: #aeb4c2;
padding: 3px;
margin: 0 0 8px 0;
}

.panels h2
{
font-size:14px;
font-weight:normal;
background-color: #313641;
padding: 6px 0px 6px 6px;
color:white;
/* if using 2 images, use e.g. h2 element, and then a span class, and use two background images*/
}


.panels p
{
padding: 0 0 8px 12px;
}

#events
{height:320px;
}

span.bold
{
font-weight:bold;
}


#footer
{
width:800px;
padding: 10px 0px 10px 0px;

border:0;
margin:0px 0px 0px 0px;
display:block;
clear:both;
background: #434343 url(images/footer2.gif) no-repeat bottom left;
text-align:center;
font-size:9px;
}

#maincontainer
{
width: 800px;
margin: 10px auto 10px auto;
/* border-left: 1px solid white;
border-right: 1px solid white; */
}

.clear
{
clear:both;
}

#classtimes
{margin:3px 0px 3px 0px;
background : #AEB4C2;
padding: 5px 5px 10px 5px;
height:60px;
}

#clubloc
{float:left;
text-align:center;
padding:6px;
margin-left: 20px;
background : #AEB4C2;
width: 200px;
/*border: 1px solid #313641;*/
}

#clubtime 
{float:left;
text-align:center;
padding:6px;
margin-left: 0px;
background : #AEB4C2;
width: 180px;
/*border: 1px solid #313641;*/}

#clubtime2
{float:left;
text-align:center;
padding-top:6px;
margin-left: 0px;
background : #AEB4C2;
width: 180px;
/*border: 1px solid #313641*/;
color:#313641;
}

#beginnercourse
{float:right;
text-align:center;
padding:3px;
margin-left: 0px;
margin-right: 15px;
background : #AEB4C2;
width: 120px;
border: 1px solid #313641;
color:#313641;
}

#rightcontainer2
{
float:right;
width:760px;
margin: 8px 10px 10px 10px;
}