/* :::: General Rules :::: */
.hide {display:none;}

/* All images are set to Block, i.e. no spacing around them and text won't be on the same line */
img{ display:block; 
	border:0; 
	margin:0; 
	padding:0;}

/* Use this class to make images inline with text or other images */
.inline{display:inline;}

/* Use block if you like too... */
.block{display:block;}

/* Clear styles */
.clear{clear:both;}

/* Other stuff.. */
abbr{border:0;}
acronym{border:0; 
	outline:0;}

/* not the greatest solution for clearing floats - IE won't make an HR transparent, boohoo. Better off using #divider (see below) */
hr{
   clear:both; 
	margin:0; 
	padding:0; 
	border:0; 
	border-style:none; 
	line-height:0; 
	
   font-size:0; 
	height:0; 
	background:transparent; 
	color:#fff;
}

/* Form Styling */
form {margin:0; 
	padding:0; 
	border:0;}
fieldset {margin:0; 
	padding:0; 
	border:0;}
legend {display:none;}

/* :::: General Rules END :::: */


/* :::::::: TYPOGRAPHY :::::::: */

/* Standard Links */
/* Notice the outline:none - It gets rid of crappy outlines when clicking...*/
a{color:#000; 
	text-decoration:none; 
	outline:none;}
a:hover {color:#666;}
a:active{outline:none;}
a:focus{outline:none; 
	-moz-outline-style:none;}

a.nobg:hover{background:0; 
	padding:0;}

.txtcol1, .txtcol1 a, .txtcol1 a:hover{color:#f8830d;}									/* orange */
a.txtcol1:hover{background:#F9A150; 
	border-bottom:1px solid #f8830d; 
	color:#fff}		

.txtcol2, .txtcol2 a, .txtcol2 a:hover {color:#87bf19;}									/* green */
a.txtcol2:hover {background:#AED46D; 
	border-bottom:1px solid #87bf19; 
	color:#fff}		

.txtcol3, .txtcol3 a, .txtcol3 a:hover {color:#af68b1;}									/* purple */
a.txtcol3:hover {background:#C390C5; 
	border-bottom:1px solid #af68b1; 
	color:#fff}		

.txtcol4, .txtcol4 a, .txtcol4 a:hover {color:#59b0ec;}									/* blue */
a.txtcol4:hover {background:#96CCF2; 
	border-bottom:1px solid #59b0ec; 
	color:#fff}		

.txtcol5, .txtcol5 a, .txtcol5 a:hover{color:#acacac} 									/* lighter grey */
.txtcol6, .txtcol6 a, .txtcol6 a:hover{color:#999;}										/* light grey */
.txtcol7, .txtcol7 a, .txtcol7 a:hover{color:#666;}										/* mid grey */
a.txtcol7:hover {background:#999; 
	border-bottom:1px solid #333; 
	color:#fff}				/* mid grey */

.txtcol8, .txtcol8 a, .txtcol8 a:hover{color:#333333;}									/* dark grey */
a.txtcol8:hover {background:#999; 
	border-bottom:1px solid #333; 
	color:#fff}				/* mid grey */

.txtcol9, .txtcol9 a, .txtcol9 a:hover{color:red;}  									/* warning, notes etc text hightlight */

a.aunder{text-decoration:underline}
a.aunder:hover{text-decoration:none}

a.dotted{text-decoration:none; 
	padding-bottom:1px; 
	background:url(../../img/bg/dot_h.gif) repeat-x bottom}
a.dotted:hover{text-decoration:none;}

h1, h2, h3, h4{margin:0; 
	padding:0;}
h3{padding:0 0 10px 0;}
h1{margin:0 0 10px 0; 
	font-size:190%; 
	letter-spacing:-1px; 
	line-height:26px; 
	font-weight:lighter}

h3{margin:0; 
	font-size:155%; 
	letter-spacing:-1px; 
	line-height:26px; 
	font-weight:lighter}

h4{font-size:small;}
h4.lrg{font-size:medium; 
	letter-spacing:-1px; 
	font-family:Arial;}

p{margin:0 0 12px 0; 
	padding:0;}
q {display:block; 
	margin:0 20px 12px 20px; 
	padding:0; 
	color:#666666; 
	}
.toptro{font-weight:bolder; 
	font-size:16px; 
	line-height:16px; 
	 font-family:arial }

.smalltxt{font-size:x-small; 
	font-weight:normal; 
	letter-spacing:0;} /* used with toptro for example */

.bigb{font-size:28px; 
	color:#000;}

.bold{font-weight:bold;}

.bhead{margin:0; 
	font-size:135%; 
	letter-spacing:0; 
	line-height:26px; 
	font-weight:lighter}

/* :::::::: TYPOGRAPHY END :::::::: */


/* Mind and Body...*/
html, body {padding:0; 
	margin:0; 
	border:0; 
	color:#000; 
	font-family:verdana; 
	font-size:small} 

html{background-image:url(../../img/bg/stripes.gif); 
	background-repeat:repeat-y; 
	background-position:center;}
html#neighhtm{background-image:url(../../img/bg/stripes_n.gif);}
html#busihtm{background-image:url(../../img/bg/stripes_b.gif);}
html#polihtm{background-image:url(../../img/bg/stripes_p.gif);}
html#acadhtm{background-image:url(../../img/bg/stripes_a.gif);}

body{background-image:url(../../img/bg/stripes-with-swirl.gif); 
	background-repeat:no-repeat; 
	background-position:top center; 
	}
body#bneigh{background-image:url(../../img/bg/stripes-with-swirl_n.gif)}
body#bbusi{background-image:url(../../img/bg/stripes-with-swirl_b.gif)}
body#bpoli{background-image:url(../../img/bg/stripes-with-swirl_p.gif)}
body#bacad{background-image:url(../../img/bg/stripes-with-swirl_a.gif)}

/* :::::::: Main Layout Areas ::::::: */
#box{position:relative; 
	width:752px; 
	margin:0 auto; 
	padding:0;}
html>body #box{height:auto; 
	min-height:740px;}

#top{height:135px; 
	margin:0; 
	padding:0;}
#swfbox { text-align:right; 
	}
#content{float:right; 
	width:522px; 
	margin:0 0 10px 0; 
	padding:15px 0 0 0; 
	background:url(../../img/bg/linetop.gif) repeat-x top}

#left{width:204px; 
	margin:0; 
	padding:0; 
	padding:15px 0 0 0; 
	background:url(../../img/bg/linetop.gif) repeat-x top}

#footer{margin:0; 
	padding:0; 
	width:400;}

#tabs{position:absolute; 
	left:228px; 
	top:0; 
	margin:0; 
	padding:0;}

#topinfo{position:absolute; 
	left:229px; 
	top:40px; 
	margin:0; 
	padding:0;}


/* :::::::: Main Layout Areas END :::::::*/


/* Top */
#top h2{position:absolute; 
	left:0; 
	top:10px; 
	background:url(../../img/logo/top.gif)}
#top h2 a{display:block; 
	width:201px; 
	height:95px;}

#top h1 {margin:0 0 0 230px; 
	padding:100px 0 0 0;}

#topimage {width:521px; 
	height:135px;}

/* Top END */


/* :::::::: Content :::::::: */
#maincontent{margin:0 0 23px 0; 
	position:relative; 
	height:458px;}
html>body #maincontent{height:auto; 
	min-height:400px;}



.padding{padding-right:258px;}

#welcome{
	margin:0; 
	padding:0 0 0 0; 
	height:205px; 
	 
	/*background:url(../../img/banners/peoplewholive.gif) no-repeat bottom left;*/
}
html>body #welcome{height:auto; 
	min-height:205px;}


