/* CSS Document */
body{
padding:0;
margin:0;
background:url(body.jpg) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;


}
#wrapper{
width:750px;
margin:0 auto;
background-color:#B3D6DA;
color:#222222;

}
#banner{
width:750px;
height:149px;
}

#navigation{
float:left;
height:430px;
width:152px;
background-color:#4A9FB4;
color:#FFFFFF;


}
#navigation ul {
list-style-type:none;
padding-left: 10px;
margin-left: 10px;
margin-top:5px;
}
#navigation a {
text-decoration:none;
font:bold 12px/24px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#FFFFFF;
display:block;
padding:5px 5px 5px 5px ;
width: 7em;
background-color:#4A9FB4;
}
#navigation a:hover{
color:#000000;
background-color:#4A9FB4;



}
#navigation a:active{
color:#0033FF;
background-color:#4A9FB4;
}

#mainContent{
width:436px;
background-color:#ffffff;
color:#000000;
height:350px;
float:left;
text-align: justify; 
overflow:auto;

}
#mainContent p{
padding:10px 10px 10px 10px;
}
p.introduction{
padding:10px 10px 10px 10px;

}
#navigation2{
float:right;
height:430px;
width:160px;
background-color:#4A9FB4;
border-left:2px solid #000000;
color:#000000;
}
#footer{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
height:15px;
width:750px;
margin:0 auto;
}
#copyright{
float:left;
}
#Design{
float:right;
}
h2{
font-style:normal;
text-decoration:underline;
color:#4A9FB4;
background-color:#B3D6DA;
}
h3{
color:#000000;
padding-left:10px;
padding-right:5px;
background-color:#FFFFFF;
}
h4{
color:#000000;
padding-left:10px;
padding-right:5px;
background-color:#FFFFFF;
}