/* CSS Document */
/* Default page styles */
body {
	background-color:#F2E8F0;
	margin:0px;
	padding:0px;
}
h1{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px;
	margin: 0 0 10px 0;
}
h2{
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px;
}
h3{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px;
	padding: 0px;
}
a {
	cursor:pointer;
}
a:link{
	color: #7A1364;
	text-decoration: underline;
}
a:hover{
	color: #000000;
	text-decoration: underline;
}
a:visited{
	color: #666666;
	text-decoration: underline;
}
ul{
	margin-top:0px;
}
blockquote{
	margin-top:0px;
	padding: 0px;
}

hr{
	color: #7A1364;
	height: 1px;
}
/* the container which holds the full design */
#container{
	width:800px;
	background-color:#FFFFFF;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #7A1364;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7A1364;
	background-repeat: no-repeat;
	background-position: right top;
}
/* the header has the logo set to its background and contains the strapline */
#header{
	height:90px;
	background-image: url(../nav/ukscf_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#strapLine{
	position: absolute;
	left: 400px;
	top: 40px;
	z-index: 30;
}

/* top level navigation */
#navigation{
	background-position: left top;
	background-image: url(../nav/navLogo.gif);
	background-repeat: no-repeat;
	height: 40px;
	background-color: #7A1364;
	color: #FFFFFF;
	width: 770px;
	position: relative;
	clear: both;
	z-index: 10;
	left: 0px;
}
#navigation ul{
	padding:0px;
	margin:0px;
}
#navigation li{
	display:inline;
	margin: 0px;
	padding: 0px;
}
/* the following set the main html link to an appropiate graphic button */
#foundationLink a:link, #foundationLink a:visited  {
	background: transparent url(../nav/foundation_off.gif) no-repeat;
	width: 141px;
	height: 40px;
	float: left;
	margin-left: 100px;
	}
#foundationLink a:hover {
	background: transparent url(../nav/foundation_on.gif) no-repeat;
	}
#foundationLink a:link span, #foundationLink a:visited span {
	display:none
	}
#researchLink a:link, #researchLink a:visited {
	background: transparent url(../nav/research_off.gif) no-repeat;
	width: 165px;
	height: 40px;
	float: left;
	}
#researchLink a:hover {
	background: transparent url(../nav/research_on.gif) no-repeat;
	}
#researchLink a:link span, #researchLink a:visited span {
	display:none
	}
#eventsLink a:link, #eventsLink a:visited {
	background: transparent url(../nav/events_off.gif) no-repeat;
	width: 141px;
	height: 40px;
	float: left;
	}
#eventsLink a:hover {
	background: transparent url(../nav/events_on.gif) no-repeat;
	}
#eventsLink a:link span, #eventsLink a:visited span {
	display:none
	}
#supportLink a:link, #supportLink a:visited {
	background: transparent url(../nav/support_off.gif) no-repeat;
	width: 110px;
	height: 40px;
	float: left;
	}
#supportLink a:hover {
	background: transparent url(../nav/support_on.gif) no-repeat;
	}
#supportLink a:link span, #supportLink a:visited span {
	display:none
	}
	
#donateLink a:link, #donateLink a:visited, #donateLink a:active {
	background: transparent url(../nav/supportus_off.gif) no-repeat;
	width: 112px;
	height: 40px;
	float: left;
	}
#donateLink a:hover {
	background: transparent url(../nav/supportus_on.gif) no-repeat;
	}
#donateLink a:link span, #donateLink a:visited span {
	display:none
	}
#contactLink a:link, #contactLink a:visited {
	background: transparent url(../nav/contact_off.gif) no-repeat;
	width: 101px;
	height: 40px;
	float: left;
	}
#contactLink a:hover {
	background: transparent url(../nav/contact_on.gif) no-repeat;
	}
#contactLink a:link span, #contactLink a:visited span {
	display:none
	}
	
/* sub navigation directly under the main nav */

#subNavigation{
	height: 15px;
	background-color: #B67EAA;
	padding: 5px 5px 5px 110px;
	font-weight: bold;
}

#subNavigation a:link, #subNavigation a:visited{
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-right: 20px;
}
#subNavigation a:hover{
	color:#000000;
}

/* breadcrumb menu located directly under sub nav. This hold accessLinks */
#breadcrumb{
	height: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7A1364;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A1364;
	padding: 5px 0px 5px 5px;
	position: relative;
}

#breadcrumb ul {
	margin: 0px;
}

#breadcrumb li {
	display:inline;
	margin: 0px;
}

