body {
background: #336699; 
padding: 0;
margin: 0;
font-family:  Arial, Verdana, Helvetica, sans-serif; 
text-align: center;
}


H1, H2, H3 { font-family: Verdana, Helvetica, sans-serif; }
P, TD, TH, UL, OL, LI { font-family: arial, Helvetica, sans-serif; }
h2 {font-size: 120%;}

A:link { Color: #003366;  }
A:visited { Color: #336699; }
A:hover { Color: #0033CC;  text-decoration: none; }
A:active { Color: #0033CC; }

.button { background-color: #e6e6e6; cursor: hand; font-family:arial; font-weight:bold; color: #003366; }
.head  {  font-family: Verdana, Helvetica, sans-serif; Color: #993300; font-weight: 700; font-size: 145%; font-style: italic; }
.headqa  {  Color: #003366; font-family: Verdana, Helvetica, sans-serif; font-weight: 700; }
.name {  font-family: Verdana, Helvetica, sans-serif; Color: #000099; font-weight: 700; font-size: 80%; }
.photocredit { font-size: 55%; text-align: right; }
.position { font-family: Verdana, Helvetica, sans-serif; font-weight: 700; font-size: 80%; }
.qa  { font-family: Verdana, Helvetica, sans-serif; font-weight: 700; }
.short {  line-height: 80%; font-size: 7pt; }
.sidehead { font-size: 90%;  text-align: right; font-weight: 700; }
.sidelinks { font-size: 75%;  text-align: left; font-weight: 700; font-style: italic; }
.subhead  { Color: #993300; font-family: Verdana, Helvetica, sans-serif; font-weight: 700; }
.title { font-family: Verdana, Helvetica, sans-serif; Color: #666666; font-size: 80%; font-weight: 700; }
.qa  { font-family: Verdana, Helvetica, sans-serif; font-weight: 700; font-size: medium; }

P.footer { Color: #666666; font-size: 75%; text-align: left; }
P.footlinks { text-align: center; font-size: 75%; }
P.nav { font-size: 80%; text-align: center; }
P.popout1 { font-family: arial, Helvetica, sans-serif; Color: #FFFFFF; font-size: 85%;  text-align: center; font-weight: bold; }
P.popout2 { font-family: arial, Helvetica, sans-serif; font-size: 75%; text-align: left; }
P.top  { text-align: right; font-weight: bold; font-size: 60%; }



#bodylist {
list-style-type: square;
}

#bodylist li {
padding-bottom: .75em;
font-weight: normal;
}

#bodylist li a {
font-weight: normal;
}

#sidelinks {
border: 1px solid #99CCFF;
width: 150px;
float: right;
margin-top: -50px;
margin-left: 15px;
}

#sidelinks ul {
list-style: none;
margin: 0px;
padding: 10px 10px 0px;
}


#sidelinks ul li {
padding-bottom: 10px;
font-size: .8em;
}


#container {
position: relative;
width: 720px;
background: #fff;
margin: 60px auto 20px;
/*border-top: 40px solid #336699;*/
}


#masthead {
margin: 0 auto;
padding-top: 75px;
height: 41px;
border-bottom: 1px solid #99CCFF; 
}

#masthead td {
padding: 0px;
margin: 0px;
}


#header {
padding: 0px;
margin: 0px;
text-align: center;
margin-top: 70px;
}

#header h1 img {
border: none;

position: absolute;
top: -61px;
left: 210px;
}


#content {
text-align: left;
padding: 0px 20px;
position: relative;
}

#photoblock {
width: 340px;
clear: both;
padding-top: 20px;
margin: 10px auto 30px 172px;
}

#photoblock img {
margin: 0 auto;
width: 336px;
}

#photoblock p {
margin-top: 10px;
}

#footer {
text-align: left;
padding: 0px 20px 0px;
color: #666666; 
font-size: 75%; 
text-align: left;
margin-top: -15px;
}

#footer .address {
text-align: left;
padding: 10px 0px 0px;
border-top: 1px solid #99CCFF;
margin-top: 10px;
}

#footer .copyright {
border-top: 0px solid #99CCFF;
padding: 0px 0px 10px;
margin-top: 0px;
}

#content .photo-right {
float: right;
width: 200px;
clear: right;
margin-top: 20px;
}


