/* -------------------------------------
   Client: Baxters
   Type: CSS2
   Author: Lee Westwood
   Date: 28/11/2007
   Company: MMGraphix
   Website: http://www.mmgraphix.co.uk
   -------------------------------------- */
   
/* -------------------------------------
   Basics
   -------------------------------------- */ 
body {
	background: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #1D2391;
}
   
/* --------------------------------------
   Layout
   -------------------------------------- */  
#wrapper {
	width: 720px;
	background: #fff;
	margin: auto auto;
	text-align: left;
	overflow: auto;
}
#header {
	width: 720px;
	background: #fff;
	padding-bottom: 4px;
	margin-bottom: 1px;
	overflow: auto;
}
#content {
	width: 720px; 
	border-top: solid 4px #2B339B;
	padding-top: 10px;
	overflow: auto;
	background: #fff;
}
#backgound {
	background: url(images/bg.jpg) repeat-y #fff;
	overflow: auto;
}
#left {
	width: 190px;
	padding-left: 5px;
	float: left;
}
#right {
	width: 510px;
	float: left;
	padding: 0px 0px 0px 10px;
}
#banner {
	width: 510px;
	font-size: 38px;
	font-style: italic;
	text-align: right;
	padding: 80px 0px 5px 0px;
	border-bottom: solid 4px #2B339B;
}
#text {
	width: 510px;
	border-top: solid 2px #A5E068;
	margin-top: 1px;
}
#footer {
	width: 710px;
	height: 15px;
	background: url(images/footer.jpg) no-repeat;
	text-align: right;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 0px;
	font-size: 11px;
	margin-top: 10px;
}
#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

/* --------------------------------------
   Typography
   -------------------------------------- */   
#text p {
	font-size: 11px;
	color: #1D2391;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
}
#text p a {
	font-size: 11px;
	color: #1D2391;
	text-decoration: underline;
}
#text h1 {
	font-size: 30px;
	text-align: right;
	color: #76D11A;
	margin: 5px 0px 5px 0px;
}
#text h2 {
	font-size: 22px;
	text-align: left;
	color: #3C7800;
	margin: 5px 0px 5px 0px;
}
#text h3 {
	font-size: 38px;
	font-style: italic;
	font-weight: normal;
}

/* --------------------------------------
   Main Nav
   -------------------------------------- */  
#mainnav {
	font-size: 15px;
	color: #1D2391;
	text-decoration: none;
	padding-top: 57px;
	text-align: right;
	width: 500px;
	float: right;
}
#mainnav a {
	font-size: 15px;
	color: #1D2391;
	text-decoration: none;
	padding-right: 10px;
}
#mainnav a:hover {
	font-size: 15px;
	color: #76D11A;
	text-decoration: none;
}

/* --------------------------------------
   Sub Nav
   -------------------------------------- */  
#subnav {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
#subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#subnav li {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #fff;
}
#subnav li a {
	display: block;
	padding: 6px 5px 6px 0.5em;
	background-color: #76D11A;
	color: #fff;
	text-decoration: none;
	width: 170px;
	border-left: solid 10px #65AF1A;
}
/*
html>body #subnav li a {
	width: auto; 
}*/
#subnav li a:hover {
	background-color: #AFED70;
	color: #fff;
	width: 170px;
	border-left: solid 10px #6BD700;
}