/* CSS for WMC site */
/* blue with menu on left */

body {
   font-family: verdana, arial, sans-serif;
   font-size: small;
   line-height: 1.2em;
   background-color: #c2c2c2;
   }

* {
   margin: 0;
   padding: 0;
   font-size: 1em;
   }

h1 {
   margin-top: 10px;
   font-family: verdana, arial, sans-serif;
   font-size: 150%;
   font-weight: normal;
   }

h2 {
   margin-top: 20px;
   font-family: verdana, arial, sans-serif;
   font-size: 120%;
   font-weight: normal;
   }

h3 {
   margin-top: 20px;
   font-family: verdana, arial, sans-serif;
   font-size: 100%;
   font-weight: bold;
   }

p { margin-bottom: 5px; }

p.textindent {
   display: block;
   margin-left: 20px;
   }

td { padding: 2px 10px; }

a.link { color: #003366; }

a.visited { color: #660033; }

#container {
   width: 750px;
   margin: 30px auto;
   padding: 10px;
   background: #ffffff;
   }

#watermark {
   height: 30px;
   background-color: #006699;
   background-image: url(images/main/tlcorner.gif);
   background-repeat: no-repeat;
   background-position: left top;
   }

#watermark p {
   padding: 5px 10px;
   color: #ffffff;
   font-family: verdana, arial, sans-serif;
   font-size: 80%;
   text-align: right;
   }

#banner {
   height: 200px;
   background-image: url(images/main/banner.png);
   background-repeat: no-repeat;
   }

#banner p {
   position: relative;
   left: 550px;
   bottom: -165px;
   font-family: arial, sans-serif;
   font-size: 115%;
   font-weight: bold;
   color: #ffff00;
   width: 12em;
   }

#titlebar {
   height: 50px;
   font-family: verdana, arial, sans-serif;
   background-color: #003366;
   }

#titlebar p {
   text-align: left;
   padding: 10px;
   font-size: 200%;
   color: #ffff00;
   }

#sidebar {
   float: left;
   width: 150px;
   margin: 10px 0px 5px 0px;
   padding: 10px 10px 20px 10px;
   color: #ffffff;
   background-color: #003366;
   background-image: url(images/main/tlcorner.gif);
   background-repeat: no-repeat;
   background-position: left top;
   }
   
#sidebarnav { color:#ffffff; }

#sidebarnav ul {
   padding: 5px;
   list-style: none;
   font-family: arial, helvetica, sans-serif;
   }

#sidebarnav li {
   list-style: none;
   }

#sidebarnav li a {
   color: #ffffff;
   text-decoration: underline;
   margin: 5px 0 0 0;
   padding: 5px 0 5px 0;
   display: block;
   }

#sidebarnav li a:hover { color: #ffff00; }

#content {
   width: 550px;
   margin: 10px 0px 5px 0px;
   padding: 0px;
   float: right;
   color: #000000;
   background-color: #ffffff;
   background-image: url(images/main/tlcorner.gif);
   background-repeat: no-repeat;
   background-position: left top;
   }

#content a { text-decoration:underline; }

#content ul { padding-left: 20px; }

#content li { padding-bottom: 5px; }

#footnote {
   height: 30px;
   background-color: #006699;
   background-image: url(images/main/tlcorner.gif);
   background-repeat: no-repeat;
   background-position: left top;
   clear: both;
   }

#footnote p {
   padding: 5px 10px;
   color: #ffffff;
   font-family: verdana, arial, sans-serif;
   font-size: 80%;
   text-align: right;
   }

#footnote a { color:#ffffff; }
	
#footer {
   height: 30px;
   background-color: #003366;
   clear: both;
   }

#footer p {
   padding: 5px 10px;
   color: #ffffff;
   font-family: verdana, arial, sans-serif;
   font-size: 80%;
   text-align: left;
   }

#footer a { color:#ffffff; }

.rightimg {
   float: right;
   border: 1px solid;
   margin-left: 10px;
   }

.leftimg {
   float: left;
   border: 1px solid;
   margin-right: 10px;
   }

.centerimg {
   display: block;
   border: 1px solid;
   margin-right: auto;
   margin-left: auto;
   }

#textblock {
   width: 400px;
   border: 2px solid;
   padding: 15px 10px 15px 10px;
   background-color: #660033;
   margin-right: auto;
   margin-left: auto;
   }

#textblock p {
   font-family: verdana, arial, sans-serif;
   font-size: 100%;
   text-align: center;
   color: #ffcc00;
   }

#textblock a {
   text-decoration: underline;
   color: #ffcc00;
   }