/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	color: #4D75a0;
	background-color: #E1F4FD;
	background-image: url(images/bg_grad.gif);
	background-repeat: repeat-x;
}

#container {
	display: block;
	width: 810px;
	background-image: url(images/bg_grad.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
}

/* Contains rest of HTML */
#centrecontainer {
	width: 810px;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
	margin-top:0px;
}


/* --- Header section ------------------------------------------------ */
#header {
	height: 150px;
	width: 810px;
	margin: 0px;

}

#header #headleft {
	display: block;
	height: 150px;
	width: 176px;
	margin: 0px 10px 0px 0px;
}

#header #headcentre {
	display: block;
	height: 150px;
	width: 482px;
	margin: 0px 10px 0px 0px;
	margin-left:176px;
	margin-top:-149px;
	
}

#header #headright{
	display: block;
	height: 150px;
	width: 147px;
	margin: 0px 10px 0px 0px;
	margin-left:658px;
	margin-top:-150px;
	
}

#header #headnav{
	background-image: url(images/topnav.gif);
	position: relative;
	display: block;
	height: 28px;
	width: 777px;
	margin: 0px 0px 0px 0px;
	margin-top: -56px;
	margin-left: 28px;
	
}


/* Top links */
#header #headnav .links {
	
	margin: 0px 10px 0px 155px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
}


#header #headnav .links li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header #headnav .links a:link, #header #headnav .links a:visited
	{
	position: relative;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 25px 5px 10px;
	}


#header #headnav .links a:hover
	{
	position: relative;
	text-decoration: underline;
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	
	}


/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding:0px 0 0 0;
	
	 width:100%;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
	margin-left:-200px
}

/* Left hand section of page body (if you have one!) */
#LeftSideBar {
	float: left;
	display: inline;
	width: 148px;
	text-align: left;
	padding: 0;
	/* IE doubles the margins on floats, this takes care of the problem */
	margin-left:28px;
	margin-top:0px;
	
}

/* Dynamic page content section of page body */
#pagecontent {
	text-align: left;
	margin-left:176px;
	margin-top:-406px;
	position: relative;
	float: left;
	
	
}

#centretitle {

	display: block;
	width: 482px;
	height: 57px;
	background-image: url(images/title_bg-home.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 176px;
}
#centretitle-courses {

	display: block;
	width: 482px;
	height: 57px;
	background-image: url(images/title_bg_orange.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 176px;
}
#centretitle-courses-pt {

	display: block;
	width: 482px;
	height: 57px;
	background-image: url(images/title_bg_purple.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 176px;
}

#centretitle-courses-he {

	display: block;
	width: 482px;
	height: 57px;
	background-image: url(images/title_bg_green.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 176px;
}

#centretitle-courses-wd {

	display: block;
	width: 482px;
	height: 57px;
	background-image: url(images/title_bg_violet.gif);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 176px;
}

 #centretitle2 {

	font-size: 14pt;
	font-weight: normal;
	color: #ffffff;
	padding: 15px 0px 0px 17px;
}

#centretitle2-courses {

	font-size: 17pt;
	font-weight: bold;
	color: #ffffff;
	padding: 19px 0px 0px 17px;
}

#pagecontent_pad {
	padding: 1px 0px 0px 17px;
	float: left;
	display: inline;
	width: 465px;
	height: 100%;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
}


#pagecontent_pad #mainleft
{
	float: left;
	position: relative;
	display: block;
	height: 100%;
	width: 289px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
	
}
#pagecontent_pad #mainright
{
	float: right;
	position: relative;
	display: block;
	height: 100%;
	width: 159px;
	margin: 0px 0px 0px 17px;
	background-color: #ffffff;
	display: inline;
}

#pagecontent_pad #coursestop
{
	float: left;
	position: relative;
	display: block;
	
	width: 437px;
	margin: 0px 0px 0px -17px;
	background-color: #ffffff;
	display: inline;
}



#pagecontent_pad #coursesleft
{
	float: left;
	position: relative;
	display: block;
	height: 100%;
	width: 344px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
}

#pagecontent_pad #coursesleftwide
{
	float: left;
	position: relative;
	display: block;
	height: 100%;
	width: 444px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
}

#pagecontent_pad #coursesright
{
	float: left;
	position: relative;
	display: block;
	height: 100%;
	width: 93px;
	margin: 0px 0px 0px 10px;
	background-color: #ffffff;
	display: inline;
}




/* Right hand section of page body */
#pagecontent_pad #RightSideBar {	
	width: 147px;
	padding:0px 0px 0px 0px;
	margin-left:0px;
	margin-top:-43px;
	
	
	
	
}

#RightSideBar .wrap {
	margin-right: 10px;
}

#RightSideBar .section {
	display: block;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: left;
	float: left;
	width: 777px;
}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
	color: #000000;
}

#footer .links hover {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
	color: #000000;
}


/* --- left Hand x ------------------------ */
#lefthandtopmain  {
	width: 148px;
	height: 57px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	
}

#lefthandnav  {
	width: 148px;
	
	margin: 0;
	padding: 0px 0px 0px 0px;
	
}


/* --- Right Hand x ------------------------ */

#righthandtopmain  {
	width: 147px;
	height: 57px;
	padding: 0px 0px 0px 0px;
	margin-left:658px;
	margin-top:-57px;
	
	
	
}

#hallplace  {
	width: 147px;
	height: 100%;
	margin-left:658px;
	margin-top:0px;
	padding: 12px 0px 10px 0px;
	background-color: #B5C3D9;
}

#girlimg  {
	width: 147px;
	height: 181px;
	margin-left:658px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
}

#equestrian  {
	width: 135px;
	height: 100%;
	margin-left:658px;
	margin-top:0px;
	padding: 12px 0px 10px 12px;
	background-color: #B5C3D9;
	
	
	}
	
	#courselinks  {
	font-weight: normal;
	width: 147px;
	height: 100%;
	margin-left:658px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	background-color: #7D98BB;
}

	#download  {
	text-align: center;
	font-weight: bold;
	color: #4D75a0;
	padding: 0px 0px 0px 4px;

/* --- IMAGES x ------------------------ */
	
}.imageright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}