/* 
Version: Seotember 2009 updated 16/5/18
Author: Amanda Penrose
Contents: 	Basic styles
			Page layout
			Footer
Colours: 	#e9ebf1	Page background pale blue
			#5e6c98	Main blue
			#33416b Darker blue
			#d3d9e0 Box outline blue
*/

/* ------------------------------------------------------------------- */
/* Basic styles */


html {
	margin: 0;
	padding: 0;
}

body {
	color: #000;	
	font: 0.9em Helvetica, Verdana, Arial, sans-serif;
	background: #e9ebf1;
}

h1 { 
	color: #5e6c98;
	font-size: 1.3em;
}

h2 { 
	color: #5e6c98;
	font-size: 1.1em;	
}

h3 { 
	font-size: 1.1em;
	color: #b78691;
}

.img 
{
	float: left;
	height: auto;
	width: auto;
}

.text_center {
	text-align: center;
}

a:link, a:visited  { 
	color: #5e6c98;
}

a:hover, a:active, a:focus { 
	color: #33416b;
}

.clear { 
	clear: both;
}

.smaller { 
	font-size: 0.8em;
}

select { 
	font-size: 0.9em;
	color: #333;	
}

.box {
	border: #d3d9e0 2px solid;
	padding: 10px;
	margin: 10px 0;
}

.box_noborder {
	border: #fff 2px solid;
	padding: 10px;
	margin: 10px 0;
}

.bluebox {
	border: #d3d9e0 2px solid;
	padding: 10px;
	margin: 10px 0;
	background: #d3d9e0;
}

.Button 
{
	background: #5e6c98;
	color: #fff;
	font-size: 0.9em;	
	font-weight: bold;
	height: 25px;
    margin-bottom: 11px;
}

a.buttonlink {
    background: #5e6c98;
    color: #fff;
    font-size: 0.9em;    
    font-weight: bold;
	text-decoration: none;
	padding: 3px 8px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	border-top: 2px solid #fff;
	border-left:  2px solid #fff;
}

#content p  {
	margin: 0.4em 0;
	line-height: 1.4em;
}

/* ------------------------------------------------------------------- */
/* Page layout */

#page {
	/* max-width: 1200px; removed 18/3/2013*/
	min-width: 800px;
}

#header { 	
	margin: 0;
	padding: 0 20px;
	color: #5e6c98;
}

#header a img { 	
	border: none;
}

#header .online { 	
	float: left;
	padding-left: 20px; 
	margin: 10px 0;
	font-weight: bold;
}

#header .managerlogin {  	
	float: right;
	text-align: right;
	padding-right: 20px; 
	margin: 8px 0;
}

#content { 	
	padding: 4px 20px 10px 20px; 
	margin: 0 28px 0 20px;
	background: #fff;
}

#horsebg { 	
	background: url(bg-logo.gif) no-repeat center top;
}

/* ------------------------------------------------------------------- */
/* Navigation */

#topbar { 	
	padding: 0; 
	margin: 5px 0 0 0;
	height: 65px;
	padding-left: 30px;
	background: url(topbar-left.gif) no-repeat left top;
}

#topbar ul {
    margin: 0;
    padding: 0;
    list-style: none;
	float: left;
	width: 99%;
}

#topbar li {
    float: left;
    margin:  0;
    padding: 0;    
    background: url(topbar-bg.gif) no-repeat left top;
	width: 17%;
	text-align: center;
}

#topbar li.first {
	width: 14%;
}

#topbar li.last {
	width: 18%;
}

#topbar li.last img {
	vertical-align: top;
}

#topbar a {
    display: block;
	background: url(topbar-button-right.gif) no-repeat right top;
	height: 43px;
    margin: 0;	
	padding: 22px 0 0 0;
	font-weight: bold;
}

#topbar li.current a {
	background: url(topbar-button-current-right.gif) no-repeat right top;
}

#topbar a:hover, #topbar a:active, #topbar a:focus, #topbar li.current a:hover, #topbar li.current a:active, #topbar li.current a:focus { 
	background: url(topbar-button-over-right.gif) no-repeat right top;
}

#topbar li.first a:hover, #topbar li.first a:active, #topbar li.first a:focus { 
	background: url(topbar-button-right.gif) no-repeat right top;
}

#topbar li.first a {
	padding-top: 8px;
	height: 57px;
}

#topbar li.first img {
	margin-right: 20px;
}

#topbar li.last span {
	background: url(topbar-right.gif) no-repeat right top;
	display: block;
	height: 43px;
    margin: 0;	
	padding: 22px 0 0 0;
}

#topbar a {
    color: #fff;
	text-decoration: none;	
}

ul#subnav { 	
	float: left;
	padding: 0 40px; 
	margin: 10px 0;
    list-style: none;
}

ul#subnav li {
    float: left;
    margin:  0 10px 0 0;
    padding: 0;    
}


/* ------------------------------------------------------------------- */
/* Footer */

#footer { 	
	padding: 4px;  
	margin: 0;
	text-align: center;
	width: 99%;
	font-size: 0.9em;
	color: #5e6c98;
}


/* ------------------------------------------------------------------- */
/* Forms */

textarea {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}