/* pseudo classes */

a {
font-size: 100%;
color: #0085b5;
text-decoration: none;
}

a:hover {
font-size: 100%;
color: #00b551;
text-decoration: underline;
}

a.nav {
font-weight: bold;
}

a.nav:hover {
font-weight: bold;
}

body {
font-size: 0.75em;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #f0f0f0;
}

h1 {
margin: 0 0 15px 0;
padding: 0;
font-size: 175%;
color: #007fac;
text-align: center;
}

h2 {
margin: 5px 0 0 0;
padding: 0;
font-size: 120%;
color: #007fac;
line-height: 10px;
}

h3 {
padding: 0;
font-size: 100%;
color: #007fac;
margin-bottom: 8px;
}

img {
border: 0;
}

img.display {
margin: 15px 0;
}

img.vertspace {
padding: 0 0 10px 0;
}

img.vertcenter {
vertical-align: middle;
}

/* classes */

.callout {
width: 240px;
padding: 10px;
margin: 5px;
border: 1px solid #c0c0c0;
}

.callout3 {
width: 210px;
padding: 10px;
margin: 5px;
/*border: 1px solid #c0c0c0;*/
text-align: center;
/*min-height: 200px;*/
}

.caption {
font-size: 80%;
color: #7f7f7f;
}

.centraltext {
text-align: center;
width: 65%;
margin: 10px auto;
}

.footer {
font-size: 80%;
font-style: italic;
}

.headerimageleft {
margin: -15px 10px 0 35px;
}

.headerimageright {
margin: -20px 35px 0 10px;
}

.footerimageleft {
margin: 0 10px 0 35px;
}

.footerimageright {
margin: 0 35px 0 10px;
}

.leftimage, .rightimage {
float: left;
clear: right;
width: 140px;
padding: 5px 0 20px 0;
margin: 10px;
border: 1px solid #7f7f7f;
background: #f0f0f0;
}

/* Divs */

#callout {
position: relative;
}

#callout2 {
position: relative;
top: 25px;
left: 460px;
text-align: center;
}

#callout3 {
position: relative;
top: -50px;
left: 15px;
}

#centralimages {
display: inline;
padding: 30px;
}

#collage1 {
position: relative;
top: -960px;
left: -160px;
}

#collage2 {
position: relative;
top: -875px;
left: -200px;
}

#bg {
background: url(../images/bg.gif) repeat-y;
position: relative;
width: 966px;
margin: 0 auto;
}

#container {
position: relative;
left: 0px;
width: 952px;
margin: 0 auto;
}

#content {
padding: 10px 140px;
border-bottom: 1px solid #7f7f7f;
background: #fff;
}

#header {
background: #e4f5fd;
height: 80px;
border-top: 1px solid #7f7f7f;
}

#nav-top {
background: #e3f1d5;
text-align: center;
margin: 0px;
padding: 20px 0;
border-bottom: 1px solid #7f7f7f;
}

#nav-bottom {
background: #e3f1d5;
text-align: center;
margin: 0px;
padding: 7px 0;
border-bottom: 1px solid #7f7f7f;
}

#footer {
border-bottom: 1px solid #7f7f7f;
background: #e3f1d5;
text-align: center;
padding: 14px 0 16px 0;
}

#imagecontainer {
width: 400px;
float: left;
padding: 0 100px 15px 170px;
clear: right;
}

#image1 {
position: absolute;
top: 285px;
left: 450px;
}

#image2 {
position: absolute;
top: 300px;
left: 775px;
}

#image3 {
position: absolute;
top: 425px;
left: 550px;
}

#image12 {
position: absolute;
top: 510px;
left: 450px;
}

#image6 {
position: absolute;
top: 565px;
left: 100px;
}

#image7 {
position: absolute;
top: 680px;
left: 170px;
}

#image8 {
position: absolute;
top: 670px;
left: 410px;
}

#image9 {
position: absolute;
top: 840px;
left: 220px;
}

#image11 {
position: absolute;
top: 915px;
left: 625px;
}

#image10 {
position: absolute;
top: 1070px;
left: 240px;
}