/* Required */
html,body {margin:0; height:100%; }

/* Using this class in an empty div will stop floating divs above floating outside of the container div */

.clearBoth {clear:both; }
.bodybg { text-align:center; margin:0; padding: 0px; background:#fff;  }
#wrapper {background: url(../images/graphics/bg_wrapper.gif) no-repeat top center; margin:0}

/* This will center the content in the center of the page using any set width */

#master { margin:0 auto; width:960px; text-align:left; height: 717px; padding: 22px 0 48px 0  }
#masterColour {background: #fff;}

#headDiv { width:960px; height:82px; }
	#logo { width:320px; height:55px; background: url(../images/graphics/logo.gif) no-repeat; float:left; margin: 21px 0 0 18px;  float: left}
		#logo h1 { font-size: 10px; margin:0px;  }
		/* match height and width in logo and logo a */
		#logo a { width:320px; height:60px; display:block; text-indent:-10000px; }
	#logoCharity { width:220px; height:65px; background: url(../images/graphics/logo_fortunitycommunity.jpg) no-repeat; float:left; margin: 15px 0 0 25px;  float: left}
		#logoCharity h1 { font-size: 10px; margin:0px;  }
		/* match height and width in logo and logo a */
		#logoCharity a { width:220px; height:60px; display:block; text-indent:-10000px; }
    #searchbox { padding: 0; margin: 42px 23px 0 0; height:22px; width: 190px; height: 57px;  font-size:11px; background:url(../images/graphics/searchbg.gif) no-repeat; float:right }
        #searchbox input{ border:0px; font-size: 11px; background: #fff;  }
        #searchbox #inputbox{padding-left: 5px; float:left; border: 0px #fff solid; width: 133px; padding-top: 2px }
        #searchbox #searchbut{float:right; vertical-align:middle; }
        #searchbox img{ border:0px; }

#navDiv { width:935px; height:43px;margin-left: 25px; background: #fff; }

#conDiv {width:960px; background: #fff ; min-height: 443px; }
	#conLeft { width:685px; float:left; background-color: #fff; min-height: 443px; margin-bottom: 10px; }
		#contentBlank {text-align: right; float: right; padding: 0; width: 685px;}
			#contentBlank a {color: #fff; text-decoration: underline; font-weight: bold;}
			#contentBlank a:hover {color: #fff; text-decoration: none}
		#contentNoBG {float: left; padding: 10px 30px 25px 50px; width: 620px; }
	#conLeftHome { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_home.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
	#conLeftBlank { width:685px; float:left; color: #fff; height: 443px; margin-bottom: 10px; text-align: right}
		#conLeftBlank a {color: #fff; font-weight: bold}
		#conLeftBlank a:hover {color: #fff; font-weight: bold}
	#conLeftAbout { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_about.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
 		#conLeftAbout a {color: #fff; font-weight: bold}
		#conLeftAbout a:hover {color: #fff; font-weight: bold}
	#conLeftService { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_service.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
 		#conLeftService a {color: #fff; font-weight: bold}
		#conLeftService a:hover {color: #fff; font-weight: bold}
	#conLeftWorking  { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_partner.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
 		#conLeftWorking a {color: #fff; font-weight: bold}
		#conLeftWorking a:hover {color: #fff; font-weight: bold} 
	#conLeftClient  { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_client.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
 		#conLeftClient a {color: #fff; font-weight: bold}
		#conLeftClient a:hover {color: #fff; font-weight: bold} 
	#conLeftJoin { width:685px; float:left; color: #fff; background:#fff url(../images/graphics/bg_join.jpg) no-repeat; height: 443px; margin-bottom: 10px; }
 		#conLeftJoin a {color: #fff; font-weight: bold}
		#conLeftJoin a:hover {color: #fff; font-weight: bold}
	#ImageHolder {float:left; }
	#content {width: 300px; text-align: right; color: #fff; float: right; padding: 8px 20px 14px 0 }
	#conRight { width:252px; float:right; background: #5f6062 url(../images/graphics/bg_sideright.gif) repeat-y; min-height: 443px; margin: 0 22px 10px 0; color:#fff; }
		#conRight a {color: #fff; text-decoration: none;}
		#conRight a:hover {color: #c4c4c4; text-decoration: none;}
	    #conPad {padding: 3px 10px 14px 19px;}
	#links {width: 960px; height: 71px; padding-left: 27px; clear:both; margin-bottom: 8px}
	#links a {color: #FFFFFF; text-decoration: none;}
	#links a:hover {color: #FFFFFF; text-decoration: underline;}
		#box1 {width: 223px; min-height: 73px; background: #cf971c url(../images/graphics/bg_link1.gif) no-repeat; margin-right: 7px; color: #FFF; float:left; padding-bottom: 3px }
		#box2 {width: 223px; min-height: 73px; background: #a9b533 url(../images/graphics/bg_link2.gif) no-repeat; margin-right: 7px; color: #FFF; float:left; padding-bottom: 3px; }
		#box3 {width: 198px; min-height: 73px; background: #61aee1 url(../images/graphics/bg_link3.gif) no-repeat; margin-right: 8px; color: #FFF; float:left; padding-bottom: 3px}
		#box4 {width: 246px; min-height: 73px; background: #003055 url(../images/graphics/bg_link4.gif) no-repeat; color: #FFF; float:left; padding-bottom: 3px}
			.boxPad {padding: 9px 9px 0 9px;}
			.boxPad2 {padding: 9px 9px 0 9px;}
			#client_login{padding: 0; margin: 0; }
				#loginheader{ font: normal 16px/19px Arial, sans-serif ; color: #f2f2f2;}
				#client_login .username{margin: 3px 0 0 0; font-size:10px; width: 103px; height: 19px; background: url(../images/graphics/bg_loginbox.gif) no-repeat; color: #5f6062; border: none; padding: 1px 0 0 px}
				#client_login .password{margin: 0; font-size:10px; width: 103px; height: 19px; background: url(../images/graphics/bg_loginbox.gif) no-repeat; float: left; color:#5f6062; border: none; padding: 1px 0 0 3px}
				#loginGo {float:left; margin: 0; clear: none; border: none}  

#poweredby { width:937px; height:28px; text-align:right; padding: 3px 23px 0 0; }
	#poweredby  p {font-size: 10px; color: 5f6062}
	#poweredby a{ color: #5f6062; text-decoration: none }
	#poweredby a:hover{ color: #5f6062; text-decoration: underline;}

.pad{padding: 8px;} 
   

/* generic styles */
a img{border: 0px;}
hr { height: 0px; color: #e3e2e2; border-top: 1px; background: #e3e2e2; border-style: solid;}
/* input,textarea{  background: #dae5f0; border: 1px solid #4c5665; }
input:hover,textarea:hover{ background: #fff; border: 1px solid #666; }*/

/* Start Form Validation Styles*/
.validation_failed { border: 1px solid #e36f1e;}
.error_msg { color:#e36f1e;}
/* End  Form Validation Styles */

.newsbody {border: 1px #5f6062 solid; background-color: #fff}
.newsHeader {padding: 10px; }
.newsContent {padding: 15px; }
            
/************************ Extra styles - remove those not in use ****************************/
    /* RSS feeds */
    .rssHeader{font-size: 1px; display:none; color: #fff; }
    .rssList{ margin:0px; padding:5px 10px 5px 10px; color:#fff;}
    .rssItem{ list-style-type:none; border-bottom: none !important; margin:0px; color:#f2f0f0 !important; font-size: 11px !important; line-height: 13px !important}
    .rssItem a{color: #fff;}
.gf-relativePublishedDate{display: none!important;}
.rssdate {color: #e1e1e1!important;}
.gfc-title {color: #fff!important; }
.gf-author {display: none!important; height: 0px !important;}
.gf-spacer {display: none!important; height: 0px !important;}

/************************ Extra styles end ****************************/