@charset "UTF-8";

/* CSS Document */

html {
	background: url('http://knott-trust.co.uk//images/uploads/background.jpg') repeat-x top left;
	background-color: #651D46;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333;
	line-height: 1.3;
	text-align: left;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	margin: 0 0 0.500em 0;
}
	

.fontsize {
	font-size: 270%;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 180%;
	font-weight: normal;
	padding: 0;
	margin-bottom: 0;
}

.indent {
	margin-left: 250px;
}

h3 {
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 1em 0 0.1em 0;
}

h4 {
	margin-bottom: 0.750em;
}

p {
	font-size: 92%;
	padding: 0;
	margin: 0.75em 0;
}

p.clear {
    clear: both;
}

ul {
	font-size: 92%;
	padding: 0 0 1em 2em;
	margin: 0;
}

.large {
	font-size: 116%;
}

.paddingbottom {
	padding-bottom: 1em;
}

.paddingtop {
	padding-top: 1em;
}

a {
	color: #005580;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	color: #69c;
	text-decoration: underline;
}

a:focus a:visited {
       color: #69c;
}

hr {
	margin: 1.5em 0;
}

.variant {
	margin: 0 0 1em 0;
}

/*CONTACT US CSS*/

.page {
	width: 800px;
	padding: 45px 6px 30px 60px;
}

.page a:link {
color: #058;
font-weight: bold;
text-decoration: underline;
}

.page a:hover {
text-decoration: underline;
}

.page a:visited {
color: #068;
}

.contactimage {
float: right;
margin: 0 0 0 60px;
clear: left;
}

/*SITE WRAPPER CSS*/


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

.fauxsidebar {
	background: url('http://knott-trust.co.uk//images/uploads/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://knott-trust.co.uk//images/uploads/skybackground.jpg') repeat-x top left;
}

.homebanner h2 {
	position: absolute;
	width: 300px;
	height: 130px;
	margin: 25px 0 0 60px;
	background: url('http://knott-trust.co.uk//images/uploads/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://knott-trust.co.uk//images/uploads/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://knott-trust.co.uk//images/uploads/bigsky.jpg') no-repeat;
}

#banner h2 {
	position: absolute;
	width: 300px;
	height: 125px;
	margin: 25px 0 0 60px;
	background: url('http://knott-trust.co.uk//images/uploads/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://knott-trust.co.uk//images/uploads/masthead2.jpg') no-repeat bottom left;
}

.search_form {
text-align: left;
margin: 0;
padding: 0;
}

.search_form input[type=text] {
color: 333;
padding: 5px;
}

.search_form input[type=submit], input[type=submit]:hover {
position:relative;
left: -4px; 
background-color: #D41D39;
border-color: #D41D39;
padding: 5px;
color: #FFF;
}

/*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.255em;
	font-weight: normal;
	color: #D4E3F0;
	padding: 0 18px 0 18px;
	text-decoration: none;
	line-height: 1.7;
	background: url('http://knott-trust.co.uk//images/uploads/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;
}

#home #nav_hom a,
#about-us #nav_abo a,
#grants #nav_gra a,
#applications #nav_app a,
#news #nav_new a,
#knott-family-history #nav_his a,
#somme #nav_his a,
#contact-us #nav_con a {
	background: #fff;
	color: #000;
}


#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,
    #body_somme #nav_his a
	 {
	background: #fff;
	color: #000;
}


/* the following class should be placed on a div or break element <br />
and should be the final element before the close of a container that should <br />
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 p {
	font-size: 115%;
	color: #333;
	line-height: 1.4;
	padding-bottom: 1.25em;
}

/*REVISED HOME PAGE PICTURE LINKS FOLLOW*/

.imagelink {
	display: block;
	width: 252px;
	height: 200px;
	float: left;
	margin-right: 18px;
	text-indent: -999em;
}

.imagelink:hover {
	background-position: 0 0;
}

.about {
	background: url('http://knott-trust.co.uk//images/uploads/about2.jpg') bottom no-repeat;
}

.apply {
	background: url('http://knott-trust.co.uk//images/uploads/apply2.jpg') bottom no-repeat;
}

.family {
	background: url('http://knott-trust.co.uk//images/uploads/history2.jpg') bottom no-repeat;
	margin-right: 0;
}
/*REVISED HOME PAGE PICTURE LINKS ENDS*/

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

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

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

/*SITE WIDE CONTENT CSS*/

.article {
        min-height: 500px;
	margin: 0;
	padding: 30px 60px 0 60px;
}

