@charset "UTF-8";

/* CSS Document */

html, body, ul, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	line-height: 1.4;
	text-align: left;
	background: url('http://www.knott-trust.co.uk/images/background.jpg') repeat-x top left;
	background-color: #651D46;
}


/*SITE WRAPPER CSS*/

#wrapper {
	margin: .85em auto 0 auto;
	width: 920px;
	border: 1px solid #000;
	background-color: #fff;
}

#wrapper2 {
	margin: .85em auto 0 auto;
	width: 920px;
	border: 1px solid #000;
	background-color: #fff;
	background: url('http://www.knott-trust.co.uk/images/fauxsidebar.jpg') repeat-y top right;
}

/*HOME PAGE BANNER CSS*/

/*Note: homebanner has different sky background to the site-wide banner*/

#homebanner {
	height: 122px;
	width: 920px;
	margin: 0;
	padding: 0;
	background: url('http://www.knott-trust.co.uk/images/skybackground.jpg') repeat-x top left;
}

#homebanner h2 {
	position: absolute;
	width: 300px;
	height: 91px;
	margin: 30px 0 0 60px;
	background: url('http://www.knott-trust.co.uk/images/sjktlogo.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#homebanner .search {
	float: right;
	margin: 60px 60px 0 0;
}

#homebanner .search p {
	font-size: 85%;
	color: #036;
}

#resize {
	font-size: 100%;
	color: #515151;
	line-height: 3;
	margin-top: 10px;
	padding-left: 95px;
	background: url('http://www.knott-trust.co.uk/images/resize-icon.png') no-repeat;
	background-position: 0;
}

/*SITE WIDE BANNER*/

/*Note: site-wide banner has different sky background to the homebanner*/

#banner {
	height: 145px;
	width: 920px;
	margin: 0;
	padding: 0;
	background: url('http://www.knott-trust.co.uk/images/bigsky.jpg') no-repeat;
}

#banner h2 {
	position: absolute;
	width: 300px;
	height: 91px;
	margin: 30px 0 0 60px;
	background: url('http://www.knott-trust.co.uk/images/sjktlogo.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#banner .search {
	float: right;
	margin: 60px 60px 0 0;
	font-size: 85%;
	color: #036;
}

/* My Comment */

/*HOME PAGE BIG PHOTO*/

#surfers {
	height: 319px;
	width: 920px;
	background: url('http://www.knott-trust.co.uk/images/masthead2.jpg') no-repeat bottom left;
}

/*MAIN HORIZONTAL NAVIGATION*/

#nav {
	margin: 0;
	padding: 0;
	width: 920px;
	background: #000;
	list-style-type: none;
	float: left;
/*

Contains floated list items */
}

#nav li {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000;
	float: left;
/*

this corrects the IE whitespace bug */
}

#nav a {
	float: left;
	font-size: 1.1em;
	color: #D4E3F0;
	padding: 0 18px 0 18px;
	text-decoration: none;
	line-height: 1.7;
	background: url('http://www.knott-trust.co.uk/images/divider.jpg') no-repeat top left;
	background-color: #000;
}

#nav #nav_hom a {
	margin: 0 0 0 60px;
}

#nav a:hover {
	color: #000;
	background: #D4E3F0;
}

#body_hom #nav_hom a, 
	#body_abo #nav_abo a,
    #body_gra #nav_gra a,
    #body_art #nav_gra a,
    #body_com #nav_gra a,
    #body_con #nav_gra a,
    #body_edu #nav_gra a,
    #body_hea #nav_gra a,
    #body_bui #nav_gra a,
    #body_hou #nav_gra a,
    #body_mar #nav_gra a,
    #body_pub #nav_gra a,
    #body_ser #nav_gra a,
    #body_app #nav_app a,
    #body_hel #nav_app a,
    #body_use #nav_app a,
    #body_fre #nav_app a,
    #body_new #nav_new a,
    #body_his #nav_his a {
	background: #fff;
	color: #000;
}

#body_art #nav_art a,
    #body_com #nav_com a,
    #body_con #nav_con a,
    #body_edu #nav_edu a,
    #body_hea #nav_hea a,
    #body_her #nav_her a,
    #body_hou #nav_hou a,
    #body_mar #nav_mar a,
    #body_pub #nav_pub a,
    #body_ser #nav_ser a,
	#body_app #nav_how a,
	#body_gra #nav_agr a,
    #body_hel #nav_hel a,
    #body_use #nav_use a,
    #body_fre #nav_fre a {
	display: block;
	padding: 10px 60px 10px 30px;
	background-color: #F0F1F2;
	color: #006;
	text-decoration: none;
}

/* the following class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}

/*HOME PAGE CSS*/

#homecontent {
	width: 800px;
	margin: 0;
	padding: 30px 60px 10px 60px;
}

