body {
    background: #4B0082;
    url('body.jpg') top left;
    font-size: 13px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color: Black;
    padding:10px;
    margin:10px;
}
a {
font-size: 12px;
    color: #9A1212;
    text-decoration: none;
    font-weight: bold;
}
a:visited {color:#c43300;}
a:hover {color: #c43300;}
a:active { color:#000000;}

h1 {
font-size: 15px;
text-transform:uppercase;

/*border-top:1px solid #564b47;
border-bottom:1px solid #564b47;*/
/*padding:5px 15px;*/
margin:0px }

h2 {
color: #9A1212;
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
    width: 1200px;
    background:#D8BFD8;
    margin-left: auto;
    margin-right: auto;
    height:100%;
    border:1px solid #8D8D8D;
}

/* ----------banner for logo-------------- */
#banner {
    height:114px;
    text-align: center;
    background-color: #D8BFD8;
    padding: 0px;
    margin: 0px;
}
#banner img {padding:10px 0px;}
#bannertitle{padding-top:50px;font-size:2em;font-weight:bold;}

/* -----------------content--------------------- */
#content {
    background:#D8BFD8  url('content.jpg') no-repeat top right;
    padding: 0px;
    margin-left: 250px;
    margin-right: 50px;
}
div#content {
min-height:600px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
background:#D8BFD8;
    float: left;
    width: 250px;
    margin: 0px;
    padding: 0px;
    height:90%;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding:0px;

height:35px;
text-align: right;
background:  url('footer.gif') repeat-x ;
}
 #footer h1 a{
 color:#D8BFD8;
 }
  #footer h1{
  padding:5px 5px 0px 0px;
  }
 /**********vertical menu***************/
.verticalmenu ul{
    list-style:none;
    margin: 0px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
}

 .verticalmenu li, verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
    display: block;
    font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #9A1212;
    text-decoration: none;
    text-align: left;
    width: 200px;
    height: 32px;
    vertical-align: middle;
 }

 .verticalmenu a:hover{
    color: #dc4d1b;
 }
a:link        {
    font-size: 12px;
    color: #9A1212;
    text-decoration: none;
    font-weight: bold;
}
.event{
    display: block;
}
.year{
    font-weight:bold;
    height: auto;
    width: 100px;
    margin-top: 3px;
    text-align: right;
    padding-right: 5px;
}
.desc{
    display:block;
    margin-left:110px;
    font-weight:normal;
    width: inherit;
    height: auto;
    margin-top: -17px;
    padding-right: 50px;
}
    table{
    border: 1px solid #666;
    text-align: center;
    width:99%;
    }
    tr td{
        padding: 3px 8px;
        border-bottom: 1px solid #666;
            }
    tbody td{
            border-left: 1px solid #666;
    }