body
{
margin : 0;
padding : 0;
text-align : center;
font-family : Georgia, Times, serif;
font-size : 1em;
background : #ffffff;
background-image : url(tile.jpg);
background-repeat : repeat-y;


}

#wrapper
{
width : 800px;
margin : 0 auto;
text-align : left;
border: 1px solid gray;
}

#header
{
padding-top : 10px;
background :url(cistrediag1a.jpg) no-repeat 30% 40%;
text-align : center;
}

h1
{
font-size : 2.5em;
}
h2
{
font-size : 1em;
border-bottom : 1px dotted gray;
padding-bottom : 1em;
}




#content
{
width : 600px;
float : right;
font-size : 0.8em;
line-height : 170%;
padding-right : 1.5em;
padding-left : 0.3em;
}


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


#content a:hover
{
background-color: gray;
color : white;
}

#content h2
{
font-size : 1.1em;
border-bottom :0;
}


ul#mainNav
{
margin-left : 0 ;
padding-left  : 2em;
padding-top : 5.4em;

list-style-type : none;
width: 100px;
float : left;
font-size : 0.75em;


}

ul#mainNav li a
{
display : block;
text-decoration : none;
color :black;
padding : 0.3em ;
width : 7.5em;

}

ul#mainNav li a:hover
{
background-color: gray;
color : white;
}

#footer
{
clear : both;
border-top : 1px solid gray;
}

#footer p
{

font-size : 0.8em;
padding-top : 10px;
padding-left: 650px;
}

.imagecaption
{
float : right;
padding-left : 3em;
padding-bottom : 1em;
padding-top : 4.5em;

}



.imagecaption1
{
margin-left : 50px;
padding : 3px;
width : 200px;
}


.imagecaption1 img
{
 border : 1px solid gray;

}

}
.imagecaption p
{
font-size : 0.8em;
}




.it
{
font-style : italic;
}