/* Named Div styling ------------------------------------ */
#container{
  width: 660px;
  margin: 10px auto;
  text-align: left;
  background-color: #AAA;
  border: 1px dotted #888888; 
  padding: 10px;
}
#innercontainer{
  background-color: White;
  border-left: 1px solid #333; 
  border-right: 1px solid #333; 
  border-top: 6px solid #88CCCC;
  border-bottom: 6px solid #88CCCC;
}
#header{
  padding: 0px;
  border-left: 1px solid #333; 
}
#content{
  text-align: center;
  vertical-align: top;
  margin-right: 190px;
  border-right: 1px solid #DDDDDD;
  padding: 25px;
}
#menu{
 float: right;
 width: 180px;
}
#footer{
  clear: both;
  background-color: #333;
  text-align: right;
  border: 1px solid #333; 
}
#footer li{
  font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  display: inline;
  padding: 0px 10px;
  border-left: 1px solid #DCDCDC;
}
#footer a{
  color: white;
}
#footer a:hover{
  color: #88CCCC;
}

/* End of Named Div styling ------------------------------------ */

/* Class specific styling -------------------------------------- */
td.headerleft{
  padding-left: 20px;
  width: 100%;
  background-color: #333333;
}
td.headerright{
  text-align: right;
}
ul.nobullet{
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
}
ul.nobullet li{
  padding: 5px 0px;
  border-top: 1px solid #333;
}
li.date{
  font-size: 11px;
  font-weight: bold;
  padding-top: 10px;
}
div.boxleft{
  text-align: left;
  width: 400px;
  margin: 0px auto 25px auto;
  background-color: #DDDDDD;
  border: 0px dotted #888888;
  padding: 0px;
  padding-bottom: 10px;
}
div.boxright{
  padding: 5px;
  margin: 25px 20px;
  background-color: #88CCCC;
  border: 1px solid #888888;
}
div.spacer{
  clear: left;
  margin-left: 10px;
}
div.center{
  text-align: center;
}
td.date{
  vertical-align: top;
  background-color: #888888;
    background-image: url(../graphics/bg-texture.jpg);
  color: white;
  font: normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
td.news{
  background-color: #88CCCC;

 }
img.bord{
  border: 1px solid #333;
}

/* General tag styling -------------------------------------- */
body{
  color: #333333;
  font-family: arial;
  font-size: 11px;
  text-align: center;
  line-height: 1.2em;
  background-color: #888;
}
div{
  border: solid 0px black;
}
a{
  font-weight: bold;
  color: #333;
  text-decoration:none;
}
a:hover{
  color: #888;
  text-decoration: underline;
}
p{
  margin: 10px 0px;
  text-align: left;
  padding: 0px 10px;
}
img{
  border: none;
  vertical-align: text-bottom;
}
td{
  vertical-align: top;
}
h2{
  margin:0px;
  padding:0px;
  font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* End of General tag styling ----------------------------------- */
/* Navigation menu styling -------------------------------------- */
#navcontainer{
  margin: 25px 20px;
  border: 0px;
}
#navlist{
  padding: 0 1px 1px;
  margin: 0;
  font: bold 11px Verdana, sans-serif;
  background: #888;
}
#navlist li{
  list-style: none;
  margin-bottom: 0;
  border-bottom: 1px solid #333;
  text-align: left;
}
#navlist li a{
  display: block;
  padding: 5px;
  border-left: 1em solid #888;
  background: #DDD;
  text-decoration: none;
}
#navlist li.active a{
  border-color: #88CCCC;
}
#navlist li a:link { color: #333; }
#navlist li a:visited { color: #666; }
#navlist li a:hover{
  border-color: #88CCCC;
  color: White;
  background: #333;
}
/* End of Navigation menu styling ------------------------------------ */