@charset "utf-8";
/* CSS Document */

body {background-color: #333333;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: small;}

.maincontainer {width: 985px;
margin: 0 auto;
padding: 0;
background-image:url(images/mainbackground2.jpg);
background-position: top left;
background-repeat:no-repeat;
height: 558px}


.top {padding: 6em 0 1em 1em}

span.integrated {font-size: 23px; 
font-weight: bold;
color: #ccc}

span.counselling {font-size: 23px; 
font-weight: bold;
color: #000;
padding-left: 0.75em}

.bar {background-color:#000000;
color: #fff;
padding: 0.5em 1em;
text-align:right;
}

.navleft {padding: 3em 0 0 1em;
width: 170px;
float: left}

.navleft ul {margin: 0 0 0 3em;
padding: 0}

.navleft ul li {list-style: square;
color: #FFFFFF;
font-size:14px;
font-weight:bold;
line-height:1.5em}

.navleft ul li a {color: #FFFFFF;
text-decoration:none;}

.navleft ul li a:hover {color: #000;
}

.navleft ul li a.on {color: #000;
}

.mainright {padding: 2em 3em 2em 0;
width: 700px;
float: right;
color: #000;
font-weight:bold;
margin-right: 1em}

.base {width: 985px;
margin: 1em auto;
text-align:right;
font-size:10px}

.base a {color: #999999 ;
text-decoration:none}

.base a:hover {color: #000}

.mainright a {color: #666666;
text-decoration: none;}

.mainright a:hover {color: #000000}