.width {
	width: 570px;
}

.width-540 {
	width: 540px;
}

#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;
}

.credit {
	font-size: 80%;
	padding: 0 0 .75em 0;
}

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

.halfspace {
        padding: 1em 0 .5em 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 {
	color: #000;
	line-height: 1.3;
	padding: 0;
	margin: 0;
}

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

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

.a_mark {
	font-size: .95em;
	color: #000;
	line-height: 1.3;
	padding: 0 0 0.5em 28px;
	background: url('http://knott-trust.co.uk//images/uploads/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://knott-trust.co.uk//images/uploads/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;
}

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

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.graphs {
	margin: 1.5em 0;
}


/*HISTORY CSS*/

.history {
	width: 800px;
	margin: 0;
	padding: 0 6px 12px 60px;
}

.highlight {
	background: #DAD7BE;
	padding: 20px;
	margin-left: 250px;
	}


.year {
	font-family: Impact, Charcoal, sans-serif;
	font-size: 500%;
	line-height: 0.5;
	font-weight: normal;
	color: #C5D6E2;
	padding-top: 30px;
	margin: 25px 0 0 0;
}

.smaller {
	color: #94A8B3;
	font-size: 400%;
}

.margin_top_off {
	margin-top: 0;
} 

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

.right {
	float: right;
	margin-left: 30px;
}

.left {
	float: left;
	margin: 0 30px 30px 0;
}

.historyimage {

}

.historycaption {
	float: left;
	padding-bottom: 10px;
	width: 209px;
}

.historycaption p {
	font-size: 90%;
	font-style: italic;
	color: #036;
	line-height: 1.2em;
	margin: 0;
}

.letter {
	background: #DAD7BE;
	color: #005580;
	font-style: italic;
	line-height: 1.6;
	font-weight: bold;
	padding: 20px 50px;	
}

.btn {
background-color: #E6EAEE;
color: #335576;
padding: 0.500em 1em;
font-size: 0.850em;
font-weight: normal;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

.btn a {
text-decoration: none;
}

.btn:hover {
background-color: #CCD4DD;
text-decoration: none;
color: #335576;
}




/*SIDEBOX CSS*/









/*ADDRESSBOX CSS*/

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

#addressbox p {
	background: url('http://knott-trust.co.uk//images/uploads/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: 0.1em solid #fff;
}

#sidenav ul li a:link, #sidenav ul li a:visited {
	display: block;
	font-weight: normal;
	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: 75%;
color: #AF8DC1;
text-align: center;
}

#info a {
	color: #AF8DC1;
	text-decoration: none;
}

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

#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;
	}

/* NEW ABOUT PAGE */

.about-image {
	margin: 0 30px 0 0;
}

/* QUOTES COMMENTED OUT */

.quotes {
	float: right;
	width: 200px;
	border-radius: 20px;
  	background: #D4E3F0;
  	padding: 25px 15px 25px 20px;
	margin: 0 0 30px 25px;
}

.quotes h1 {
	font-weight: normal;
	color: #333;
	line-height:2em;
}

.quotes p {
	font-family: Georgia, serif;
	font-size: 98%;
	font-weight:normal;
	font-style: italic;
	color: #036;
	line-height: 1.35em;
	margin: 0;	
}

.quotes cite {
	font-weight: bold;
	font-style: italic;
	font-size: 92%;
	color: #651D46;
	text-align: right;
}


/* NEW WHAT THEY SAY */

/*	quotes::before {
   content: "&";
   font-size: 150vh;
   color: #000000;
   position: absolute;
   top: -35vh;
}

quotes {
   height: 100vh;
   overflow: hidden;
   background-image: radial-gradient(
      farthest-corner at 40px 40px,
      rgba(70, 40, 25, 0.7) 0%,
      rgba(70, 40, 25, 1) 100%
   );
   display: flex;
   align-items: center;
}
*/

/*blockquote {
   color: #000;
   font-family: Helvetica, sans-serif;
   font-size: 1.5em;
   width: 90%;  
	margin: 0 auto;
}



blockquote p {
   font-style: italic;
   margin-bottom: 0;
}

blockquote p::before,
blockquote p::after {
   content: "“";
   font-family: Georgia;
   font-size: 4rem;
   margin: -1rem 0 0 -2rem;
   position: absolute;
   opacity: 0.5;
}

blockquote p::after {
   content: "”";
   margin: -1rem 1rem 0 0;
}

blockquote cite {
   font-size: 1.25rem;
}
*/