@charset "utf-8";
body {
	background-color: #a9b3d2;
	color: #000;
}

h1{
	font-size: 170%;
	color: #213785;
	font-weight: bold;
}

h2{
	font-size: 150%;
	color: #3068BC;
}

h3{
	font-size: 130%;
	color: #6786CF;	
}

div#wrapper{
width: 771px;
margin: 15px auto;
text-align: left;

}

.contentheading{
  font-size: 170%;
  color: #213785;
  font-weight: bold;
}

div#background{
	background: url(../images/body.gif) repeat-y;
}
div#header{
background: url(../images/header.jpg) no-repeat;
margin: 15px 0 0 0;
width: 771px;
height: 161px;
}

#pathway {
  font-size: 80%;
  font-weight: bold;
}
div#navi{
width: 181px;
float: left;
margin-left: 10px;
margin-top: 20px;
}
div#content{
width: 560px;
float: left;
}
div#footer{
width: 771px;
float: right;
text-align:center;
font-size: 70%;

}
div#bottom{
width: 771px;
float: left;
background: url(../images/bottom.gif) no-repeat;
}
.clear{
clear: both;
}

.title{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 200%;
	font-weight: normal;
	color: #000;
	position: relative;
	left: 260px;
	top: 40px;
}

a{
color: #000;
text-decoration: none;
}

a:hover{
text-decoration: none;
color: #F00;
}

ul.menu{
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 80%;
line-height: 180%;
list-style-type: none;
margin: 0 25px 0 0;
padding: 0;
text-align: left;
}
ul.menu li a{
color: #000;
text-decoration: none;
padding: 0 25px 0 0;
}
ul.menu li a:hover{
text-decoration: none;
color: #F00;
background: url(../images/navi_dot_hover.gif) no-repeat right;
}
ul.menu li.active a{
color: #000;
text-decoration: none;
padding: 0 25px 0 0;
font-weight: bold;

}
ul.menu li.active a:hover{
text-decoration: none;
font-weight: bolder;
}