/* 



Version: Seotember 2009



Author: Amanda Penrose



Contents: 	Basic styles



			Page layout



			Footer



Colours: 	#e9ebf1	Page background pale blue



			#5e6c98	Main blue



			#33416b Darker blue

			

			#94a2cb mid 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: 2em;



	text-align: center;



}







.focusline { 



	color: #5e6c98;



	font-size: 2em;



}







h2 { 

	color: #5e6c98;

	font-size: 1.4em;	

	margin: 10px,0;

}



h2.line {

	border-top: 1px solid #9999cc;

}



h3 { 

	font-size: 1.2em;

	color: #b78691;

	margin: 5px, 0px;

}







.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;



}







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;



}







.columnhalves { 	



	width: 46%;



	padding-right: 4%;



	float: left;



}







.columnthirds { 	



	width: 29%;



	padding-right: 4%;



	float: left;



}







.columnquarters { 	



	width: 21%;



	padding-right: 4%;



	float: left;



}







/* ------------------------------------------------------------------- */



/* Navigation */







#topbar { 	



	padding: 0; 



	margin: 5px 0 0 0;



	height: 65px;



	padding-left: 30px;

}







#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;    



}







#sidenav {



	width: 140px; 



	float: left;



	padding-top: 20px;



}







#sidenav ul {



    margin: 0;



    padding: 0;



    list-style: none;



}







#sidenav li, input[type=button] {
    margin:  0;
    padding: 0;  
	background-color: #5e6c98; 

	/* Safari 4-5, Chrome 1-9 */ 

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5e6c98), to(#94a2cb)); 

	/* Safari 5.1, Chrome 10+ */ 

	background: -webkit-linear-gradient(top, #5e6c98, #94a2cb); 

	/* Firefox 3.6+ */ 

	background: -moz-linear-gradient(top, #5e6c98, #94a2cb); 

	/* IE 10 */ 

	background: -ms-linear-gradient(top, #5e6c98, #94a2cb); 

	/* Opera 11.10+ */ 

	background: -o-linear-gradient(top, #5e6c98, #94a2cb);

	-moz-border-radius: 15px;

	border-radius: 15px;

	text-align: center;
}







#sidenav a {



    color: #e9ebf1;



	text-decoration: none;



    display: block;



    margin: 4px 0;	



	padding: 12px 20px 12px 18px;



	font-weight: bold;

	

	text-transform: uppercase;



}

#sidenav2 a {



    color: #e9ebf1;



	text-decoration: none;



    display: block;



    margin: 4px 0;	



	padding: 12px 20px 12px 18px;



	font-weight: bold;

	

	text-transform: uppercase;



}





#sidenav a:hover, #sidenav a:active, #sidenav a:focus { 



    color: #fff;



}



input[type=button] {

    cursor: pointer;



    color: #e9ebf1;

    

    padding: 10px;

    border: 0;

    font-weight: bold;

    font-size: 1em;

}



input[type=button]:hover, input[type=button]:focus {

    color: #fff;

}











/* ------------------------------------------------------------------- */



/* 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;



}