/* --------------------------
 @Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
----------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; } :focus { outline : 0; } ol, ul { list-style : none; } table { border-collapse : collapse; border-spacing : 0; } caption, th, td { text-align : left; font-weight : normal; }



html { height: 100%; margin-bottom: 1px;}

body {
	height: 100%;
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	color: #003D7D;
	background: url('../images/fsbodybg.gif') repeat-x #0077A6;
}

img {
	border: 0;
	background: transparent;
	vertical-align: bottom;
}

strong {
	font-weight: bold
}

em {
	font-style: italic
}


/* --------------------------
 @Text styling 
----------------------------- */

p {
	font-size: 0.75em;
	line-height: 1.8em;
	margin: 0px 0px 10px 0px
}

	.form p {
		margin-bottom: 5px
	}

h1 {
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	font-size: 1.1em;
	line-height: normal;
	padding-bottom: 5px;
	border-bottom: 1px solid #DDD;
	margin: 0px 0px 10px 0px
}

h2 {
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	font-size: 1em;
	line-height: normal;
	margin: 0px 0px 5px 0px
}

a:link {
	color: #1090B1;
	background: transparent;
	text-decoration: none;
}

a:visited {
	color: #1090B1;
	background: transparent;
	text-decoration: none;
}

a:hover {
	color: #003D7D;
	background: transparent;
}

ul.man {
	font-size: 0.75em;
	line-height: 1.8em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
	color: #1090B1
}

ul.man li {
	padding: 0px 0px 3px 20px;
	background: url('../images/fsman.gif') no-repeat;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDD
}

ul.man li#last {
	border: 0;
}


ul.list {
	font-size: 0.75em;
	line-height: 1.8em;
	margin: 0px 0px 10px 0px;
	list-style-type: none;
	color: #1090B1
}

ul.list li {
	padding: 0px 0px 3px 20px;
	background: url('../images/fsman.gif') no-repeat;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #DDD
}

ul.list li#last {
	border: 0;
}

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


/* --------------------------
 @Navigation 
----------------------------- */


.menuitem {
	float: left;
	margin: 43px 12px 0px 12px;
	vertical-align: top;
}

#skillsPrg {
	float: left;
	margin: 52px 12px 0px 12px;
	vertical-align: top;
}

#lifePrg {
	float: left;
	margin: 52px 12px 0px 12px;
	vertical-align: top;
}

#leanonmePrg {
	float: left;
	margin: 52px 12px 0px 12px;
	vertical-align: top;
}

#learn2livePrg {
	float: left;
	margin: 52px 12px 0px 12px;
	vertical-align: top;
}

#skills {
	float: left;
	margin: 56px 14px 0px 14px;
	vertical-align: top;
}

#sexedu {
	float: left;
	margin: 43px 19px 0px 14px;
	vertical-align: top;
}

#mentoring {
	float: left;
	margin: 54px 9px 0px 11px;
	vertical-align: top;
}

#testimonials {
	float: left;
	margin: 59px 12px 0px 14px;
	vertical-align: top;
}

#donate {
	float: left;
	margin: 59px 12px 0px 7px;
	vertical-align: top;
}

#menubox {
	float: left;
	margin: 0px 0px 0px 21px;
	display: inline;
	height: 137px;
	
}

.verticalmenuitem {
	display: block;
	margin: 17px 0px 23px 8px;
}

#contact {
	display: block;
	margin: 17px 0px 23px 8px;
}

#about {
	display: block;
	margin: 17px 0px 23px 14px;
}

#home {
	display: block;
	margin: 17px 0px 23px 28px;
}


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


/* --------------------------
 @Structure 
----------------------------- */

#topbox {
	width: 954px;
	height: 137px;
	margin: 0 auto;
	background: url('../images/fstopboxbg.gif') no-repeat;
/*	overflow: hidden;*/
}

#logo {
	float: left;
	margin: 27px 16px 0px 28px;
	vertical-align: top;
}

#topbox ul#buttons li {
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#topbox ul#buttons li:hover {
	overflow: visible;
}

#topbox ul#buttons li ul {
	position: absolute;
	width: 100%;
	overflow: hidden;
}



#topbox ul#buttons li ul.programmes {
	background: url('/images/fsbgprogrammes.gif') bottom left no-repeat;
}

#topbox ul#buttons li ul.aboutus {
	background: url('/images/fsbgaboutus.gif') bottom left no-repeat;
}

#topbox ul#buttons li ul li.first {
	background: url('/images/fsmenutopbg.gif') top repeat-x;
}

#topbox ul#buttons li ul li {
	display: block;
	float: none;
	border-bottom: 1px solid #48b6d2;
	padding: 13px 18px 13px 22px;
	margin-right: 1px;
}

#topbox ul#buttons li ul li a {
	color: #fff;
	font: 12px Trebuchet MS, Verdana;
	font-weight: bold;
}


#topbox ul#buttons li ul li.last {
	border-bottom: none;
}

#container {
	width: 954px;
	margin: 0 auto;
	background: url('../images/fscontainerbg.gif') no-repeat
}

#content {
	float: left;
	display: inline;
	min-height: 200px;
	width: 924px;
	margin-left: 15px;
	background: url('../images/fscontentbg.gif') repeat-x #FFF
}

#columnbg {
	float: left;
	display: inline;
	width: 921px;
	background: url('../images/fscolumnbg.gif') right repeat-y transparent
}

#maincontent {
	float: left;
	width: 553px;
	padding: 20px;
	overflow: visible; /* fix IE6 bug - http://www.positioniseverything.net/explorer/italicbug-ie.html */
}

#sidebar {
	float: left;
	width: 328px;
	background: #FFF;
}

