/* Bureau default style */
/* IE 6 compatible, please not IE 6 tends display properties are much more different to recent browsers and thus will render differently */

/* ---------------------ELEMENT/TYPE-SELECTORS--------------------- */

/* definition of the page font, size and alignment */
html { font-family:Verdana, Georgia, sans-serif; font-size:80%; text-align:left; }

/* custom text properties */
p { margin:0px; padding:4px 6px; }
h1, h2, h3, h4, h5, h6 {
	font-size: x-large;
	margin: 0px;
	padding: 4px 6px;
}


/* --------------------PAGE-ELEMENT-DEFINITIONS-------------------- */

/* content wrapper, notice margin + width properties used to center align page content */
#wrapper {
	background-color: #EEEEEE;
	width: 964px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* used to define each row (sections have been divided horizontally) */
.wd {
	background: #E2E2E2;
	display: block;
	margin: 1px 0;
	width: 962px;
}

/* page-head definitions */
#head {
	background-color: #FFCC00;
	margin-top: 0;
}
#head h1.logo { border:0; float:left; }
#head h1.bureau {
	float:left;
	margin-left:15px;
	line-height:65px;
}
#head ul {
	float:left;
	list-style-type:none;
}
#head li {
	border-left:1px solid #C0C0C0;
	display:inline;
	font-size:95%;
	padding:0 5px;
	background-color: #FFCC00;
}
#head li#first { border:0; }

/* navigation style (NOT DISPLAY IN PAGE, REMOVE HTML COMMENT TAGS TO MAKE VISIBLE) */
#navigation { background-color:#FFFFFF; margin-top:10px; width:962px; }
#navigation ul { border:1px solid #0033CC; list-style-type:none; margin:auto; padding:0; }
#navigation li { border:0px; display:inline; line-height:25px; margin:0 4px; padding:0 4px; }

/* page-body definitions (CELL LAYOUT DEF. HAVE BEEN GROUPED TOGETHER TO MAKE EDITING MORE EFFICIENT) */
/* about us cell defined */
#about { display:inline; float:left; margin-top:10px; width:640px; }
#about .top {
	background-color: #663399;
	color: #FFF;
	width: 622px;
}
#about h1 { margin-left:315px; }
#about .ugct {
	border-left:1px solid #0033CC;
	border-right:1px solid #0033CC;
	width:620px;
	height: auto;
}
#about #photo { display:inline; float:left; margin-left:5px; width:300px; }
#about #info { display:block; float:left; margin-left:5px; width:300px; }
#about .base { background:url("images/aboutusbasecurve.gif") no-repeat bottom left; width:622px; }

/* get advice cell defined */
#advice { display:block; float:left; margin-top:10px; width:320px; }
#advice .top { background-color:#990033; color:#FFF; width:300px; }
#advice .ugct {
	border-left:1px solid #990033;
	border-right:1px solid #990033;
	width:298px;
	height: auto;
}
#advice .base { background:url("images/getadvicebasecurve.gif") no-repeat bottom left; width:300px; }

/* volunteer cell defined */
#volunteer { display:inline; float:left; margin-top:10px; width:320px; }
#volunteer .top { background-color:#669900; color:#FFF; width:300px; }
#volunteer .ugcc { border-left:1px solid #669900; border-right:1px solid #669900; width:298px; }
#volunteer .base { background:url("images/volunteerbasecurve.gif") no-repeat bottom left; width:300px; }

/* support us cell defined */
#support { display:block; float:left; margin-top:10px; width:319px; }
#support .top { background-color:#FF6600; color:#FFF; width:300px; }
#support .ugcc { border-left:1px solid #FF6600; border-right:1px solid #FF6600; width:298px; }
#support .base { background:url("images/supportusbasecurve.gif") no-repeat bottom left; width:300px; }

/* CitA service cell defined */
#service { display:block; float:left; margin-top:10px; width:320px; }
#service .top { background-color:#009999; color:#FFF; width:300px; }
#service .ugcc { border-left:1px solid #009999; border-right:1px solid #009999; width:298px; }
#service .base { background:url("images/campaignbasecurve.gif") no-repeat bottom left; width:300px; }

/* our supporters cell defined */
#supporter {
	display: inline;
	float: none;
	margin-top: 5px;
	width: auto;
	margin-left: 5px;
}
#supporter .top {
	background-color: #663399;
	color: #FFF;
	width: 960px;
}
#supporter .ugcb {
	width:958px;
	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: #663399;
	border-bottom-color: #663399;
	border-left-color: #663399;
}
#supporter .base {
	background:url("images/oursupportersbasecurve.gif") no-repeat bottom left;
	width:950px;
}

/* page-foot definitions */
#foot { background-color:#FFCC00; margin-bottom:0; margin-top:10px; }

/* shared cell objects */
.top { color:#FFF; margin:auto; }
.base { height:12px; /* was 20px */ margin:auto; }

/* used to create top cell curves*/
.topcurve1 { float:left; margin:0; padding:0; }
.topcurve2 { float:right; margin:0; padding:0; }

.ugct { background-color:#FFFFFF; min-height:29em; margin:auto; } /* top row ('about us' + 'get advice') content holder */
.ugcc { background-color:#FFFFFF; min-height:27.5em; margin:auto; } /* center row ('volunteer' + 'support us' + 'services') content holder */
	.ugcc ul { margin-bottom:-10px; } /* primarily used for 'volunter' cell list item*/
.ugcb { background-color:#FFFFFF; margin:auto; } /* base row ('our supporters') content holder */

/* floating div fix */
.inline { clear:both; font-size:0; height:1px; height:1px; visibility:hidden; }

/* image alignment */
.imgright { margin:auto auto; width:90%; }

/* --------------------HYPERLINKS-DEFINITIONS---------------------- */

a:link { color:#0033CC; }
a:visited { color:#69c; }
a:hover { color:#f30; }

a img /* remove borders from image links */ { border:0; }
.midtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
}
tfoot {
	font-size: x-small;
}
servicestext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}