#rightbanner{
	background-repeat:no-repeat; 
	background-position:top right;
	position:absolute; 
	left:284px; 
	top:0; 
	width:238px; 
	margin:0; 
	padding:0;
}

.righthome{background-image:url(../../img/banners/peopleproblems2.jpg); 
	height:450px;}
.rightmed{background-image:url(../../img/banners/rightbanner.gif);}
.righttrain{background-image:url(../../img/banners/rightbanner.gif);}
.rightpub{background-image:url(../../img/banners/rightbanner.gif);}
.rightcons{background-image:url(../../img/banners/rightbanner.gif);}
.rightvol{background-image:url(../../img/banners/rightbanner.gif);}
.rightassoc{background-image:url(../../img/banners/rightbanner.gif);}



.rightneigh{background-image:url(../../img/banners/neighbourhood2.jpg);}
.rightbusi{background-image:url(../../img/banners/business2.jpg); 
	height:565px;}
.rightpoli{background-image:url(../../img/banners/public.jpg);}
.rightacad{background-image:url(../../img/banners/academy.jpg);}

#rightbanner a{display:block; 
	width:238px; 
	height:458px;}

#quote{margin:0; 
	width:524px; 
	height:85px; 
	background:url(../../img/bg/quote.gif);}

#quote p{padding: 10px 10px 0px 20px;}

