* {
	margin: 0;
	padding: 0;
	border:0;
}

body {
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #B3B9A9;
	text-align: centre;
	min-width: 952px;
	padding: 0px;
	margin: 0px;
	color: #333333;
}

#wrapper {
	text-align: centre;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

a:link {
	color: #00478D;
	font-weight: normal;
	text-decoration: underline;
}

a:visited {
	color: #00478D;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	color: #990000;
	font-weight: normal;
}

a:active {
	color: #00478D;
	font-weight: normal;
	text-decoration: underline;
}

/*holds the title background and logo*/
#headerback {
	background-color: #003366;
}

#header {
	background-image: url(sideback.jpg);
	background-repeat: repeat-y;
	background-position: 630px top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	height: 190px;
	width: 952px;
}

#logo {
	background-image: url(nsfa.jpg);
	background-repeat: no-repeat;
	background-position: 10px 138px;
	margin-top: 10px;
	padding-left: 70px;
	width: 550px;
	float: left;
	height: 180px;
}

/*clean car centre homepage container */
#sidebar {
	padding-top: 0px;
	background-repeat: no-repeat;
	margin-left: 630px;
	background-image: url(sidehorses.jpg);
	background-position: right bottom;
	height: 100%;
	margin-right: 10px;
}

/*adds the padding to the top of the text under the heading and also leaves space for the image*/
#sidebar p {
	padding-top: 18px;
	padding-left: 25px;
	padding-right: 100px;
}

#sidebar a:link {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

#sidebar a:visited {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
	color: #00478D;
	font-weight: normal;
}

#sidebar a:active {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

/*background box and border for the navigation area*/
#navback {
	background-color: #00478D;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background-image: url(navshadow.jpg);
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
}

/*navigation buttons*/
#nav {
	text-align: left;
	background-image: url(navbreak.jpg);
	background-repeat: repeat-x;
	background-position: left 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 952px;
	height: 80px;
}

#nav ul {
	list-style: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	padding-top: 16px;
	display: block;
	width: 119px;
}

#nav a:hover {
	text-decoration: none;
	color: #9CCFFF;
	text-align: center;
	font-weight: bold;
	padding-top: 16px;
}

#nav a:active {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding-top: 16px;
}

/*provides the shadow for the pages containing the large image with a white border*/
#navshadow {
	background-image: url(navback.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
}

/*provides the shadow for main pages with the side bar background*/
#navshadowmain {
	background-image: url(navbackmain.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
}

/*provides the shadow for main pages with no side bar background*/
#navshadowall {
	height: 80px;
}

/* special style for link to identify current page */
#thispage a:link, #thispage a:visited,
#thispage a:hover, #thispage a:active {
	text-decoration: none;
	color: #99CCFF;
	text-align: center;
	font-weight: bold;
	width: 119px;
	background-repeat: no-repeat;
	background-position: 80px 65px;
	height: 75px;
  }

/*provides the background to the main area of the page so that all elements are contained within the main body of the page*/
#mainbody {
	background-image: url(sideback.jpg);
	background-repeat: repeat-y;
	background-position: 630px top;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 952px;
}

/*provides the background to the main area of the page so that all elements are contained within the main body of the page*/
#mainallbody {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 952px;
}

/*styles for footer*/
#footer {
	font-size: 10px;
	color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #002448;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#footer a:link {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}

#footer a:visited {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color: #9CCFFF;
	font-weight: normal;
}

#footer a:active {
	color: #CCCCCC;
	font-weight: normal;
	text-decoration: none;
}

/*container for footer elements*/
#footerinfo {
	margin-left: auto;
	margin-right: auto;
	width: 952px;
	clear: both;
}

/*provides container for text on left of grey footer area*/
#footerjones {
	padding-left: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin-right: 620px;
	padding-top: 5px;
}

/*news container at the bottom of the footer information area*/
#footercopyright {
	color: #CCCCCC;
	text-align: right;
	float: right;
	width: 600px;
	margin-right: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*provides area for the content of the side panel containing floats.  Contained within the mainbody div so that the content doesn't spill out of the background*/
