body {
 text-align: center;
 margin-top: 0px;
 margin-bottom: 0px;
 height: auto;
 background-image: url(images/ribbon.jpg);
 background-repeat: no-repeat;
 background-color: white;
 font-family: Verdana;
}

#wrapper{
 position: absolute;
 top: 135px;
 left: 101px;
 width: 808px;
 margin-left: auto;
 margin-right: auto;
 background-image: url(images/shadow.png);
 background-repeat: repeat-y;
}

#container{
 position: relative;
 margin-top: -134px;
 color: black;
 width: 800px;
 height: auto;
 top: 0px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}

table{
 width: 800px;
 border-collapse: collapse; /*---does the same thing as cellspacing---*/
 font-size: 9pt;
 background-color: white;
 margin-left: auto;
 margin-right: auto;
}

#banner{
 padding-top: 120px;
 background-image: url(images/banner2.jpg);
 background-repeat: no-repeat;
}

#nav {
 position: relative;
 text-align: center;
 color: white;
 width: 790px;
 padding: 0px 5px 5px 5px;
 background-color: #0075c4;
 font-family: Verdana;
 font-size: 9pt;
 z-index: 2;
}

#nav ul{
 display: inline;
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}

#nav li{
 margin: 0;
 list-style: none;
 display: inline;
}

#nav li.current{
 display: inline;
 background-color: #0368ad;
 padding: 7px 10px 5px 10px;
}

#nav a{
 display: inline;
 padding: 7px 10px 5px 10px;
 color: white;
 text-decoration: none;
 background-color: #0075c4;
}

#nav a:hover{
 background-color: #69cbf4;
 color: black;
}

.mainbody{
 font-size: 9pt;
}

.mainbody a{
 color: #ca0202;
 text-decoration: none;
}

.mainbody a:hover{
 text-decoration: underline;
}

.mainbody h1{
 margin: 0px;
 font-size: 18pt;
 font-family: Georgia, serif;
 margin-bottom: -15px;
}

.mainbody h2{
 margin: 0px;
 font-size: 13pt;
 font-family: Times New Roman, serif;
}

#mainbox{
 position: relative;
 margin-top: 15px;
 margin-left: 15px;
 width: 580px;
 float: left;
 height: auto;
}

#box1{
 position: relative;
 margin-top: 15px;
 margin-left: 10px;
 width: 190px;
 float: left;
 height: auto;
}

#box2{
 position: relative;
 margin-top: 15px;
 margin-left: 10px;
 width: 390px;
 float: left;
 height: auto;
}

#linkbox{
 position: relative;
 float: right;
 margin-top: 15px;
 padding-bottom: 20px;
 width: 183px;
 height: auto;
 border-left: 1px solid #8d8d8d;
 text-align: center;
}

#linkbox a img{
 border: none;
}

#dlist{
 border-left: 1px solid black;
 width: auto;
 padding: 5px;
}

#dlist ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

hr {
 padding: 0px;
 width: 75%;
} 

.notable{
 font-size: 11pt;
 font-weight: bold;
}

.dropcap { 
float:left;
color: white;
background-color:#a60000; 
font-size:40px; 
line-height:25px; 
padding:4px 4px 6px 4px; 
margin-right: 3px;
border: 3px solid black;
font-family: Georgia, serif;
}

/*---This section contains the CSS for creating various round-cornered boxes---*/

.bl {background: url(images/bl_corner.gif) 0 100% no-repeat}
.br {background: url(images/br_corner.gif) 100% 100% no-repeat}
.tl {background: url(images/tl_corner.gif) 0 0 no-repeat}
.tr {background: url(images/tr_corner.gif) 100% 0 no-repeat; padding:10px} 

/*---Big, rounded corner boxes for the Downloads page---*/
dl {
  margin: 0;
  width: 580px;
}

dt {
  margin: 0;
  padding: 7px;
  font-size: 15pt;
  font-family: Georgia, serif;
  color: white;
  border-bottom: 1px solid #fff;
}

dl.fresh{
  background: #ffcb94 url(images/bottom.gif) no-repeat bottom left;
}  

dt.fresh {
  background: #960101 url(images/top.gif) no-repeat top left;
}

table.fresh {
 margin-left: 5px;
 width: 550px;
 background: #ffcb94;
}
  
dl.stale{
 background: #9dc8ec url(images/bottom.gif) no-repeat bottom left;
}

dt.stale {
 background: #226dac url(images/top.gif) no-repeat top left;
}

table.stale {
 margin-left: 10px;
 width: 550px;
 background: #9dc8ec;
}

dl.gold{
 background: #ffda73 url(images/bottom.gif) no-repeat bottom left;
}

dt.gold {
 background: #a67a00 url(images/top.gif) no-repeat top left;
}

dd {
  margin: 0;
  padding: 10px;
  }
  
/*---Small, 190px boxes for the Index page---*/  

#box1 dl {
  margin: 0;
  width: 190px;
} 

#box1 dt {
  margin: 0;
  padding: 7px;
  font-size: 1.4em;
  font-family: Times New Roman, Georgia, serif;
  color: white;
  border-bottom: none;
}

#box1 dd {
  margin: 0; 
  padding: 7px;
  }

#box1 dt.new{
 background: #ef8b09 url(images/top3.gif) no-repeat top left;
}

#box1 dd.new{
border-left: 1px solid #ef8b09;
}

#box1 dt.old{
 background: #226dac url(images/top3.gif) no-repeat top left;
}

#box1 dd.old{
border-left: 1px solid #226dac;
}

#box1 dt.resource{
 background: #960101 url(images/top3.gif) no-repeat top left;
}

#box1 dd.resource{
 border-left: 1px solid #960101;
}

#box1 dt.resource2{
 background: #a67a00 url(images/top3.gif) no-repeat top left;
} 

#box1 dd.resource2{
 border-left: 1px solid #a67a00;
}

/*---Medium-width boxes for Index page---*/
#box2 dl {
  margin: 0;
  width: 390px;
} 

#box2 dt {
  margin: 0;
  padding: 7px;
  font-size: 1.4em;
  font-family: Times New Roman, Georgia, serif;
  color: white;
  border-bottom: none;
}

#box2 dd {
  margin: 0; 
  padding: 7px;
  }

#box2 dt.new{
 background: #ef8b09 url(images/top4.gif) no-repeat top left;
}

#box2 dd.new{
border-left: 1px solid #ef8b09
}

#box2 dt.old{
 background: #226dac url(images/top4.gif) no-repeat top left;
}

#box2 dd.old{
border-left: 1px solid #226dac;
}


/*---END of section---*/

.footer{
 width: 800px;
 background-image: url(images/footer2.jpg);
 background-repeat: no-repeat;
 font-size: 7pt;
 padding-top: 35px;
 padding-right: 5px;
 text-align: right;
}

.footer a{
 color: #ca0202;
 text-decoration: none;
}

.footer a:hover{
 text-decoration: underline;
}