#infobanners{margin:0; 
	padding:0 0 3px 0;}

#infobanners div{
	height:58px; 
	margin:0 0 5px 0; 
	padding:0; 
	border:1px solid #919191;
	background:url(../../img/bg/infobannerbg.gif) no-repeat top left #dddddd;
}

#infobanners div a{display:block; 
	height:58px;}

#infobanners div p{margin:0; 
	height:43px; 
	background-position:60px 20px; 
	background-repeat:no-repeat;}

#infobanners div#info1 p{background-image:url(../../img/titles/howdoesmediation.gif)}
#infobanners div#info2 p{background-image:url(../../img/titles/whatarebenefits.gif)}
#infobanners div#info3 p{background-image:url(../../img/titles/volunteerapp.gif)}

/* bcrumb */
#bcrumb{
	margin:0 0 8px 0; 
	padding:0;
}
#bcrumb ul{
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline;
}
#bcrumb ul li{
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline; 
	font-size:x-small
}


/* :::::::: Content END :::::::: */


/* Left */
#left ul{
	margin:0 0 10px 0; 
	padding:0 0 15px 0; 
	list-style:none; 
	background:url(../../img/bg/linetop.gif) repeat-x bottom;
	text-align:right;
}

#left ul.lefttxt{text-align:left;}

#left ul li{
	width:194px; 
	margin:0 0 1px 0; 
	padding:2px 5px 3px 5px; 
	list-style:none;
	background:url(../../img/bg/leftnav.gif) repeat-x top #e5e5e5; 
	font-family:arial ;font-size:large; 
	font-weight:lighter;
}

#left ul#subul li{font-size:small; 
	font-weight:bold}

#left ul li a{
	display:block; 
	width:191px; 
	padding:3px 3px 0 0; 
	color:#6c6c6c; 
	border-top:1px solid #fff
}

#left ul li a:hover, #med_body #left ul li#limed a,
#train_body #left ul li#litrain a, #pub_body #left ul li#lipub a,
#cons_body #left ul li#licons a, #vol_body #left ul li#livol a, #assoc_body #left ul li#liassoc a, 
#home_body #left ul li#lihome a, #about_body #left ul li#liabout a,
#tools_body #left ul li#litools a, #news_body #left ul li#linews a,
#case_body #left ul li#licase a, #contact_body #left ul li#licontact a,
#staff_body #left ul li#listaff a, #fac_body #left ul li#lifac a,
#res_body #left ul li#lires a,

.br #left ul li#li1 a, .wpm #left ul li#li2 a, .ad #left ul li#li3 a, .ih #left ul li#li1 a,
.oc #left ul li#li2 a, .deg #left ul li#li3 a, .gr #left ul li#li1 a, .rc #left ul li#li2 a, .ms #left ul li#li1 a, 
.reco #left ul li#li2 a, .vm #left ul li#li1 a, .wi #left ul li#li2 a, .sen #left ul li#li4 a

{color:#000;}


div.leftbubble_top{
	margin:0 0 15px 0; 
	padding:8px 0 0 0; 
	background:url(../../img/bg/leftbubble_top.gif) no-repeat top left;
}
div.leftbubble_bot{
	padding:0 0 14px 0; 
	background:url(../../img/bg/leftbubble_bot.gif) no-repeat bottom left;
}


#left #logindiv{
	margin:0; 
	padding:0 0 0 10px; 
	background:url(../../img/bg/leftbubble_mid.gif) repeat;
}

#left #logindiv div{margin:0 0 5px 0}

#left #logindiv label{display:block; 
	padding:0 0 2px 0;}

#left #logindiv input.txtfld{
	width:180px; 
	height:12px; 
	border:1px solid #ccc; 
	border-left:2px solid #7C7B7D; 
	border-top:2px solid #7C7B7D; 
	font-size:x-small
}

#left #logindiv input.txtfld_s{width:110px;}

#left p.leftbut{
	margin:0 0 10px 0; 
	padding:0; 
	width:204px; 
	height:85px;
	background-position:top left; 
	background-repeat:no-repeat;
}
#left p.leftbut a{display:block; 
	width:204px; 
	height:85px;}

