body {
margin: 0;
font-family: helvetica neue, helvetica, arial, sans-serif;
background: url(images/main_bg.jpg) repeat-x #aee1fe;
height: 100%;
}
a {
text-decoration: none;
color: #606;
}
p {
font-size: 0.75em;
}

a:link, a:visited {
color: #05539e;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1, h2, h3, h4 {
	color: #05539e;
}


img {
border:0;
}
#outer {
	width: 995px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#top {
margin: 0;
height: 168px;
width: 100%;
padding: 0;
background: url(images/logo.gif) no-repeat top left #fff;
}
.ie7 #top {height: 188px;}

#name {
	width: 995px;
	height: 168px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.toplinks{
float: right;
position: relative;
width: 300px;
color: #000;
font-size: 0.6em;
margin: 0 35px 0 0px;
padding-right: 11px;
text-align: right;
height: 12px;
}

.toplinks a:link, .toplinks a:visited {
color: #000;
text-decoration: none;
}
.toplinks a:hover {
text-decoration: underline;
}
.getintouch {
width: 450px;
float: right;
margin: 10px 50px 0 0;
}

#telephone {
	float: right;
	width: 400px;
	height: 36px;
	margin: 0 0 5px 0;
	font-size: 1.7em;
	color: #05539e;
	padding-left: 40px;
	text-align: right;

}
#email {
	float: right;
	width: 210px;
	height: 27px;
	margin: 0 0 5px 0;
	font-size: 1em;
	color: #05539e;
	padding: 0 0 0 40px;
	text-align: right;
}


#navbar {
width: 950px;
padding:0;
height:39px;
margin-left: -3px;
}
#menu {
float: Left;
position: relative;
width: 912px;
height: 48px;
padding: 0px;
top: 7px;
margin: 0 0 0 41px;

}

/**.gecko #menu {margin-top: 19px;}
.ff2 #menu {margin-top: 18px;}
.ff3 #menu {margin-top: 18px;}
.safari #menu {margin-top: 21px;}
.opera #menu {margin-top: 20px;}**/

#menu ul {
float: left;
position: relative;
padding:0; 
margin:0;
height: 48px;
list-style-type: none;
overflow: hidden;
}
#menu ul li {

float:left;
position: relative;
margin: 0;
padding-top: 15px;
padding-bottom: 0px;
height: 33px;
border-right: solid 1px #e6e7e8;
text-align: center;
background: url(images/nav_bg.gif) repeat-x;
}


#menu ul li a, #menu ul li a:visited {
height: 48px;
display:inline; 
color:#05539e; 
text-decoration:none; 
font-weight: normal;
font-size: 0.75em;
padding: 0 9px 0 10px;
margin: 0;

}
.safari #menu ul li a, #menu ul li a:visited {padding: 0 10px;}

#menu ul li a:hover {
color:#036; 
}

#menu ul li.leftendnav {
background: url(images/leftnavbg.gif) no-repeat;
}
#menu ul li.rightendnav {
background: url(images/rightnavbg.gif) no-repeat right;
border: none;
width: 51px;
}

.gecko #menu ul li.rightendnav {width: 56px;}
.ff2 #menu ul li.rightendnav {width: 58px;}
.ff3 #menu ul li.rightendnav {width: 58px;}
.ff3_5 #menu ul li.rightendnav {width: 58px;}
.safari #menu ul li.rightendnav {width: 56px;}
.chrome #menu ul li.rightendnav {width: 54px;}
.opera #menu ul li.rightendnav {width: 56px;}



#menu ul ul.subnav1 {
position: absolute;
z-index: 500;
width: 598px;
height: 111px;
top: 30px;
left: 30px;
padding-top: 3px;
background: url(images/sub_1.gif) no-repeat;
}
#menu ul ul.subnav2 {
position: absolute;
z-index: 500;
width: 598px;
height: 111px;
top: 30px;
left: -95px;
padding-top: 3px;
background: url(images/sub_2.gif) no-repeat;
}
#menu ul ul.subnav3 {
position: absolute;
z-index: 500;
width: 598px;
height: 111px;
top: 30px;
left: -238px;
padding-top: 3px;
background: url(images/sub_3.gif) no-repeat;
}
#menu ul ul.subnav4 {
position: absolute;
z-index: 500;
width: 598px;
height: 111px;
top: 30px;
left: -384px;
padding-top: 3px;
background: url(images/sub_4.gif) no-repeat;
}