.accessLinks {
	float:right;
	margin-right:198px;
}
	
/*removes the graphics only link when site is displayed normally*/ 
.styleDefault{
	display:none;
}


/* mainContent holds columnLeft and columnMain.  */
#mainContent{
	min-height: 320px;
	height:1%;
	position: relative;
	background-color: #FAF7FA;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 800px;
}
/* for Internet Explorer */
/*\*/
* html .#mainContent {
height: 320px;
}
/**/

#columnMain{
	margin-right: 200px;
	margin-left: 215px;
}

#columnMainb{
	margin-right: 188px;
	margin-left: 215px;
}

#columnLeft{
	font-size:14px;
	height:1%;
	padding: 0px;
	float: left;
	clear: left;
	margin: 0 0 0 10px;
}
/* for internet explorer*/
/*\*/
*html #columnLeft{
	margin-left: 5px;
}
/**/

/* every image button in columnLeft should have this style as it positions it. Every button should be 140px */
#leftButton{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#columnLeft h1{
	margin: 0px;
	height: 20px;
	width: 160px;
	background-color: #B67EAA;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	border: 1px solid #7A1364;
	color: #FFFFFF;
	text-transform: uppercase;
}
#columnLeft ul{
	margin: 0px;
	padding: 0px;
}
#columnLeft li{
	background-color: #FAF7FA;
	width: 145px;
	text-decoration: none;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin-right: 0;
}

#columnLeft a:link, #columnLeft a:visited{
	color: #7A1364;
	text-decoration: none;
	font-size: 12px;
	background-color: #FAF7FA;
	display: block;
	/*height: 20px;*/
	width: 160px;
	margin: 0px;
	border-right: 1px solid #CC6699;
	border-bottom: 1px solid #CC6699;
	border-left: 1px solid #CC6699;
	padding: 5px 0 5px 10px;
	text-indent: 10px;
}
#columnLeft a:hover{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}


/*submenu on left column*/

#submenu li{
	background-color: #FAF7FA;
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
	margin-left:0px;
}

#submenu a:link{
	color: #7A1364;
	text-decoration: none;
	font-size: 12px;
}
#submenu a:hover{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#submenu a:visited{
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

/* Holds links to news items and makes a box container for them */

#newsBox{
	height:1%;
	padding: 0px;
	width: 170px;
	
}

#newsBox h1{
	margin: 0px;
	height: 25px;
	width: 160px;
	border: 1px solid #7A1364;
	background-color: #B67EAA;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	text-transform: uppercase;
}
#newsBox ul{
	margin: 0px;
	padding: 0px;
}
#newsBox li{
	background-color: #FAF7FA;
	width: 160px;
	text-decoration: none;
	list-style-type: none;
	border-bottom: 1px solid #CC6699;
	border-right: 1px solid #CC6699;
	border-left: 1px solid #CC6699;
	font-size: 11px;
	padding: 5px;
}
#newsBox a:link, #newsBox a:visited {
	color: #7A1364;
	font-size: 11px;
	font-weight: normal;
	border:none;
	text-indent: 0px;
	text-decoration:underline;
	padding: 0px;
}
#newsBox a:hover{
	color: #000000;
	font-size: 11px;
	font-weight: normal;
}
#newsBox p{
	margin: 11px 0;
	font-weight:normal;
}
/*#newsBox a:visited{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}*/
/* this makes the bottom border on the newsBox */
li#newsBase{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 1px;
	/*border-bottom-width: 1px;*/
	border-left-width: 1px;
	border-right-style: solid;
	/*border-bottom-style: solid;*/
	border-left-style: solid;
	border-right-color: #cc6699;
	/*border-bottom-color: #cc6699;*/
	border-left-color: #cc6699;
}

/* featureGraphic holds the large right hand side feature graphic.  */
div#featureGraphic{
	position: absolute;
	height: 451px;
	width: 189px;
	padding: 0px;
	z-index: 9;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 610px;
	margin-top: 0px;
	top: 10px;
}
/* this style positions and styles the call us text under the main feature graphic on the right hand side */
.rightBottomText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #7A1364;
	position: absolute;
	top: 280px;
	width: 190px;
	text-align: right;
	left: 600px;
	z-index: 20;
}
/* homepage holds the construction of the four top level features.  */
div#homepage{
	width:380px;
	padding: 0px;
	height: 220px;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 20;
}
div#homepage h1{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #91095E;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}
div#homepage a:link, div#homepage a:visited{
	text-decoration: none;
}
div#homepage a:hover{
	text-decoration: underline;
}
/* the following styles control each top level feature on the homepage */
div#homepageFoundation{
	background-image: url(../nav/foundation_homepage.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 163px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 200px;
	position: relative;
	top: 0px;
}