#left p.leftbut#pleft1{background-image:url(../../img/buttons/newsletter.gif);}
#left p.leftbut#pleft2{margin-bottom:15px;background-image:url(../../img/buttons/resources.gif);}

#left #custcomm{
	margin:0; 
	padding:0 12px 0 12px; 
	background:url(../../img/bg/leftbubble_mid.gif) repeat top left; 
	 
	color:#555; 
	font-size:small;
}

#left #custcomm blockquote{margin:0 0 2px 0; 
	padding:0;}
#left #custcomm p{margin:0 0 10px 0; 
	padding:0; 
	font-weight:bold;}

/* Buttons Middle */

#buttons_middle p.leftbut{
	margin:0 0 0 0; 
	padding:0px 0px 0px 0px; 
	width:258px; 
	height:85px;
	background-position:top left; 
	background-repeat:no-repeat; 
	float:left;}

#buttons_middle p.leftbut a{display:block; 
	width:258px; 
	height:85px;}

#buttons_middle p.leftbut#pleft1{background-image:url(../../img/buttons/newsletter2.gif); 
	padding: 0 6px 0 0; 
	}
#buttons_middle p.leftbut#pleft2{margin-bottom:15px;background-image:url(../../img/buttons/resources2.gif);}



/* Left END */


/* Footer */

/* Footer END */

/* Tabs */
#tabs ul{
	margin:0; 
	padding:0; 
	list-style:none;
}
#tabs ul li{
	float:left; 
	width:130px; 
	height:30px; 
	margin:0 1px 0 0; 
	padding:0; 
	list-style:none;
	background-position:top left; 
	background-repeat:no-repeat;
}

#tabs ul li#tab1{background-image:url(../../img/tabs/neighbour.gif)}
#tabs ul li#tab2{background-image:url(../../img/tabs/business.gif)}
#tabs ul li#tab3{background-image:url(../../img/tabs/publicsector.gif)}
#tabs ul li#tab4{background-image:url(../../img/tabs/family.gif)}

#tabs ul li a{
	display:block; 
	width:130px; 
	height:30px;
}

#tabs ul li a:hover, #bneigh #tabs ul li#tab1, #bbusi #tabs ul li#tab2, #bpoli #tabs ul li#tab3, #bacad #tabs ul li#tab4{
	padding-bottom:3px; 
	background-position:bottom; 
	background-repeat:repeat-x;
}

#tabs ul li#tab1 a:hover, #bneigh #tabs ul li#tab1{background-image:url(../../img/tabs/neighbour-a.gif)}
#tabs ul li#tab2 a:hover, #bbusi #tabs ul li#tab2{background-image:url(../../img/tabs/business-a.gif)}
#tabs ul li#tab3 a:hover, #bpoli #tabs ul li#tab3{background-image:url(../../img/tabs/publicsector-a.gif)}
#tabs ul li#tab4 a:hover, #bacad #tabs ul li#tab4{background-image:url(../../img/tabs/family-a.gif)}

/* Tabs END */


/* Top Info */
#topinfo div{
	float:left; 
	width:260px; 
	height:85px; 
	margin:0 2px 0 0; 
	padding:0;
	background-position:top left; 
	background-repeat:no-repeat;
}

#topinfo div#meddiv{
	background-image:url(../../img/buttons/mediation.gif)
}
#topinfo div#traindiv{
	width:261px; 
	margin:0; 
	background-image:url(../../img/buttons/training.gif)
}

#topinfo div a{
	display:block; 
	width:260px; 
	height:85px;
}


/* Top Info END */


/* :::::::: Generic Styles :::::::: */

.ldent{padding-left:5px;}

.flt_r{float:right; 
	margin:0 2px 10px 10px;}
.flt_l{float:left; 
	margin:0 10px 10px 2px;}

