body {
background-image: url('graphics/webtile1.gif');
margin-top:2%;
color: #000000;
font-family: Times, serif;
font-size: 15px;
font-weight: normal;
line-height: 20px;
text-align: left;
}

img {border: 0px;}

img.borderpic {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

img.picrightfloat {
border-style: solid;
border-width: 2px;
border-color: #000000;
float: right ;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 0px;
}

img.picright {
border-style: solid;
border-width: 2px;
border-color: #000000;
float: right ;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 0px;
}

img.picleft {
border-style: solid;
border-width: 2px;
border-color: #000000;
float: left ;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
}

img.picrightnoborder {
border-style: solid;
border-width: 0px;
border-color: #000000;
float: right ;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 0px;
}

img.picleftnoborder {
border-style: solid;
border-width: 0px;
border-color: #000000;
float: left ;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
}

div.divleft {
border: 0px;
float: left ;
clear:both;
vertical-align:top;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 20px;
margin-right: 20px;
}

div.interactives_pics {
display:inline;
float:left;
position:relative;
left:0px;
top:0px;
width:250px;
}

div.interactives_text {
display:inline;
float:left;
position:relative;
left:15px;
top:0px;
width:435px;
}

.fixwidth {
width: 750px;
}

td {vertical-align: middle;}

td.topalign {vertical-align: top;}

td.bottomalign {vertical-align: bottom;}

td.centeralign {text-align: center;}

td.centerpic {text-align: center;}

td.rightalign {text-align: right;}

td.leftalign {text-align: left;}

td.rightspace {
text-align: left;
vertical-align: top;
padding-right: 30px;
}

td.pricecolumn {
vertical-align: top;
width: 60px;
}

td.bottomlinks {
vertical-align: bottom;
padding-top: 20px;
}

td.logo {
vertical-align: top;
padding-bottom: 20px;
padding-right: 20px;
}

td.pagetitle {
vertical-align: center;
padding-bottom: 20px;
font-size: 180%;
line-height: 100%;
font-weight: bold;
font-family: Times, serif;
max-width: 300px;
}

td.projecttitle {
text-align: left;
vertical-align: top;
width: 650px;
}

img.projectlink {
border-style: solid;
border-width: 2px;
border-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 20px;
margin-right: 20px;
}

td.projecthead {
font-size: 160%;
font-weight: bold;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

table.piclink {
float: left;
padding-right: 15px;
}

p.boxpara {
border-style: solid;
border-width: 2px;
border-color: #000000;
padding: 10px;
}

.leftbox {
float:left;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 5px;
margin-right: 20px;
}

.indent {
margin-left: 40px;
}

.cap {
float: left;
width: auto;
font-size: 220%;
line-height: 100%;
padding-right:0.05em;
font-weight: normal;
color:#880000;
font-family: Times, serif;
}


.smallcap {
float: left;
width: auto;
font-size: 160%;
line-height: 100%;
font-weight: normal;
color:#880000;
font-family: Times, serif;
}

.imagenote {
font-size: 80%;
font-weight: bold;
text-align: center;
}

.boldnote {
font-size: 120%;
font-weight: bold;
text-align: left;
}

H1 {
font-size: 200%;
line-height: 90%;
font-weight: bold;
color:#000000;
font-family: Times, serif;
}

H2 {
font-size: 170%;
line-height: 90%;
font-weight: bold;
color:#000000;
font-family: Times, serif;
}

H3 {
font-size: 145%;
line-height: 90%;
font-weight: bold;
color:#000000;
font-family: Times, serif;
}

H4 {
font-size: 120%;
line-height: 90%;
font-weight: bold;
color:#000000;
font-family: Times, serif;
}

.head1 { font-size: 180%; font-weight: bold; line-height: 60%;}
.head2 { font-size: 150%; line-height: 60%;}
.head3 { font-size: 120%;}
.headwidth { width: 300px; }

dt {
margin-top: 10px;
margin-left: 40px;
}

dd {
margin-left: 60px;
}

p {
margin-top: 5px;
margin-bottom: 10px;
}

p.spacer {
margin-top: 0px;
margin-bottom: 10px;
}