*{
font-family: Arial, Tachoma, sans-serif;
font-size: 1em;
}

h1{
color: #5090a0;
font-size: 110%;
font-weight: bold;
margin: 1px;
}

#slogan{
font-size: 90%;
font-weight: bold;
font-family: serif;
margin: 1px;
}

#header, #footer{
border-style: solid;
border-color: #608090;
width: 100%;
}

#header{
border-width: 0 0 2px 2px;
margin-bottom: 0.5em;
padding: 1px 4px 1px 4px;
}

#footer{
border-width: 2px 2px 0 0;
clear: both;
font-size: 90%;
margin-top: 0.5em;
}

#header-text{
padding-left: 5px;
width: 69%;
vertical-align: middle;
}

#middle{
width: 100%;
}

#left{
padding-right: 0.5em;
border-right: 1px dashed #C8C8C8;
width: 150px;
}

#center{
padding: 0 0.5em 0 0.5em;
}

#right{
padding-left: 0.5em;
border-left: 1px dashed #C8C8C8;
width: 20%;
}

input [type="text"]{
width: 100%;
max-width: 150px;
padding: 1px;
}

a:link{
color: #4050d0;
text-decoration: none;
}

a:visited{
color: #4050d0;
text-decoration: none;
}

a:hover{
color: #3088B8;
text-decoration: underline;
}

a:active{
color: #3088B8;
text-decoration: underline;
}

a img{
border: 0;
}

td{
vertical-align: top;
}

hr{
color: #A8A8A8;
height: 1px;
border-style: solid;
border-width: 1px 0 0 0;
}

form br {
margin-bottom: 1em;
}

form *{
vertical-align: top;
}

#main-text{
margin-bottom: 1.5em;
}

#login-box{
width: 30%;
}

#login-box .label{
float: left;
text-align: right;
width: 48%;
}

#login-box input{
float: right;
width: 48%;
}

.box{
background: #F6F6F6;
border: 1px solid #A8A8A8;
margin-bottom: 10px;
padding: 0 4px 4px 4px;
}

.box h2{
margin: 0 -4px 4px -4px;
padding: 0 4px 0 4px;
font-weight: bold;
background-color: #E3E3E3;
}

h2{
color: #30588F;
margin: 0 0 4px 0;
letter-spacing: 1px;
}

.article-digest{
border-top: 1px solid #C8C8C8;
margin-bottom: 1em;
}

.article-digest .title{
font-size: 13pt;
font-family: "Times";
}

.article-digest .preface{
margin: 3px 0 3px 0;
}

.article-digest .date{
color: #c0c0c0;
font-size: 80%;
text-align: right;
}

ul.index{
padding: 0 0 0 0;
margin: 0 0 0 1em;
}

ul.index li{
list-style: url(bullet.gif) circle;
padding: 1px 0 1px 0;
}

.category-index{
border-collapse: collapse;
}

.category-index .date{
background-color: #F6F6F6;
}

.category-index td{
border: 1px solid #C8C8C8;
padding: 2px .5em 2px .5em;
}

.category-index caption{
color: #30588F;
margin: 0 0 4px 0;
letter-spacing: 1px;
font-weight: bold;
}

.other{
font-size: 90%;
font-weight: bold;
}

.index-left{
width: 48%; 
position: relative; 
float: left;
}

.index-right{
width: 48%; 
position: relative; 
float: right;
}

.label{
float: left;
width: 10em;
clear: left;
}

textarea{
width: 35em;
height: 10em;
}

.vmenu{
padding: 0 0 0 0;
margin: 0 0 0 1em;
}

.vmenu li{
list-style: url(bullet.gif) circle;
padding: 1px 0 1px 0;
}

.box .vmenu{
padding: 0px;
margin: 0px;
}

.box .vmenu li.first{
border-top-style: none;
}

.box .vmenu li{
list-style: none;
margin: 0;
border-top: 1px solid #C8C8C8;
padding: 0 0 0 0;
}

.box .vmenu li a{
padding: 1px;
display: block;
text-decoration: none;
}

.box .vmenu li a:hover{
background: #E8E8E8;
}

.framed{
max-width: 600px;
margin-top: 1em;
border-collapse: collapse;
}

.framed td{
padding: 2px 4px 2px 4px;
border: 1px solid #C8C8C8;
}

.framed th{
padding: 2px 3px 2px 3px;
background-color: #E3E3E3;
text-align: left;
font-size: 80%;
border: 1px solid #C8C8C8;
}

.office{
color: #389040;
background-color: #a9e0c0;
}

.field{
color: #7060c0;
background-color: #b0c0e0;
}

.off-duty{
color: gray;
}

.banner{
float:right;
margin: 3px;
}