* {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	list-style-type: none;
} /* reset default values for every element */

hr {
	display: none;
} /* hide rulers from visual browsers */

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

body {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
	text-align: center;
	color: #717171;
}

body#home  {background: url(../images/back/arc-home.jpg) no-repeat center top;}
body#about  {background: url(../images/back/arc-about.jpg) no-repeat center top;}
body#help  {background: url(../images/back/arc-help.jpg) no-repeat center top;}
body#news  {background: url(../images/back/arc-news.jpg) no-repeat center top;}
body#contact  {background: url(../images/back/arc-contact.jpg) no-repeat center top;}
body#cre8  {background: url(../images/back/arc-cre8.jpg) no-repeat center top;}

#container {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

/* site logo and backgrounds
------------------------------------------------------------*/

#home #branding {height: 290px;	width: 970px;}
#about #branding, #help #branding, #news #branding, #contact #branding, #cre8 #branding 
{height: 205px; width: 970px;}

h1 {
	position: relative;
	float: right;
	}
	
	h1 a {
		float: right;
		text-indent: -5000px;
		overflow: hidden;
		}
	h1 a:hover {
		text-decoration: none;
		}

#about #container #branding h1, #help #container #branding h1,
#news #container #branding h1, #contact #container #branding h1, #cre8 #container #branding h1 { 
	top: 8px;
	height: 61px;
	width: 176px;
	}
#home #container #branding h1 { 
	top: 20px;
	height: 80px;
	width: 235px;
	}
#about #container #branding h1 a, #about #container #branding h1 a:hover,
#help #container #branding h1 a, #help #container #branding h1 a:hover,
#news #container #branding h1 a, #news #container #branding h1 a:hover,
#contact #container #branding h1 a, #contact #container #branding h1 a:hover,
#cre8 #container #branding h1 a, #cre8 #container #branding h1 a:hover {
	background: url(../images/branding/logo.gif) no-repeat;
	height: 61px;
	width: 176px;
}
#home #container #branding h1 a, #home #container #branding h1 a:hover {
	background: url(../images/branding/logo_home.gif) no-repeat;
	width: 235px;
	height: 80px;
}

#branding-tagline {display: none;}

/* Search Input
------------------------------------------------------------*/
#search {
	width: 500px;
	color: #43A430;
	line-height: 14px;
	height: 30px;
}
#search label {
	float: left;
	padding: 5px;
	width: auto;
	margin: 0 0 0 215px;
}
#search input {
	width: 190px;
	margin: 3px 0 0 0;
	border: 1px solid #ccc;
	float: right;
}
#search .inputbutton {
	float: left;
	width: 465px;
	padding: 0;
	}
#search .gobutton {
	float: right;
	width: 30px;
	padding: 0;
	clear: none;
	}
#search .gobutton input {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url('../images/go.gif') no-repeat;
	height: 24px;
	width: 30px;
	border: none;
	text-indent: -5000px;
	line-height: 500px;
	}

/* Navigation
------------------------------------------------------------*/
#navigation {
	width: 465px;
	float: left;
	}

#imgplace {
	width: 160px;
	float: right;
	padding: 60px 0 0 0;
	}
	
/* Nav Main
------------------------------------------------------------*/
#nav-main {
	float: left;
	width: 305px;
	text-align: right;
	}
#about #container #navigation #nav-main,
#help #container #navigation #nav-main,
#news #container #navigation #nav-main,
#contact #container #navigation #nav-main, 
#cre8 #container #navigation #nav-main 
{padding: 40px 0 0 0;}
#home #container #navigation #nav-main {padding: 60px 0 0 0;}

#nav-main a {
	display: block;
	padding: 5px 0;
	font-size: 110%;
	font-weight: 600;
	color: #43A430;
	height: 1%;
	}
	
#nav-main a:hover, #nav-main a.active {color: #E21F19;}

#nav-main ul {
	padding: 0;
	list-style: none;
}
#nav-main li {
	padding: 0;
	list-style: none;
	background: none;
}

#nav-main li ul {
	margin-bottom: -1px;
}
.secondlevel {
	margin: 5px 20px 5px 0;
}

#home 		#container #navigation #nav-main #about-nav,
#home 		#container #navigation #nav-main #help-nav,
#home 		#container #navigation #nav-main #news-nav,
#about 		#container #navigation #nav-main #help-nav,
#about 		#container #navigation #nav-main #news-nav,
#help 		#container #navigation #nav-main #about-nav,
#help 		#container #navigation #nav-main #news-nav,
#news		#container #navigation #nav-main #about-nav,
#news 		#container #navigation #nav-main #help-nav,
#contact 	#container #navigation #nav-main #about-nav,
#contact 	#container #navigation #nav-main #news-nav,
#contact 	#container #navigation #nav-main #help-nav
#cre8 		#container #navigation #nav-main #about-nav,
#cre8 		#container #navigation #nav-main #news-nav,
#cre8 		#container #navigation #nav-main #help-nav
{display: none;}