#homecontent h1 {
	font-size: 250%;
	font-weight: normal;
	color: #333333;
	padding: 0 0 .15em 0;
}

#homecontent p {
	font-size: 115%;
	color: #333;
	line-height: 1.4;
	padding-bottom: 1.25em;
}

#aboutbox {
	float: left;
	margin: 0;
	padding: 0;
}

#historybox {
	float: right;
	margin: 0;
	padding: 0;
}

#grantsbox {
	margin: 0px 275px;
	padding: 0;
}

/*SITE WIDE CONTENT CSS*/

#content {
	width: 570px;
	margin: 0;
	padding: 45px 0 15px 60px;
}

#content h1 {
	font-size: 180%;
	line-height: 1;
	font-weight: normal;
	color: #333;
	padding: 0 0 .4em 0;
}

#content h2 {
	font-size: 96%;
	line-height: 1.3;
	font-weight: bold;
	color: #651D46;
	padding: 0;
	margin: 0;
}

#content p {
	font-size: 95%;
	color: #333;
	line-height: 1.3;
	padding: 0 0 .4em 0;
margin: 0;
}

.image {
	padding: 1em 0 .75em 0;
}

.image_caption {
	font-size: 93%;
	color: #333;
	line-height: 1.2;
	padding: .4em 0 .8em 0;
}

#grantsimage {
	padding: 1em 0 0 0;
}

#grantsimage p {
	font-size: 95%;
	color: #333;
	line-height: 1.3;
	padding: 0 0 .4em 0;
	margin: 12px 12px 12px 298px;
}

.checkbox ul {
	font-size: .95em;
	color: #000;
	line-height: 1.3;
	padding: 0 0 .7em 0;
}

.checkbox li {
	padding-left: 28px;
	margin-bottom: .5em;
	list-style: none;
	background: url('http://www.knott-trust.co.uk/images/checkbox.png') no-repeat;
	background-position: 0px 2px;
}

.q_mark {
	background: url('http://www.knott-trust.co.uk/images/q-mark.png') no-repeat;
	background-position: 0;
	font-size: .95em;
	font-weight: bold;
	color: #005580;
	line-height: 1.3;
	padding: .4em 0 .3em 28px;
}

.a_mark {
	font-size: .95em;
	color: #000;
	line-height: 1.3;
	padding: 0 0 0 28px;
	background: url('http://www.knott-trust.co.uk/images/a-mark.png') no-repeat;
	background-position: 0px 2px;
}

.redbullet ul {
	font-size: .95em;
	color: #000;
	line-height: 1.3;
	padding: .8em 0;
}

.redbullet li {
	padding-left: 20px;
	margin-bottom: .5em;
	list-style: none;
	background: url('http://www.knott-trust.co.uk/images/redbullet.png') no-repeat;
	background-position: 0px 4px;
}

.boldblue {
	color: #005580;
	font-weight: bold;
}

.boldred {
	color: #B20049;
	font-weight: bold;
}

.boldmaroon {
	color: #651D46;
	font-weight: bold;
}

.fontsize90 {
	font-size: 96%;
	color: #333;
	line-height: 1.2;
	padding: 1em 0 0 0;
}

#pie2 {
	width: 478px;
	height: 330px;
	background: url('http://www.knott-trust.co.uk/images/programme_pie.png') no-repeat;
	margin: 0 0 40px 60px;
}

#pie1 {
	width: 920px;
	height: 330px;
align: center;
	background: url('http://www.knott-trust.co.uk/images/geographical_pie.png') no-repeat;
	margin: 20px 0 20px 180px;
padding: 0;
}

/*HISTORY CSS*/

#history {
	width: 800px;
	margin: 0;
	padding: 45px 6px 30px 60px;
}

#history h1 {
	font-size: 180%;
	line-height: 1;
	font-weight: normal;
	color: #333;
	padding: 0 0 .4em 0;
}

#history h2 {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 500%;
	line-height: 1;
	font-weight: normal;
	color: #C5D6E2;
	padding: 0;
	border-bottom: 1px solid #000;
	margin: 25px 0 5px 0;
}

#history p {
	font-size: 92%;
	color: #333;
	line-height: 1.2;
	padding: 0 0 .4em 250px;
}

.historyimage {
	float: left;
	padding-top: 12px;
}

/*NEWS CSS*/

#news {
	width: 800px;
	margin: 0;
	padding: 45px 6px 30px 60px;
}

#news h1 {
	font-size: 180%;
	line-height: 1;
	font-weight: normal;
	color: #333;
	padding: 0 0 .4em 0;
}

#news h2 {
	font-size: 140%;
	line-height: 1;
	font-weight: normal;
	color: #333;
	padding-bottom: .4em;
	border-bottom: 1px solid #000;
	margin: 25px 0 5px 0;
}

