/* CSS Document */

body{
margin: 0; 
color: #000; 
background:#ccf; 
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrap{
width: 770px;
background: #fff url(assets/shadow.jpg) top right repeat-y; 
margin:auto; 
text-align:center; 
}

#header{
background:#003399 url(assets/shadow.jpg) top right repeat-y;
width: 770px;
text-align: left;

}

#nav{ 
text-align: left;
width: 155px;
background:#003399 url(assets/shadow2.jpg) top right repeat-y;
vertical-align: top;
font-size: 80%;
border-left: thin solid #039;

}


#nav a{
display: block;
color: #fff;
font-weight:bold;
text-decoration: none;
border-right: solid 2px #039;
border-left: solid 2px #039;
margin: .2em .8em 0 0;
padding:.5em 0 .5em .4em;
}

#nav a:hover{
border-right: solid 2px #fff;
border-left: solid 2px #fff;
background: #99c;
}

#nav a#current{
border-right: solid 2px #fff;
border-left: solid 2px #fff;
background: #ccf;
color: #039;
}

#content{
font-size: 80%;
width: 605px;
text-align: left;
padding: .5em .5em 2em;
vertical-align:top;
}

#content a{
color: #039;
text-decoration:none;
}

#content a:hover{
color:#99c;
}
#content p{
text-align: left;
padding: 0em 2em .4em 1em;
margin: .3em 1.8em .3em .5em;
}

#content p#first{
padding-bottom: 0em;
}

#content p#first:first-letter{
font-size: 220%;
font-family:Georgia, "Times New Roman", Times, serif;
color: #039;
font-weight:bold;
padding:.4em 0em 0em 0em;
}
#content p.bibli{
text-align: left;
padding: .4em 0em .8em 0em;
border-bottom: thin solid #99c;
margin: 1em 4em 1em 1em;
}

#content p.text{
line-height:1.5em;
text-indent: 4em;}

#content h1{
font-family:"Times New Roman", Times, serif;
font-size: 165%;
width: 560px;
color: #003399;
background-color:#ccf;
text-align: center;
border-bottom: .1em #99c solid;
padding: .2em 0;
margin:.5em 2em 0em .5em;
}

#content h2{
font-family: "Times New Roman", Times, serif;
font-size:130%;
color: #003399;
background:#FFFFCC;
width: 560px;
padding: .2em 0 .2em .4em;
margin: 1em 2em 0em .5em;
border-bottom: .1em #ccf solid;
}

#content h3, h4{
font-size: 100%;
font-weight:bold;
margin:1em 1.5em 0em 1em;
}

#content h4{
font-style: italic;
}

#content h5{
font-family: "Times New Roman", Times, serif;
font-size: 130%;
font-weight:bold;
background: #FFCC99;
width: 560px;
color: #003399;
padding: .2em 0 .2em .4em;
margin: 1em 2em 0em .5em;
border-bottom: .1em #ccf solid;

}
#content li{
padding: .3em 2em 0em 0em;
margin: .2em 2.5em;
}
img.contentimg{
float: right;
margin: .5em 3.5em .7em .7em;
}

p.title {
background: #ffc;
width: 300px;
font-weight:bold;
color: #333;
}

#content p.contact {
margin: .2em 0em 1em 4em;
}

.staff img{
padding: 1em 1em 1.5em;
float: left;
}

td.area{
width: 60px;
padding: .3em 0 0 1em;
vertical-align:top;
margin: 0;
}

#footer{
text-align: center;
font-size:70%;
background:#003399  url(assets/shadow.jpg) top right repeat-y;
color: #fff;
padding: 2em;
}

#footer:first-line{
font-weight: bold;
font-size: 100%;
letter-spacing: 1px;
}

div#address{
border-top: thin solid #99c;
padding-top: .4em;
line-height: 1.4;