#menu ul ul li a, #menu ul ul li a:visited {
height: 48px;
color:#06c; 
text-decoration:none; 
font-weight: bold;
font-size: 0.8em;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
font-size: 0.7em;
font-weight: normal;
margin: 0;
}

#menu ul ul ul {
top: 0px;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,ß
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#indbox {
	margin: 0 0 0 40px;
	width: 941px;
	background: url(images/banner-bg.jpg) no-repeat top left;
}
#box {
margin: 0 auto 0 auto;
width: 912px;
background: none;
padding: 0 30px 30px 30px;
}
#container {
width: 100%;
background: none;
}

#row1 {
width: 941px;
height: 270px;

}

#row1 h1{
margin: 0;
padding: 0px;
font-size: 0.9em;
font-weight: normal;
color: #333;
}
.rowinner {
float: right;
position: relative;
width: 500px;
height: 130px;
margin: 5px 40px 0 0;
padding: 0px;
font-size: 0.85em;
}
#row2 {
	width: 100%;
	height: 210px;
	margin: 0px;
}
#row2 h1{
width: 209px;
height: 33px;
margin: 0;
padding: 15px 0 3px 15px;
font-size: 1em;
font-weight: bold;
}
#row2 h1.children{
background:url(images/h1_children.gif) no-repeat left;
color:#F30;
}
#row2 h1.young{
background:url(images/h1_young.gif) no-repeat left;
color: #60C;
}
#row2 h1.adults{
background:url(images/h1_adults.gif) no-repeat left;
color: #039;
}
#row2 h1.older{
background:url(images/h1_older.gif) no-repeat left;
color: #900;
}
#row2 p{
margin: 0;
padding: 5px 0 0 15px;
font-size: 0.8em;
color: #000;
}

#row3 {
width: 100%;
height: 110px;
margin: 0px;
}

#row3box {
float: left;
margin: 0 10px 0 0;
width: 443px;
height: 110px;
padding: 0;
}
#row3box.first {
background: url(images/row3box1-bg.jpg) no-repeat;
}
#row3box.second {
background: url(images/row3box2-bg.jpg) no-repeat #fff;
}
#row3box h1{
width: 210px;
margin: 0 0 0 200px;
padding: 12px 0 3px 15px;
font-size: 1.1em;
line-height: 1em;
font-weight: bold;
}
#row3box p{
width: 210px;
margin: 0 0 0 200px;
padding: 5px 0 0 15px;
font-size: 0.75em;
color: #000;
}




.rightbox {
float: right;
margin: 0;
width: 224px;
height: 235px;
padding: 0;
}

.leftbox {
	float: left;
	margin: 0 3px 0 0;
	width: 224px;
	height: 200px;
	padding: 0;
}

.follow img {
float: right;
margin-right: 10px;
}


/** FROM OTHER STYLESHEET **/
.maintop {
float: left;
position: relative;
width: 912px;
height: 13px;
background: url(images/main-top.jpg) no-repeat;
margin: 0;
padding: 0;
}
.mainbtm {
float: left;
position: relative;
width: 912px;
height: 10px;
background: url(images/main-btm.png) no-repeat;
margin: 0;
padding: 0 ;
}

#main {
float: left;
width: 872px;
margin: 0;
padding: 0 20px 20px 20px;
background: url(images/main-bg.jpg) repeat-y;
}

#rightpage {
float: right;
position: relative;
width: 243px;
margin: 0;
padding: 0;
background: #9C0;
}
#pageright {
float: right;
width: 243px;
}
#pageright h3{
width: 220px;
margin: 0;
padding: 0 0 0 15px;
color: #003e7d;
margin: 0;
font-size: 0.95em;
font-weight: normal;
}
#pageright p {
margin: 0;
padding: 5px 10px 0 15px;
font-weight: normal;
line-height: 1.5em;
font-size: 0.65em;
}
#pageright ul{
width: 100px;
margin: 0 0 0 17px;
padding: 0;
}
#pageright ul li{
list-style: none url(images/arrow.gif);
padding: 5px 0 0 0;
font-size: 0.65em;
}

