div#preview {border-style: solid; border-width: 1px; padding: 5px; width: 400px;}
div#preview td {width: 200px; vertical-align: top;}

div#preview td.title {text-align: left; font-weight:bold; text-transform:uppercase; padding: 5px 0px;}
div#preview td.contributor {text-align: right; font-weight:bold; padding: 5px 0px;}
div#preview td.note {font-style:italic; padding: 0px 0px 5px 0px;}
.hang {padding-left: 22px; text-indent: -22px;}
div#preview td.direction {padding: 5px 0px; width: 400px;}

div#navbar {background-color: #C2D2E2; padding: 10px 0; }
div#navbar ul {list-style: none; display: block; margin: 0 10px; padding-left: 80px;}
div#navbar ul li {float: left; margin: 0 1.5em; font: bold 1em Arial; } 
div#header_title {text-align: left; padding-top: 60px;}
div#content {padding-top: 10px}

div#right_sidebar ul {list-style: none ;  margin-top: 80px; border-style: solid; border-width: 1px; border-color: #C2D2E2}
div#right_sidebar ul li {margin: 15px 0px; font: bold 1em Arial; text-align: center; }

.row_2 {background-color: #D9DEE2; }

tr#list_heading {border-style: solid; border-width: 1px; padding: 10px; margin-bottom: 20px; }

a.button_effect
{
padding: 10px;
font-size: large;
border: 1px outset gray;
background-color:orange;
text-decoration:none;
color:white;
}
a.button_effect:hover
{
border: 1px inset black;
background-color:#CCC;
color:black;
text-decoration:none;
}