/* common elements */

body	{
	margin:0;
	padding:0;
	background:url("../images/bg_tile.gif") 0 0 repeat-x #d0d0d0;
	}


/* universal styles */
p, div, table, td, th, ul, li, a, h1, h2, h3, h4, h5, h6	{
	font-family:Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	text-align:left;
	margin:0;
	padding:0;
	vertical-align:top;
	border:none;
	}

/* specific styles */
p, li {font-size:0.7em;}

img	{border:0;}
a	{
	color:inherit;
	font-size:1em;
	}
ul, li	{list-style-type:none;}

form,
fieldset {
	display:inline;
	border:none;
	}

input, select, option, textarea	{background:#fff;}

h1, h2, h3, h4, h5, h6	{
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 0;
	}

/* hides text when graphics used for text. */
a span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	visibility:hidden;
	font-size:1px;
}

/* used to force firefox and other compliant browsers to diaplay backgrounds of floated elements preceding this element */
.clear {
	clear:both;
	height:1px;
	font-size:1px;
}
.linespacer {
	border-bottom: 1px solid #AE731D;
	padding-left: 0;
	padding-right: 0;
	padding-top: 2.4em;
	padding-bottom: 0;	
	margin-left: 10px;
	margin-right: 2.2em;
	margin-top: 0em;
	margin-bottom: 0;
}

.cfs:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cfs {display: inline-table;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cfs {display: block;}
/* End hide from IE-mac */

/* clear floats */
/* http://www.csscreator.com/attributes/containedfloat.php */
/* http://positioniseverything.net/easyclearing.html */

.cfs:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.cf {display: inline-table;}

/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* End hide from IE-mac */

#container {
	margin:0 auto;
	width:884px;
	background:url("../images/content_tile.gif") center 0 repeat-y;
}

#top {
	background:url("../images/top.gif") 0 0 no-repeat;
	width:884px;
	height:146px;
	position:relative;
}

#logo {
	top:18px;
	left:28px;
	background:url("../images/logo.png") 0 0 no-repeat;
	width:441px;
	height:80px;
	position:absolute;
}
#logo h1 {
	width:369px;
	height:1px;
}
#logo p {
	width:369px;
	height:58px;}
#logo a {
	display:block;
	text-decoration:none;
	height:100%;
}

#event {
	position:absolute;
	top:16px;
	left: 500px;

}

#login {
	position:absolute;
	top:34px;
	/* left:630px; */
	left: 525px;
	background:url("../images/top_login.gif") 0px 0 no-repeat;
	padding:13px 0 0 0;
}

#top>#login {
	background-position:10px 0;
	/* left:630px; */
	left: 480px;
	}

#login legend {display:none;}

#login div {
	float:left;
	margin:0 4px 0 0;
	}

#login label {
	font:0.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}
#login input {
	width:86px;
	display:block;
	color:#333;
}
#login input#submit {
	width:36px;
	height:19px;
	margin:20px 0 0 0;
}
#top>#login input#submit {margin:13px 0 0 0;}

#logout {
	position:absolute;
	top:49px;
	left:315px;
}
#logout p,
#logout div {float:left;}
#logout p {
	text-align:right;
	width:379px;
	font:bold 0.75em Georgia, "Book Antiqua", Palatino, serif;
	color:#D29E53;
	padding:0 8px 0 0;
	}
#logout p:first-line	{
	color:#0F7407;
	font-size:1.1em;
	}

#logout div.logout {
	background:url("../images/text/employee_area_logout.gif") 0 5px no-repeat;
	width:69px;
	height:24px;
}
#logout div.logout a {
	display:block;
	text-decoration:none;
	height:100%;
}

#staff_email {
	position: absolute;
	left: 284px;
	top: 26px;
}

#logout div.staff_email {
	float: left;
	margin: 5px 0px 0px 5px;
}
#logout div.staff_email, #logout div.staff_email a, #staff_email, #staff_email a {
	width: 83px;
	height: 19px;
	display: block;
	text-decoration: none;
	background: url("../images/staff_email_btn.gif") 0 0 no-repeat;
}
#login div.staff_email {
	margin: 5px 0px 0px 5px;
	float:	right;
	position: absolute;
	top: 27px;
	right:	-72px;
}
#login div.staff_email a {
	width: 83px;
	height: 19px;
	display: block;
	text-decoration: none;
	background: url("../images/staff_email_btn.gif") 0 0 no-repeat;
}

#staff_owa {
	position: absolute;
	left: 816px;
	top: 66px;
}
#logout div.staff_owa {
	float: left;
	margin: 5px 0px 0px 5px;
}
#logout div.staff_owa, #logout div.staff_owa a, #staff_owa, #staff_owa a {
	width: 49px;
	height: 19px;
	display: block;
	text-decoration: none;
	background: url("../images/staff_owa_btn.gif") 0 0 no-repeat;
}