/* Content
------------------------------------------------------------*/
#content {
	width: 500px;
	float: right;
	overflow: hidden;
}

h2 {
	text-align: left;
	background: url(../images/underline.gif) no-repeat right bottom;
	font-size: 130%;
	font-weight: 600;
	margin: 0 0 5px 0;
	padding: 5px 0;
	color: #E21F19;
	}
p {
	color: #717171;
	font-size: 100%;
	padding: 5px 0;
	line-height: 18px;
	text-align: justify;
	}	
.rollover p, .rightsplit p, .leftsplit p {
	text-align: left;
	}
/* old list style
ul {
	padding: 5px 0;
	}
li {
	padding: 3px 0 3px 20px; 
	background: url(../images/bullet.gif) no-repeat 5px center;
	font-size: 100%;
	color: #717171;
	}
*/
ul {
	padding: 5px 0;
	}
li {
	padding: 3px 0 3px 20px; 
	background: url(../images/bullet2.gif) no-repeat 8px left;
	font-size: 100%;
	color: #717171;
	line-height: 18px;
	}
.special li {
	color: #43A430;
}
h3, form h2 {
	padding: 10px 0 0 0;
	line-height: 20px;
	color: #717171;
	background: none;
	}

h3 {
	font-size: 120%;
	font-weight: 600;
}

form h2 {
	font-size: 140%;
	font-weight: 600;
	
}
a {
	color: #4B4B4B;
	font-weight: bold;
	}
a:hover {
	text-decoration: underline;
	color: #E21F19;
	}
	
.grey { color: #ccc; }

/* 50 / 50 split and other formatting options
------------------------------------------------------------*/

.leftsplit {
	float: left;
	width: 235px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0; padding: 5px;
	}
.rightsplit {
	float: right;
	width: 235px;
	border: 1px solid #ccc;
	margin: 0 0 5px 0; padding: 5px;
	}
.clear {
	clear: both;
	}
.featured {
	position: relative;
	padding: 5px 0;
	height: 60px;
	}
.featimg {
	float: left;
	width: 65px;
	}
.feattxt {
	float: right;
}

/* form styles  
------------------------------------------------------------*/
#content form * {font-size: 100%; line-height: 14px;}

form fieldset {
	display: block;
	clear: both;
}
/* note: display-block expands element to edge of page */
/* note: display-inline wraps element to itself */

form legend {
}  
/* note: display-block expands element to edge of page */
/* note: display-inline wraps element to itself */

form label, form label.radio, form h3 {
	font-weight: 300;
	float: left;
	width: 240px;
	margin: 0 10px 0 0;
	padding: 0;
	}
	form label.radio { width: 30px; }
.notes {
	font-style: italic;
	padding: 0 0 0  250px;
}
label.radiooptions {
	width: 90px;
}

form input {
	width: 240px;
	color: #717171;
	font-weight: 600;
	border: 1px solid #ccc;
	padding: 2px 0;
	text-indent: 2px;
	margin: 0;
}

input.radio {
	width: 20px;
	border: none;
	margin: 0;
	float: left;	
	}

form textarea {
	width: 240px;
	border: 1px solid #ccc;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
}

form select {
	float: left;
	width: 240px; /* note: value = single line text field + width of border + padding. IE does NOT recognise the border value on the select element, whereas Firefox does but the border width is not added to the overal width.  */
	color: #4B4B4B;
	border: 1px solid #ccc;
	margin: 0;
}

form option {
	padding: 1px;
}
form button {
	line-height: 16px;
	color: #fff;
	font-weight: 600;
	background: #43A430;
	width: 242px;
	float: left;
	margin: 0;
	border: 1px solid #333;
	padding: 8px 0;
}
form p {
	clear: both;
}

form div {
	padding: 5px 0 0 0;
	clear: both;
}

form .submitimage {
	float: right;
	width: auto;
	height: auto;
	border: none;
}

div.actions {
	clear: both;
	padding: 5px 0;
}
div.actions2 {
	float: left;
	width: 350px;
	clear: none;
}

#content-recent p {padding: 0px 20px 10px 20px;}
#content-recent-one {
width: 269px;
border-right: 1px solid #D8001E;
}

#content-recent .news a {
padding-left: 25px;
background: url(../images/page_white_text.png) no-repeat 5px center;
}

#content-recent .reports a {
padding-left: 25px;
background: url(../images/report.png) no-repeat 5px center;
}


#content-recent-two, #content-categories {width: 270px;}


#content-categories a {
padding-left: 20px;
background: url(../images/bullet.gif) no-repeat 5px center;
}

/* Postcode Input
------------------------------------------------------------*/
#postcode-input {
	margin: 10px 20px;
	margin-bottom: 0;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	height: 1%;
	border: 1px solid #DFE5DB;
	border-top: none;
	border-left: none;
	margin-right: 19px;
}
#postcode-input p {
	float: right;
	line-height: 40px;
	padding: 10px;
}
#postcode-input div {float: left;}

#postcode-input label {
	padding: 2px;
	display: block;
	font-weight: bold;
	}