#news p {
	font-size: 92%;
	color: #333;
	line-height: 1.2;
	padding: 0 0 .4em 250px;
}

.newsimage {
	float: left;
	padding-top: 12px;
}


/*SIDEBOX CSS*/

#sidebox {
	float: right;
	margin: 45px 60px 45px 0;
	padding-bottom: 10px;
	width: 200px;
	background: #D4E3F0 url('http://www.knott-trust.co.uk/images/bottom.png') no-repeat bottom left;
}

#sidebox h1 {
	background: #D4E3F0 url('http://www.knott-trust.co.uk/images/top.png') no-repeat;
	padding: 20px 18px 15px 18px;
	font-size: 145%;
	font-weight: normal;
	color: #333;
	line-height: 1em;
	margin: 0;
}

#sidebox p {
	padding: 0px 20px 0 20px;
	font-family: 'Times New Roman', Times, serif;
	font-size: 104%;
	font-weight: normal;
	color: #036;
	line-height: 1.3em;
	margin: 0;
}

#sidebox .organisation {
	padding: 3px 20px 10px 20px;
	font-weight: bold;
	font-size: 78%;
	line-height: 1.3em;
	color: #651D46;
	text-align: right;
}

/*ADDRESSBOX CSS*/

#addressbox {
	float: right;
	margin: 45px 60px 45px 0;
	padding-bottom: 10px;
	width: 200px;
	background-color: #D4E3F0;
	background: #D4E3F0 url('http://www.knott-trust.co.uk/images/bottom.png') no-repeat bottom left;
}

#addressbox p {
	background: url('http://www.knott-trust.co.uk/images/top.png') no-repeat;
	padding: 20px;
	font-size: 95%;
	font-weight: normal;
	color: #036;
	line-height: 1.3em;
	margin: 0;
}

/*SIDENAV CSS*/

#sidenav {
	width: 230px;
	float: right;
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
}

.sidenavheader {
	font-size: 96%;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px solid #fff;
	color: #006;
	padding: 0px 60px 10px 30px;
	margin: 0;
}

#sidenav ul {
	font-size: 96%;
	line-height: 1.3;
	font-weight: normal;
	color: #036;
	padding: 0;
	margin: 0;
	list-style: none;
}

#sidenav ul li {
	border-bottom: .1em solid #fff;
}

#sidenav ul li a:link, #sidenav ul li a:visited {
	display: block;
	padding: 10px 60px 10px 30px;
	color: #006;
	text-decoration: none;
}

#sidenav ul li a:hover, #sidenav ul li a:focus {
	background-color: #AED3F2;
}

/*Address panel featured on Applications side navigation is next */

.address {
	margin: 25px 18px 8px 18px;
	padding: 12px;
	background-color: #D0E5FC;
	color: #006;
}

.address p {
	font-size: 90%;
	line-height: 1.3em;
	font-weight: normal;
	padding: 0 0 .4em 0;
}

/*Question button featured on Applications side navigation is next */

#question {
	width: 230px;
	height: 75px;
	margin: 0;
	padding: 0;
}

/*footer css follows:*/

#footer {
	font-size: 84%;
	color: #D4E3F0;
	line-height: 2.25;
	background-color: #000;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	padding-right: 16px;
}

#footer a:link, #footer a:visited {
	padding: 0;
	color: #D4E3F0;
	background-color: #000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #foot_mrk {
	margin: 0 0 0 60px;
	padding-right: 2px;
}

#info {
       margin: 0 auto 0 auto;
	width: 920px;
}

#info p {
line-height: 3;
font-size: 70%;
color: #AF8DC1;
text-align: center;
}

#contact {
width: 570px;
	margin: 0;
	padding: 45px 0 15px 60px;
}

#contact h1 {
	font-size: 180%;
	line-height: 1;
	font-weight: normal;
	color: #333;
	padding: 0 0 .4em 0;
}

#contact h2 {
	font-size: 120%;
	font-weight: bold;
color: #651D46;
	padding-bottom: 0;
	margin: 0;
}

#contact p {
	font-size: 95%;
	color: #333;
	line-height: 1.3;
	padding: 0 0 .4em 0;
margin: 0;
}

#skynav {
	float: right;
	margin: 60px 60px 0 0;
	font-size: 85%;
	text-align: right;
	color: #036;
	}

#skynav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#skynav li {
	display: inline;
	padding: 0 5px 0 1px;
	border-right: solid 1px #036;
}

#skynav a:link, #skynav a:visited {
	padding: 0;
	color: #036;
	text-decoration: none;
}

#skynav a:hover {
	text-decoration: underline;
}

#skynav #skyn_sear {
	border-right: none;
}