body{
background:  white;
font-family: arial,helvetica,sans-serif;
margin:      0px
}


/*must have the the size of image or you get space*/
div.logo{
height:            100px;
width:             900px;
background-color:  #white;
overflow:          hidden;   /* IE */
}


div.main{
max-width:     800px;
width:           80%;
min-height:    600px;
margin-left:   50px;
margin-top:     30px;
}
/***********************************  tables  ***********/
td{
line-height:    1.5;
vertical-align: top;
}

tr.color{
line-height:      1.5;
vertical-align:   top;
background-color: #F7FFCE;
font-weight:      600; 
}

/***********************************  headers  ***********/
h1{
font-size:  2.0em;
color:      black;
text-align: center;
}

h2{
font-size:     1.5em;
color:         black;
margin-bottom: 10px;
margin-top:    0px;}

h3{
font-size:     1.2em;
color:         black;
}
h3.highlight{
font-size:        1.2em;
color:            white;
background-color: #5f7a8b;
margin:           1px;
text-align:       center;
}


/******************************************  paragraphs ********/
p.just{
text-align:       justify;
margin-top:       10px;
margin-bottom:    10px;
}

p.reference{
padding-left: 22px;
text-indent: -22px;
}

pre{
font-family:  courier;
margin-left:  2%;
}

p.caption{
text-align:      justify;
width:           300px;
}

p.captionlarge{
text-align:      justify;
width:           400px;
}
/******************************************  paragraphs ********/

ul.box{
margin-left: 0px;
padding-left: 10px;
}

ul.work{
line-height: 1.5;
margin: 50px;
}