#postcode-input span {
	display: block;
	padding: 2px;
	float: left;
	background: #F9FCF5;
	border: 1px solid #d3e0c7;
}
#postcode-input input[type="text"] {
	width: 4.2em;
	padding: 5px;
	border: 1px solid #e2edd5;
	color: #ccc;
	text-transform: uppercase;
}
#postcode-input input[type="text"]:focus {
	color: #666;
}
#postcode-input input[type="image"] {
	margin: 7px;
	float: left;
}

#postcode-output {
	margin: 10px 20px;
	margin-top: 0;
	padding: 10px;
	background: #F9FCF5;
	overflow: hidden;
	height: 1%;
	border: 1px solid #DFE5DB;
	border-top: none;
	border-left: none;
	margin-top: -1px;
	margin-right: 19px;
}
#postcode-output p {
	line-height: 20px;
	padding: 10px;
}
#postcode-output h3 {
	padding: 10px 20px;
	margin-left: -10px;
	line-height: 20px;
	background: url(../images/underline.gif) no-repeat 9px bottom;
}

/* Contact Input
------------------------------------------------------------*/

#contact-input,#project-input {
	margin: 10px 20px;
	margin-bottom: 0;
	padding: 10px;
	padding-top: 0;
	background: #fff;
	overflow: hidden;
	height: 1%;
	border: 1px solid #DFE5DB;
	border-top: none;
	border-left: none;
	margin-right: 19px;
}

#contact-input fieldset {width: 240px; float: left;}
#contact-input p {
	float: right;
	line-height: 40px;
	padding: 10px;
}

#project-input p {
	float: left;
	line-height: 20px;
	padding: 15px 0 0 2px;

}

#contact-input fieldset.address input {width: 222px;}


#contact-input div, #project-input div {float: left; clear: both; margin-top: 10px;}

#contact-input label, #project-input label {
	padding: 2px;
	display: block;
	font-weight: bold;
	}
#contact-input span, #project-input span {
	display: block;
	padding: 2px;
	float: left;
	background: #F9FCF5;
	border: 1px solid #d3e0c7;
}
#contact-input input[type="text"] {
	width: 210px;
	padding: 5px;
	border: 1px solid #e2edd5;
	color: #ccc;
}
#project-input input[type="text"] {
	width: 462px;
	padding: 5px;
	border: 1px solid #e2edd5;
	color: #ccc;}
#contact-input input[type="text"]:focus, #project-input input[type="text"]:focus {
	color: #666;
}
#contact-input input[type="image"], #project-input input[type="image"] {
	margin: 7px;
	float: left;
}

#contact-input fieldset .address, #paper-input fieldset .address {height: 200px;}

/* Site Info
------------------------------------------------------------*/
#site_info {
	margin: 0 auto;
	width: 970px;
}
#site_info p {
	margin-left: 470px;
	text-align: left;
}

/* Pages
------------------------------------------------------------*/

/* tables for use 
==============================================================================*/

.selector {
	margin: 5px 0;
}

.selector th {
	font-size: 100%; 
	color: #4B4B4B;
	font-weight: 600;
	text-align: center; 
	padding: 3px;
}
.selector th.alternate {
	font-size: 100%; 
	color: #4B4B4B; 
	font-weight: 600;
	text-align: right; 
	padding: 3px;
}
.selector th.alternate2 {
	font-size: 100%; 
	color: #4B4B4B; 
	font-weight: 600;
	text-align: center;
	font-style: italic; 
	padding: 3px;
}
.selector td {
	font-size: 100%; 
	color: #4B4B4B; 
	text-align: center; 
	padding: 2px; 
	vertical-align: top;
}
.selector td.alternate {
	font-size: 100%; 
	color: #4B4B4B; 
	text-align: right; 
	padding: 2px; 
	vertical-align: top;
}
.selector2 {
	border-top: 1px solid black;
	border-left: 1px solid black;
}

.selector2 {
	margin: 5px 0;
}

.selector2 th {
	font-size: 100%; 
	color: #717171;
	text-align: center; 
	padding: 3px; 
	border-bottom: 1px solid black; 
	border-right: 1px solid black;
}
.selector2 td {
	font-size: 100%; 
	color: #717171;
	text-align: center; 
	padding: 2px; 
	border-bottom: 1px solid black; 
	border-right: 1px solid black;
	vertical-align: top;
}
.selector2 td {
	text-align: left; 
}


.warning { 
	font-weight: bold;
	color: red;
	font-size: 120%;
}

.eligibility {	
	border: 1px solid #92CA81;
	background: #c9e5c0;
	padding: 0 10px;
	margin: 10px 0;
}

/* Cre8 Styles
==============================================================================*/
	
.cre8 {
	}
	.cre8 strong {
		color: #39b54a;
		}
	.cre8 ul {
		}
		.cre8 ul li {
			background: url('../images/cre8_bullet.gif') 0 3px no-repeat;
			padding-left: 25px;
			margin-left: 20px;
			}