#sidecontent {
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	padding-top: 1px;
	float: right;
	width: 280px;
	margin-right: 20px;
}

/*newsitems on the sidebar */
#newsitems {
	padding-top: 10px;
	background-image: url(newsicon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-bottom: 30px;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9CDC2;
	border-left-color: #C9CDC2;
}

#newsitems p {
	padding-top: 5px;
}

#newsitems a:link, #quicklinks a:link {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

#newsitems a:visited, #quicklinks a:visited {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

#newsitems a:hover, #quicklinks a:hover {
	text-decoration: underline;
	color: #00478D;
	font-weight: normal;
}

#newsitems a:active, #quicklinks a:active {
	color: #990000;
	font-weight: normal;
	text-decoration: none;
}

/*quick links area */
#quicklinks {
	background-image: url(linksicon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 25px;
	padding-bottom: 30px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9CDC2;
	border-left-color: #C9CDC2;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
}

#quicklinks p {
	padding-top: 15px;
}

#quicklinks h3 {
	padding-left: 50px;
}

#committee {
	background-image: url(committee.jpg);
	background-repeat: no-repeat;
	background-position: 5px 25px;
	padding-bottom: 30px;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9CDC2;
	border-left-color: #C9CDC2;
	padding-top: 5px;
}

#committee p {
	padding-top: 5px;
}

#committee h3 {
	padding-left: 55px;
	padding-bottom: 10px;
}

/*blender container*/
#blender {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
}

#anim {
	padding: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
	text-align: center;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	min-height: 1px;
}

* html .clear {
	height: 1px;
}

/*provides area for the main text content of the page*/
#textcontent {
	line-height: 150%;
	color: #333333;
	padding-right: 330px;
	margin-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
}

#textcontent p{
	padding-top: 15px;
}

/*provides area for the main text content of the page when there is no sidebar*/
#textcontentall {
	line-height: 150%;
	color: #333333;
	margin-left: 10px;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-right: 10px;
}

#textcontentall p{
	padding-top: 8px;
	padding-bottom: 7px;
}

ul {
	margin-left: 20px;
	padding-left: 15px;
	padding-right: 15px;
}

li {
	list-style-type: square;
	padding-top: 5px;
}

#rowlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#rowlist tbody tr td {
	font-size: 8pt;
	border-left: 1px solid #D9D9D9;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
th {
	text-transform: uppercase;
	color: #000000;
	background-color: #C6CABF;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99A08B;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #99A08B;
}

#rowlist a:link {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

#rowlist a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

#rowlist a:hover {
	text-decoration: underline;
	color: #00478D;
	font-weight: normal;
	display: block;
}

#rowlist a:active {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	display: block;
}

/*use this style if one of the rows needs to be a different colour or otherwise and then add the class .selected to the row*/
#rowlist tbody tr.selected td, th.selected {
	background-color: #B3B9A9;
	width: 20px;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mapwrapper {
	border: 8px solid #FFFFFF;
	margin-right: 2px;
	background-color: #FFFFFF;
}

/*adds formatting to the form fields*/
.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #C9CDC2;
	text-align: left;
	padding: 3px;
	border: 1px solid #99A08B;
	margin: 5px;
}

/* styles for contact form */
#name, #telephone, #email {
  width: 230px;
  }
  
#message {
  width: 250px;
  height: 100px;
  }

/*adds formatting to the text in forms*/
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099FF;
	text-align: right;
	margin: 3px;
	text-transform: uppercase;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 3px;
}

/*provides background image and styling to form buttons*/
.button {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	background-image: url(formbutton.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: center;
	height: 22px;
	width: 172px;
	font-weight: bold;
	background-color: #B3B9A9;
	margin-left: 5px;
}

label .warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.warning {
	color: #990000;
}

/*adds the div for the address on the contact page*/
#address {
	padding-top: 10px;
	background-image: url(contacticon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-bottom: 30px;
	color: #333333;
	border-right-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C9CDC2;
	border-left-color: #C9CDC2;
}

#address p {
	padding-top: 5px;
}

#address h3 {
	padding-bottom: 10px;
	padding-left: 55px;
}

#textcontent img {
	vertical-align: text-bottom;
}