.rightlink {
width: 243px;
border-bottom: solid 1px #dee67f;
padding: 10px 0 10px 0;
}

.requestlink {
width: 243px;
border-bottom: solid 1px #bed600;
border-top: solid 4px #bed600;
background: #dee67f;
padding: 10px 0 10px 0;
margin-bottom: 30px;
}
.actionlink {
text-align: right;
width: 230px;
font-size: 0.6em;
text-indent: 1em;
}
.actionlink img {
padding: 0;
}

.breadcrumbs {
font-size: 0.65em;
color: #666;
}

.breadcrumbs a:hover {
text-decoration: underline;
}
/** ----- END OF CSS FROM OTHER STYLESHEET ----- **/




#leftmenu {
float: left;
height: auto;
width: 140px;
margin: 10px 50px 20px 0;

}
#leftmenu ul{
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#leftmenu ul li{
color: #333333;
font-size: 0.75em;
font-weight: bold;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

#leftmenu ul li a:hover{
text-decoration: underline; 
}
#content {
float: left;
width: 680px;
margin: 10px 0;
overflow: visible;
height: auto;
}
#content h1 {
width: 660px;
margin: 0 0 10px 0;
font-size: 1.5em;
padding-bottom: 290px;
}
#content h2 {
width: 468px;
margin: 5px 0 0 0;
padding-top: 10px;
font-size: 1em;
font-weight: bold;
}
#content h4 {
width: 400px;
margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 0.8em;
font-weight: bold;
}
#content p {
width: 468px;
margin: 5px 0 10px 0;
}
#content td {
padding: 3px 0;	
font-size: 0.8em
}
#content li {
font-size: 0.75em;
width: 450px;
}

#content.children {
	background: url(images/m-children.jpg) no-repeat 0 50px;
}

#content.yp {
	background: url(images/m-youngpeople.jpg) no-repeat 0 50px;
}
#content.whatwedo {
	background: url(images/m-grouphug.jpg) no-repeat 0 50px;
}
#content.olderpeople {
	background: url(images/m-oldercouple.jpg) no-repeat 0 50px;
}
#content.adults {
	background: url(images/m-sadgirl.jpg) no-repeat 0 50px;
}
#content.training {
	background: url(images/m-singleblackfemale.jpg) no-repeat 0 50px;
}
#content.news {
	width: 870px;
	background: none;
}
#content.uthspeaks {
	background: url(images/m-cryinggirl.jpg) no-repeat 0 50px;
}
#content.getinvolved {
	background: url(images/m-getinvolved.jpg) no-repeat 0 50px;
}
#content.corporate {
	background: url(images/m-corporate.jpg) no-repeat 0 50px;
}
#content.commissioners {
	background: url(images/m-commissioners.jpg) no-repeat 0 50px;
}

#news {
float: left;
width: 660px;
margin: 10px 0;
overflow: visible;
height: auto;
background: none;
}
#news h1 {

margin: 0 0 10px 0;
font-size: 1.5em;
padding: 0px;
}
#news h2 {

margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 1em;
font-weight: bold;
}
#news h4 {

margin: 5px 0 5px 0;
padding-top: 10px;
font-size: 0.8em;
font-weight: bold;
}
#news p {

margin: 5px 0 10px 0;
}
#news td {
padding: 3px 0;	
font-size: 0.8em
}
#news li {
font-size: 0.75em;
width: 660px;
}
	
/******** IMAGE CLASSES ********/
#contentimage {
	width: 100%;
	height: 243px;
	margin-bottom: 15px;
}




/******** CLASSES ********/
.bold {
font-weight: bold;
font-size: 0.9em;
}
.dark {
color: #444444;
}
.items {
font-weight: bold;
}
.red {
color: #7b1d20;
}
.white {
color: #FFFFFF;
}
.text {
font-size: 11px;
line-height: 15px;
color: #333333;
}
.asterisk {
color: #CC0000;
}
.intro {
color: #333;
padding: 0 0 18px 0;
}
.unbold {
	font-weight: normal;
}
.heading {
color: #606;
}
.paraintro {}

