html, body{ 
 margin-top:5px; 
 padding:0px; 
 text-align:center; 
 background-image:url(images/tile5.gif);
 background-repeat:repeat;
 font: 11px arial;
} 

 
#pagewidth{ 
 width:780px;
 text-align:left; 
 min-width: 500px; margin-left:auto; 
 margin-right:auto; 
} 

#banner {
font: bold 24px Trebuchet MS, arial; color: #8d5461;
height: 30px;
padding-left: 1px;
float: left;
}

#toplinks {
float: right;
font: bold 11px Arial, Helvetica, sans-serif; color: #8d5461;
}
 
#header{ 
 height:233px;
 width:100%; 
 background-image:url(images/people2.jpg);
 background-color:#FFFFFF; 
 position:relative;
 top:30px;
 } 

#nav {
height: 25px;
width: 100%;
padding-right: 0;
position: relative;
top:10px;
}

#leftcol{
 width:254px;
 height: 350px; 
 float:left; 
 position:relative;
 top:10px; 
 margin-left:-249px; 
 margin-right:1px; 

 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 250px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 250px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #FFFFFF;  /* right column colour */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* center column colour */ 
width: auto; 

 } 
 
#rightcol{
 /*/*/ width:266px; /* hack keeps NN4 right column right? */ 
 height: 350px;
 float:right; 
 position:relative; 
 top: 10px;
 margin-right:-247px; 
 margin-left:1px; 
} 
 
#footer{
 height:32px; 
 width:100%; 
 padding: 0;
 background-image:url(images/tile7.gif);
 background-repeat:repeat-x; 
 font: Arial, Helvetica, sans-serif 10px bold; 
 text-align: center;
 color: #333333;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 height: 350px;
 width: 98%; 
 position: relative; 
 margin: 10px -28px 0 -11px; 
 }
 
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

A:link {text-decoration: none; color: #8d5461;}
A:visited {text-decoration: none; color: #8d5461}
A:active {text-decoration: none}
A:hover {background: #ffefec; color: #651B01; font-weight: bold;}

.leftcontent {
border: #ccc solid 1px;
margin: 10px;
padding: 0px;
height: 330px;
background-color: #ffffff;
}

.maincontent {
border: #ccc solid 1px;
margin: 10px;
padding: 0px;
height: 330px;
background-color: #ffffff;
}
.rightcontent {
border: #ccc solid 1px;
margin: 10px;
padding: 0px;
height: 330px;
background-color: #ffffff;
}

.title {
font: bold 14px Arial, Helvetica, sans-serif;
color: #9d5e6c;
text-align:center;
padding-bottom: 0;
margin-bottom: 0;
border-left: 1em solid #ccc;
padding-left: 0.4em;
font-size: 1.0em;
font-weight: bold;
width: 40px;
border-bottom: 1px solid #ccc;
}

li.newbullet {
list-style-image: url(images/bullet.gif);
}

#links {
padding-left: 0px;
}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}