.bordbot{padding:0 0 10px 0; 
	border-bottom:1px solid #ccc;}

.txtalgn {vertical-align:top;}

.txtfld{width:230px;}
.txtfld_s{width:100px;}
.txtfld_xs{width:50px;}

.nomarg{margin:0;}
.xtrmarg{margin-bottom:20px;}
.sxtrmarg{margin-bottom:10px;}
.topmarg{margin-top:15px;}

ul.genul{
	margin:0 0 20px 0; 
	padding:5px 0 0 0; 
	list-style:none; 
	height:1%;
}
ul.genul li{
	margin:0 0 5px 10px; 
	padding:0 0 0 10px; 
	list-style:none; 
	background:url(../../img/bg/bullet.gif) no-repeat 0 10px;
}

ul.genul_inline{
	float:left; 
	width:100%; 
	margin:0 0 10px 0; 
	padding:0 0 0 5px; 
	list-style:none;
}
ul.genul_inline li{
	float:left; 
	width:33%; 
	margin:0; 
	padding:0; 
	list-style:none; 
	font-style:italic;
}

dl, dt, dd{margin:0; 
	padding:0; 
	height:1%}

/* combo box class */
.combohide{visibility:hidden}
.comboshow{visibility:visible}

/* :::::::: Generic Styles END :::::::: */
/* LATEST */
#latest {margin:15px 0 5px 0; 
	padding:0; 
	border-bottom:1px solid #999999; 
	}
#latest .thumb { width:151px; 
	margin:0; 
	padding:0; 
	float:left; 
	}
#latest .thumb img{ border:none; 
	}
#latest .text { margin:0; 
	padding:0 4px; 
	float:left; 
	}
#latest .text a.latestLink { display:block; 
	color:#CC0000; 
	text-decoration:none; 
	font-weight:bold; 
	margin:0; 
	padding:0; 
	}
#latest .text a.latestLink:hover { text-decoration:underline; 
	font-weight:bolder; 
	}
#latest .text p { margin:0; 
	padding:0; 
	}
#latest .text p.newsdate{ display:block; 
	font-size:12px; 
	color:#999999; 
	text-decoration:none; 
	font-weight:bold; 
	margin:5px 0; 
	padding:0; 
	}
#latest .text a.latestMore { display:block; 
	font-size:11px; 
	text-transform:uppercase; 
	text-decoration:none; 
	font-weight:bold; 
	margin:5px 0; 
	padding:0; 
	}
#latest .text a.latestMore:hover { font-weight:bolder; 
	}

/* NEWS LIST */
#newsList { margin:0; 
	padding:0 17px; 
	}
#newsList .newsRow { margin:15px 0; 
	border-bottom:1px solid #CCCCCC; 
	}
#newsList .newsRow .newsdate{ display:block; 
	font-size:12px; 
	color:#999999; 
	text-decoration:none; 
	font-weight:bold; 
	margin:5px 0; 
	padding:0; 
	}
#newsList .newsRow a.newsLink{ display:block; 
	font-size:12px; 
	color:#CC0000; 
	text-decoration:none; 
	font-weight:bold; 
	margin:5px 0; 
	padding:0; 
	}
#newsList .newsRow a.newsLink:hover{ text-decoration:underline; 
	}
#newsList .newsRow a.newsMore{ display:block; 
	font-size:11px; 
	text-transform:uppercase; 
	color:#CC0000; 
	text-decoration:none; 
	font-weight:bold; 
	margin:5px 0; 
	padding:0; 
	 }
#newsList .newsRow a.newsMore:hover{ font-weight:bolder; 
	color:#000000; 
	}

#newsList .newsRow p{ margin:0; 
	padding:0; 
	color:#666666; 
	}

/* PAGING */
#paging { MARGIN:0 0 0 17px; 
	PADDING:0; 
	}
#paging ul { list-style:none; 
	margin:0; 
	padding:0; 
	}
#paging ul li { float:left; 
	list-style:none; 
	}
#paging ul li a{ display:block; 
	width:13px; 
	height:13px; 
	background:#ffffff; 
	text-align:center; 
	line-height:13px; 
	border:1px solid #CC0000; 
	margin:2px; 
	text-decoration:none; 
	color:#CC0000; 
	 }
#paging ul li a#pageNow{ display:block; 
	width:13px; 
	height:13px; 
	background:#CC0000; 
	text-align:center; 
	line-height:13px; 
	border:1px solid #CC0000; 
	margin:2px; 
	text-decoration:none; 
	color:#FFFFFF; 
	 }

.red { color:#cc0000; 
	}
.partyBox { border:1px solid #D8D8D8; 
	background:#EAEAEA; 
	 } 

/*----- PAGE SPECIFIC -----*/
/* contact us */

#contactform {
	width:100%;
}

/* Testimonials */
td.test-heading {
font:Arial, Helvetica, sans-serif;
font-weight:bold;
}

td.test-quote {
font:Arial, Helvetica, sans-serif;
text-align: center;

}

td.test-name {
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
text-align:right;
}

td.test-position {
font:Arial, Helvetica, sans-serif;
font-style:italic;
text-align:right;
}