div#homepageFoundation img{
	position: relative;
	float: left;
	clear: both;
}
div#homepageResearch{
	background-image: url(../nav/research_homepage.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 163px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	margin: 0px;
	position: relative;
	top: -112px;
	left: 200px;
}

div#homepageResearch img{
	position: relative;
	float: left;
	clear: both;
}
div#homepageNews{
	background-image: url(../nav/news_homepage.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 163px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	top: -92px;
	position: relative;
	margin: 0px;
}
div#homepageNews img{
	position: relative;
	float: left;
	clear: both;
}
div#homepageSupport{
	background-image: url(../nav/suppoprt_homepage.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 163px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 5px;
	position: relative;
	top: -184px;
	left: 200px;
}

div#homepageSupport img{
	position: relative;
	float: left;
	clear: both;
}

/* baseAddress sits under mainContent holding the address */
#baseAddress{
	height: 15px;
	background-color:#FAF7FA;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7A1364;
	text-align: center;
	padding: 5px;
	font-size: 10px;
}

/* baseLinks sits below baseAddress and holds secondary links and copyright */
#baseLinks{
	height: 15px;
	background-color:#FFFFFF;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #7A1364;
	font-size: 10px;
	padding: 5px;
}

#baseLinks ul{
	padding:0px;
	margin:0px;
}

#baseLinks li{
	display:inline;
	padding-right: 2px;
	padding-left: 5px;
	margin: 0px;
}

li#copyright {
	margin-right: 10px;
}
.date {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.newsBoxdate {
	font-size: 9px;
	margin: 0px;
	padding: 0px 0px 5px;
	font-weight: bold;
	color: #000000;
}
#jumpMenu{
	font-size: 11px;
	list-style-type: none;
	margin: 00px;
	padding: 0px;
}
#jumpMenu ul{
	background-color: #D7B9D1;
	padding: 10px;
	border: 1px solid #7A1364;
	margin: 0px;
	width: 200px;
}

#jumpMenu li{
	margin: 0px;
	padding: 1px 0px;
	list-style-type: none;
}

#tempTable{
	padding: 5px;
}

#tempTable td{
	border-bottom: 1px dotted #7A1364;
	padding: 5px;
}

#contactusBorder{
	width:250px;
	border: 1px solid #7A1364;
	padding: 10px;
	margin-bottom:10px;
}

#download{
	width:260px;
	padding:10px;
	margin-bottom: 10px;
	background-image: url(../nav/download_box.gif);
	background-repeat: no-repeat;
	height: 40px;
}
#download h1{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding:0px;
	margin:0px;
}
/*biography styles in board of trustee pages*/
#biog{
	min-height:125px;
	padding:10px;
	border: 1px solid #7A1364;
	background-color: #D7B9D1;
	margin-bottom: 20px;
}

/* for Internet Explorer */
/*\*/
* html .#biog {
height: 125px;
}
/**/


#biog img{
	float:left;
	margin-right:10px;
	margin-bottom: 5px;
}

/*The following style is used in the board of trustees page. Two div's are used for each trustee biography: 'biog' and a second div which has a unique name for each biography. The unique div has to be hidden and is referenced in the JavaScript. The style below references the unique named div and sets it to display none. The JavaScript sets it to display block*/
#branson, #evans, #sykes, #moulton, #may, #winston, #archer, #ross, #tjones, #sjones, #gibson, #cmason{
display:none;
}
#bodyImage {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 9px;
}

/*newsbox 2*/

#newsBoxTwo{
	height:1%;
	padding: 0px 5px;
	width: 290px;
}

#newsBoxTwo h1{
	margin: 0px;
	height: 25px;
	width: 290px;
	border: 1px solid #000099;
	background-color: #B67EAA;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 14px;
	text-transform: uppercase;
}
#newsBoxTwo ul{
	margin: 0px;
	padding: 0px;
}
#newsBoxTwo li{
	background-color: #FAF7FA;
	width: 290px;
	text-decoration: none;
	list-style-type: none;
	border-right: 1px solid #000066;
	border-left: 1px solid #000066;
	border-bottom: none;
	font-size: 11px;
	padding: 5px;
}
#newsBoxTwo a:link{
	color: #7A1364;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
#newsBoxTwo a:hover{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
#newsBoxTwo a:visited{
	color: #666666;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
