@import url("basic.css");
@import url("Navigation.css");
@import url("contentItems.css");
@import url("Links.css");
@import url("Forms.css");

/* Changeable */

/* Background of site and font */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	/* Optional can be removed */
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
}

/* Width control */
#wrapper {
	width: 58em;
	background-color: transparent;
	margin: 0 auto;
	text-align: left;
}

/* Headings */
H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #21A1A1;
}

H1 {
	font-size: 200%;
}

H2 {
	font-size: 180%;
}

H3 {
	font-size: 160%;
}

H4 {
	font-size: 140%;
}

H5 {
	font-size: 120%;
}

H6 {
	font-size: 100%;
}

/* Horizontal Rules */

hr {
	border: #777777; /* Change Colour */
}
	
	
/* Paragraphs */	
p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}


#mainContent p {
	padding-bottom: 5px;
	font-size: 75%;	
	color: #222222;
}

#mainContent ul li {
	color: #222222;
	background-image: url(../images/bullet.png);
	font-size: 75%;
	background-repeat: no-repeat;
	background-position: left 3px;
	line-height: 1.5em;
	padding-left: 3%;
}

#mainContent ul {
	padding-top: 0;
	padding-bottom: 5px;
}

/* Top Banner */
#branding {
	background-color: transparent;
}

#logo {
	width: 33.5%;
	float: left;
	padding-bottom: 10px;
}

#rightBanner {
	float: left;
	width: 33%;
	text-align: left;
	padding-top: 35px;
}
#leftBanner {
	float: left;
	width: 33%;
	text-align: right;
	padding-top: 35px;
}

/* Top Navigation */
#topNav {
	background-color: transparent;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A3CE54;
	border-bottom-color: #A3CE54;
	background-color: transparent;
	padding-left: 1%;
	padding-right: 1%;
}
#topNavServices {
	background-color: transparent;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A3CE54;
	border-bottom-color: #E4ECAE;
	background-color: transparent;
	padding-left: 1%;
	padding-right: 1%;
}
#navLeft {
	float: left;
	width: 98%;
	padding-bottom: 0;
	margin-bottom: 0;
}

#subNavTop {
	width: 91%;
	padding-left: 9%;
	background-color: #E4ECAE;
}

/* Size of middle section N.B. if you add to this number you MUST take from #secondaryContent */	
#mainContent {
	width: 98%;
	overflow: hidden;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Footer*/	
#footer {
	background-color: #21A1A1;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #A3CE54;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1%;
	padding-right: 1%;
}

#footerLeft {
	float: left;
	width: 68%;
}

#footerRight {
	float: right;
	width: 28%;
	text-align: right;
}

#logos {
	width: 100%;
	padding-top:10px;
}

/* Navigation*/
	
/* Top Bar Navigation*/	
ul.horiz a, ul.horiz a:visited {
	color: #333333;
}

ul.horiz a:hover, ul.horiz a:active {
	color: #21A1A1;
}

ul.horiz a.thispage, ul.horiz a.thispage:visited {
	color: #21A1A1;
}

ul.horiz a.thispage:hover, ul.horiz a.thispage:active {
	color: #333333;
}

ul.horiz a, ul.horiz a:visited, ul.horiz a.thispage, ul.horiz a.thispage:visited {
	font-size: 80%;
}

/* Bottom Bar Navigation*/	

ul.horizBottom a, ul.horizBottom a:visited {
	color: #FFFFFF;
}

ul.horizBottom a:hover, ul.horizBottom a:active {
	color: #555555;
}

ul.horizBottom a.thispage, ul.horizBottom a.thispage:visited {
	color: #000000;
}

ul.horizBottom a.thispage:hover, ul.horizBottom a.thispage:active {
	color: #555555;
}

ul.horizBottom a, ul.horizBottom a:visited, ul.horizBottom a.thispage, ul.horizBottom a.thispage:visited {
	font-size: 70%;
}


/* Links */	

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, a.DocumentLink:link, a.DocumentLink:visited, a:link, a:visited  {
	color: #21A1A1; /* Change colour of links */
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, a.DocumentLink:hover, a.DocumentLink:active, a:hover, a:active {
	color: #A3CE54; /* Change colour links on rollover */
}

/* Forms */	

legend {
	color: #000000; /* Colour of title of form */
}