#footer {
	clear: both;
	color: #AAA;
	width: 934px;
	height: 39px;
	padding: 13px 0px 12px 20px;
	margin: 0 auto;
	background: url('../images/fsfooterbg.gif') no-repeat
}

#footer img {
	vertical-align: baseline;
}

#footeralt {
	clear: both;
	color: #AAA;
	width: 934px;
	height: 39px;
	padding: 23px 0px 0px 20px;
	margin: 0 auto;
	background: url('../images/fsfooterbgalt.gif') no-repeat
}

.footeritem {
	margin: 0px 10px
}

.line {
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
}

.linesecond {
	border-bottom: 1px solid #DDD;
	margin: 30px 0 10px 0;
}

.clear {
	height: 0px;
	clear: both;
	overflow: hidden;
}


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


/* --------------------------
 @Sidebar Sliedshow
----------------------------- */
#sidebar img {
	display: block;
	margin-bottom: 3px;
}

#sidebar p {
	background: url(../images/fscolumnbg.gif) repeat-y scroll right center;
	color: #fff;
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	font-size: 1.08em;
	letter-spacing: 0px;
	line-height: 1.2em;	
	margin: 0;
	padding: 18px;
	text-align: center;
	min-height: 56px;
	
}

#sidebar p span {
	display: block;
	font-size: 0.8em;
}
/* -------------------------- */


/* --------------------------
 @Admin Structure and Formatting
----------------------------- */

.admin h1 {
	border: 0;
}

.admin #topbox {
	background-image: url('../images/fsadmintopboxbg.gif');
}

.admin #sidebar {
	float: left;
	width: 894px;
	padding: 15px 15px 15px 15px;
	border-bottom: 1px dashed #DDD;
	margin-bottom: 5px;
}

.admin #maincontent {
	float: left;
	width: 894px;
	padding: 15px;
}

.admin #maincontent table {
	font-size: 0.6em;
	overflow: scroll
}

#admin {
	margin-left: 20px;
	font-size: 0.7em;
	text-transform: uppercase;
}

ul#admin li {
	float: left;
	padding-right: 30px;
	list-style-type: disc;
}

ul#admin li#logout {
	float: right;
	padding: 0
}

#sc_adminlogin_label {
	font-size: 0.7em;
	font-weight: bold;
}

.sc_title {
	font-size: 1.1em;
	line-height: 1.2em;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #DDD
}

.sc_section {
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0;
	margin: 0	
}

.bw_section {
	margin-top: 10px;
}

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


/* --------------------------
 @Forms, photos, images and galleries
----------------------------- */

#testimonialtext {
	display: block;
	width: 328px;
	font-size: 1px;
	line-height: 1px;
}

.map {
	margin: 10px 0 15px 0;
}

.textimage {
	display: block;
	padding-bottom: 5px;
}

.formfield {
	width: 200px;
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	margin-bottom: 10px;
	font-size: 0.8em
}

.textfield {
	width: 250px;
/*	height: 100px;*/
	margin-bottom: 10px;
	font-family: "trebuchet ms", verdana, arial, Sans-Serif;
	font-size: 0.8em
}

.button {
	font-weight: bold;
	color: #1090B1
}

.errorred {
	color: #FF0000;
	font-size: 0.75em;
	margin-bottom: 5px;
}

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




/* pretty table */

.tabular {
	border-collapse: collapse;
	margin-bottom: 24px;
}


.tabular #titles th {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	text-align: left;
}

.tabular td {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 5px;
	margin: 0px;
	border-collapse: collapse;
	font-size: 13px;
}
.tabular #titles {
	background: #eee;
	border-top: 1px solid #ddd;
}


legend {
	color: #003D7D;
	font-family: "Trebuchet MS", verdana ,sans serif;
	font-size: 1.1em;
	line-height: normal;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: -5px;
	
/*	margin: 0px 0px 10px 0px*/
}

fieldset {
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 24px;
}

fieldset li {
	list-style-type: none;
	margin: 0 0 1.2em 0;
}

fieldset label {
	display: block;
	font-size: 13px;
	margin-bottom: 3px;
}

fieldset .textfield , fieldset .textarea {
	background: #FBFDFE;
	border-top: 1px solid #BBB;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #CCC;
	width: 500px;
	padding: 3px;
}

fieldset .textarea {
	height: 100px;
}


fieldset .textfield:focus {
	background: #fff;
}

fieldset .error {
	padding: 10px;
	background: #d45077;
	color: #fff;
	border: 3px solid #af0f3e;
	margin: 0 0 20px 0
}

fieldset .error li {
	margin: 0 0 5px 2.8em;
	list-style-type: decimal;
}

.required, label span.required {
	color: #d45177;
}


/* --------------------------
 @Reports
----------------------------- */

div#report_details {
	background: #f6f6f6;
	border-bottom: 1px solid #ddd;
	margin: 0 0 20px 0;
	padding: 10px;
}

div#report_details h2 {
	color: #000;
	font-size: 0.9em;
	margin: 0 0 8px
}

#report h2 {
	font-family: verdana, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
}

#report .report_section {
	background: #f9f9f9;
	padding: 10px;
}

	#report .even {
		background: #fff
	}

#report p {
	font-size: 0.8em;
}

.document {
	border-top: 1px solid #ddd;
	margin-bottom: 20px;
	padding-top: 20px;
}

.document.first {
	border-top: none;
	padding-top: 0;
}

.testimonial {
	background: #f4f4f4;
	border-top: 1px solid #7de3fc;
	border-bottom: 1px solid #7de3fc;
	padding: 24px;
	margin: 20px 20px 0px 20px;
	color: #707070;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1.5em;
}

.name {
	letter-spacing: 3px;
	padding-top: 10px;
	font-weight: normal;
	font-size: 0.85em;
}