li#newsBaseTwo{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.indent {
	margin-left: 10px;
}
.eventTitle {
	font-size: 14px;
}
#donations {
	width: 190px;
	margin-right: 12px;
	height: 211px;
	background-image: url(../images/dondiag.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
}
#donations p {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #302E30;
}
#donations a:link, #donations a:visited { color: #302E30; text-decoration: none; }
#donations a:hover, #donations a:active { color: #656F43; text-decoration: none; }
#donations .pic { padding: 10px 0 0 0; margin: 0px; border: 0; }
.donatebutton {border:none; display:block; margin:1em auto;}
#ourresearch {
	width: 190px;
	margin-right: 11px;
	float: left;
	font-size: 11px;
}
#supportus {
	width: 190px;
	float: left;
	font-size: 11px;
}
#presentation {
	width: 190px;
	height: 211px;
	background-image: url(../images/presdiag.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	float: left;
}
#presentation p {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #302E30;
}
#presentation a:link, #presentation a:visited { color: #302E30; text-decoration: none; }
#presentation a:hover, #presentation a:active { color: #43646F; text-decoration: none; }
#presentation .pic { padding: 0 0 10px 0; margin: 0px; border: 0; }
#fundraise {
	width: 391px;
	/*height: 211px;*/
	background: url(../images/donatediag.gif) top no-repeat;
	float: left;
	margin-top: 12px;
}
#fundraise p {
	padding: 10px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #302E30;
}
#fundraise a:link, #fundraise a:visited { color: #000000; text-decoration: none; font-weight: bold; }
#fundraise a:hover, #fundraise a:active { color: #7a1364; text-decoration: none; }
#fundraise img { padding: 0 0 10px 10px; float: right; }
#fundraise ul { list-style-type: none; margin-left: 0px; padding-left: 10px;}
a.donbut:link, a.donbut:visited { margin: 10px 0 10px 0; background: url(../images/donate_button.gif) no-repeat; width: 391px; height: 81px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; display: block;  }
a.donbut:hover, a.donbut:active { color: #7a1364; }
a.donbut p { padding: 28px 80px 0 10px; }
h4 { font-size: 12px; font-weight: bold; background-color: #7a1364; color: #FFFFFF; padding: 5px; margin-bottom: 0; }
.proj { margin: 0 0 20px 0; padding: 0 5px 0 5px; border: 1px dashed #CCCCCC; border-top: none; }
#homehold { padding: 0px; margin: 0px; }
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
form {
	display: block;
}
textbox {
	color: #00CC33;
	background-color: #FF00FF;
}

.txtName {
	margin-right: 50px;
}
.txtAmount {
	margin-right: 41px;
}
.txtEmail {
	margin-right: 53px;
}
.txtAddress {
	margin-right: 39px;
}
.txtPostcode {
	margin-right: 34px;
}
.chkGiftAid {
	margin-right: 50px;
}
#downloadtest{
	width:350px;
	padding:10px;
	margin-bottom: 10px;
	background-image: url(../nav/downloadtestbox.gif);
	background-repeat: no-repeat;
	height: 40px;
}
#downloadtest h1{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding:5px 0px 0px;
	margin:0px;
}
#highlightbox{
	width:350px;
	padding:10px;
	margin-bottom: 10px;
	background-image: url(../nav/highlightbox.gif);
	background-repeat: no-repeat;
	height: 40px;
}
#highlightbox h1{
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding:5px 0px 0px;
	margin:0px;
}
#sideBySideText {
	width: 190px;
	float: left;
	height: 90px;

}
#smallIcons {
	font-size: 11px;
	padding-top: 5px;

}
#smallIcons a:link, #smallIcons a:visited{
	text-decoration: none;
	font-size: 11px;
	background-color: #FAF7FA;
	display: block;
	/*height: 20px;*/
	width: 160px;
	margin: 0px;
	border-right: 0px solid #CC6699;
	border-bottom: 0px solid #CC6699;
	border-left: 0px solid #CC6699;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-indent: 0px;
}
#smallIcons a:hover, #smallIcons a:active{
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
.iconbox {
	background-color: #FFFFFF;
	padding: 5px 9px 20px 5px;
	border: 1px solid #CC6699;
}
.iconbox a:hover, .iconbox a:active{
	background-color: #FFFFFF;
	padding: 5px 9px 20px 5px;
	border: 1px solid #CC6699;
}
.noTopMargin {
	margin-top: 0px;
}
#hideForm {
	visibility: hidden;
	height: 10px;
}

.projectpic {
		clear: left;
		float:left; 
		margin: 0 1em 1em 0; 
		border: 1px solid #CC6699;
}