#content {
	background:url("../images/content_top.gif") 0 0 no-repeat;
	width:847px;
	padding:10px 23px 0 14px;
}

#contentLeft {width:229px;}

#contentLeft,
#aboutcontentRight {float:left;}
#aboutcontentRight {width:618px;}

#contentLeft,
#about13contentRight {float:left;}
#about13contentRight {width:618px;}

#contentLeft,
#accredcontentRight {float:left;}
#accredcontentRight {width:618px;}

#contentLeft,
#annualrptcontentRight {float:left;}
#annualrptcontentRight {width:618px;}

#contentLeft,
#bofdcontentRight {float:left;}
#bofdcontentRight {width:618px;}

#contentLeft,
#careersbfcontentRight {float:left;}
#careersbfcontentRight {width:618px;}

#contentLeft,
#careerscurcontentRight {float:left;}
#careerscurcontentRight {width:618px;}

#contentLeft,
#careersengcontentRight {float:left;}
#careersengcontentRight {width:618px;}

#contentLeft,
#communitymemcontentRight {float:left;}
#communitymemcontentRight {width:618px;}

#contentLeft,
#communityprojcontentRight {float:left;}
#communityprojcontentRight {width:618px;}

#contentLeft,
#contentRight {float:left;}
#contentRight {width:618px;}

#contentLeft,
#donateeventscontentRight {float:left;}
#donateeventscontentRight {width:618px;}

#contentLeft,
#donateonlinecontentRight {float:left;}
#donateonlinecontentRight {width:618px;}

#contentLeft,
#donatespotcontentRight {float:left;}
#donatespotcontentRight {width:618px;}

#contentLeft,
#donateneedcontentRight {float:left;}
#donateneedcontentRight {width:618px;}

#contentLeft,
#donatewishcontentRight {float:left;}
#donatewishcontentRight {width:618px;}

#contentLeft,
#donatewishcontentRight {float:left;}
#donatewishcontentRight {width:618px;}

#contentLeft,
#giadvocatecontentRight {float:left;}
#giadvocatecontentRight {width:618px;}

#contentLeft,
#givolunteercontentRight {float:left;}
#givolunteercontentRight {width:618px;}

#contentLeft,
#historycontentRight {float:left;}
#historycontentRight {width:618px;}

#contentLeft,
#linkscontentRight {float:left;}
#linkscontentRight {width:618px;}

#contentLeft,
#newscontentRight {float:left;}
#newscontentRight {width:618px;}

#contentLeft,
#newsbrochurecontentRight {float:left;}
#newsbrochurecontentRight {width:618px;}

#contentLeft,
#radioshowcontentRight {float:left;}
#radioshowcontentRight {width:618px;}

#contentLeft,
#serviceaccesscontentRight {float:left;}
#serviceaccesscontentRight {width:618px;}

#contentLeft,
#servicedetailcontentRight {float:left;}
#servicedetailcontentRight {width:618px;}

#contentLeft,
#servicesclientcontentRight {float:left;}
#servicesclientcontentRight {width:618px;}

#contentLeft,
#serviceloccontentRight {float:left;}
#serviceloccontentRight {width:618px;}

#contentLeft,
#servicestaffcontentRight {float:left;}
#servicestaffcontentRight {width:618px;}

#contentLeft,
#servicestoriescontentRight {float:left;}
#servicestoriescontentRight {width:618px;}


#footer {
	background:url("../images/bottom.gif") 0 0 no-repeat;
	width:884px;
	margin:0 auto;
	padding:27px 0 0 0;	
}

#footer p {font:0.65em Tahoma, Verdana, Arial, Helvetica, sans-serif;}
#socialnetwork {
	width:643px;
	height: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
       padding-bottom: 0px;
	float:left;
}
#socialnetwork2 {
	width: 400px;
	height: auto;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
       padding-bottom: 0px;
	float:left;
}
#translate {
	width: 220px;
	height: 70px;
	padding-top: 15px;
	padding-left: 2em;
	padding-right: 17px;
       padding-bottom: 19px;
	float:left;
}
#facebook {
	width:104px;
	height:104px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
       padding-bottom: 0px;
	float:left;
}
#linkedin {
	width:104px;
	height:104px;
	padding-top: 0px;
	padding-left: 17px;
       padding-bottom: 0px;
	float:left;
}
#twitter {
	width:104px;
	height:104px;
	padding-top: 0px;
	padding-left: 17px;
       padding-bottom: 0px;
	float:left;
}
#copyright {
	float:right;
	text-align:right;
	padding:0px 10px 70px 0;
	margin:0 10px 0 0;
	background:url("../images/footer_logos.gif") 100% 20px no-repeat;
	}

#copyright p,
#copyright a {color:#6e6e6e;}

#copyright p {text-align:right;}