/* Main */

body {
font: small/1.8em verdana, sans-serif; 
margin: 0px; 
font: normal 10px verdana, arial, sans-serif; 
color: #000; 
background-color: #ddd;
}
a {	
color: #336699;	
text-decoration: none; 
}
a:hover {
color: #339966;
text-decoration: none;
font-weight: bold;
font-size: 110%;

}
a:active {
color: #000;
}
h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

/* Bulleted lists */
ul li {
padding: 0 0 5px 0; 
line-height: 1.25em; 
color: #333333; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
color: #000000;
}
ul {
list-style: disc; 
margin: 0px 0px 0px 30px; 
padding-left: 0px; 
list-style-type: disc; 
}

h1 {
background: #fff url(!header.gif) no-repeat;
height: 155px; 
margin: 0; 
padding: 0;
}
#content  {
position : absolute;
left : 50%;
width : 800px;
margin-left : -400px;
background: #fff;
border: 1px solid #000;
}

/* Banner */

#banner {
display: inline;
float: center;
width: 787px;
position: absolute;
top : 0px;
margin: 0 2px 0 2px;
}

/* Right Navigation */

#menu {
display: inline;
float: right;
margin: 0px 10px 0px 0px; 
padding: 3px 3px 3px 0px;
width: 140px;
}
#menu p  {
color: #eee;
font: normal 11px "Trebuchet MS", Verdana, sans-serif;
line-height: 15px;
text-align: left;
}
#menu h2 {
background: #fff url(/lib/h2_image.gif) no-repeat;
color: #555;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 17px;
border-bottom: 1px dashed #cccccc;
margin-bottom: 5px;
padding: 0 0 0 15px;
}
#menu ul {
padding-left: 15px;
margin: 0px;
margin-bottom: 4px;
border-bottom: 1px dashed #ddd;
}
#menu li  {
color: #eee;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, sans-serif;
line-height: 14px;
text-align: left;
list-style-image: url(/lib/li_image.gif);
}
#menu img {
border: 1px solid #D5D5D5;
padding: 4px;
}

/* Main Content */

#main { 
margin: 0px 185px 0px 10px; 
padding: 3px; 
}

/* Title of the page */
#main p.page { 
color: #336699;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 30px;
border-bottom: 6px double #336699;
margin: 0 0 5px 0;
margin-bottom: 15px;
text-align: center;
}
#main h2 {
background: #fff url(/lib/h2_image.gif) no-repeat;
color: #339966;
font: bold 13px "Trebuchet MS", Verdana, sans-serif;
text-align: left;
line-height: 20px;
border-bottom: 1px dashed #cccccc;
margin-top: 5px;
margin-bottom: 5px;
padding: 0 0 0 15px;
}
#main h3 {
color: #336699;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: 700;
font-size: 18px;
text-align: center;
line-height: 18px;
border-bottom: 4px double #336699;
margin-top: 15px;
margin-bottom: 5px;
padding: 0 0 0 15px;
}
#main p { 
font: 12px Verdana, sans-serif;
font-size: 110%; 
margin: 1px 0 15px 0; 
padding: 0 0 0 0px; 
line-height: 16px;
}
#main blockquote {
color: #999;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
text-align: left;
margin: 5px 5px 5px 0px;
padding-left: 5px;
border-left: 8px solid #336699;
}
#main p.header { 
color: #555;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
text-align: left;
}
/* brown notice */
#main p.notice { 
color: #996633;
font-weight: bold;
font-size: 12px;
margin: 0 0 5px 0;
text-align: left;
}
#copyright {
border-top: 1px dashed #cccccc;
padding: 2px;
text-align: center;
}

/* Javascript Date Box */

.outerbox { border:1px solid black;padding:0px;
    width:50px;
    overflow:hidden;margin:4px; font-weight: 700; 
    font-family: verdana,arial,sans-serif; }
.datebox  { font-size:22pt;color:#339966;text-align:center;
    border-bottom:1px solid black;background-color:#ffffff }
.monthbox { font-size:11pt;color:#fff;
    background-color:#336699;text-align:center; }