/************** FOOTER *************/

#footer {
width: 911px;
color: #333;
padding: 10px 3px 0 3px;
height: 100px;
margin: 0 auto 20px auto;
clear: both;

}
#footer h4 {
width: 150px;
margin: 5px 0 5px 0;
padding: 0;
font-weight: bold;
font-size: 0.9em;
color: #333;
}

#footer a:hover {
text-decoration: underline;
}
#copyright {
float: right;
width: 280px;
}

#contactus {
	float: left;
	position: relative;
	width: 300px;
	margin-right: 25px;
	padding: 0 25px 0 20px;
	border-right: solid 1px #d8f0ff;
}
#contactus h4 {
font-size: 0.9em;
}
#contactus p {
width: 300px;
margin: 5px 0 5px 0;
padding: 0;
font-size: 0.8em;
}

#otherstuff {
	float: left;
	position: relative;
	width: 200px;
	margin-right: 25px;
	padding-right: 25px;
	border-right: solid 1px #d8f0ff;
}
#otherstuff p {
width: 200px;
margin: 5px 0 5px 0;
padding: 0;
font-size: 0.7em;
}
#copyright p {
width: 280px;
margin: 5px 0 5px 0;
padding: 0;
font-size: 0.7em;
}

.formsent {
width: 400px;
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 13px;
font-weight: bold;
}
.formsent2 {
text-align: center;
margin-top: 10px;
margin-left: 0px;
padding: 5px;
background: #eaeaea;
border: #ccc solid 1px;
font-size: 12px;
font-weight: bold;
}

.txtcentre {
text-align: center;
}
.spacer {
clear: both;
}
.rightside {
float: right;
width: 174px;
height: 100%;
}
#contentright {
width: 174px;
height: 100%;
margin: 50px 0 0 0;
}
#contentright.secondbox {
margin-top: 295px;
}

#contentright h2{
width: 162px;
height: 28px;
background: url(images/boxtop.jpg) no-repeat top left;
padding: 8px 0px 0px 12px;
margin: 0;
font-size: 0.9em;
font-weight: normal;
color: #fff;
}
#contentright h2.pink{
background: url(images/boxtop-pink.jpg) no-repeat top left;
}
#contentright h2.orange{
background: url(images/boxtop-ora.jpg) no-repeat top left;
}
#contentright h3{
padding: 2px 3px 3px 0px;
margin: 5px 0 5px 0;
color:#006255;
font-weight: bold;
font-size: 0.95em;
height: auto;
}
#contentright h4{
height: 38px;

background: url(images/linkimg.jpg) no-repeat top right;
padding: 12px 0px 0px 15px;
margin: 8px 0 8px 0;
font-size: 1em;
font-weight: normal;
color: #006255;
}

#contentright p{
width: 157px;
margin: 0;
padding: 5px 0 5px 12px;
height: auto;
font-size: 0.75em;
}
#contentright table {

margin-left: 5px;
margin-top: 5px;
border: none;
text-align: center;
}
#contentright th {
font-size: 0.7em;
vertical-align: top;
text-align: center;
font-weight: normal;
}
#contentright ul {

list-style: none;
margin: 0 0 0 12px;
padding: 0px;
}
#contentright ul li{
background: url(images/bullet2.gif) no-repeat 0 4px;
padding: 3px 0 3px 25px;
font-size: 0.8em;
color: #333;
font-weight: normal;
}

.features {
background: url(images/boxmid.jpg) no-repeat;
}
.features img{
margin: 5px 5px 0px 5px;
}
.contentrbtm {
height: 7px;
width: 174px;
background: url(images/boxbtm.jpg) no-repeat;
margin-bottom: 20px;
}
#rightmenu {
width: 174px;
margin: 10px 50px 20px 0;

}
#rightmenu ul{
list-style-type: none;
width: 100%;
margin: 0;
padding: 0;
}
#leftmenu ul li{
color: #333333;
font-size: 0.75em;
font-weight: bold;
padding: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

#leftmenu ul li a:hover{
text-decoration: underline; 
}
.article {
border-top: dotted 3px #ccc;
}