*{margin:0; padding:0;}

body{font:0.96em Verdana,Tahoma,Arial,sans-serif;line-height:1.4em;text-align:center;color:#323232;background:#ededed url(./images/font.png) repeat-x center top;}

#container {background:#fff;border:0.1em solid #777;color:#323232;margin:2em auto;text-align:left;width:94em}
#header{height:10.1em;width:92.8em;background:#336699;color:#fff;border:0.1em solid #2F4A6C;margin:0.5em;}
#title{font-size:2.3em;}
#subtitle{font-size:1.2em;}

#navigation{float:right;display: block;margin: 0px;padding:0px;margin-left:20px;line-height:2.1em;color:#ccc;margin-right:0.5em;white-space:nowrap;}
#navigation li{list-style-type:none;white-space:nowrap;}
#navigation li a{display:block;width:17em;padding:0 0.6em;font-size:0.8em;font-weight:normal;text-transform:uppercase;text-decoration:none;color: #444;border:0.1em solid #ddd;margin-bottom:0.2em;text-align:center;background-color:#eee;}
#navigation li a:hover{color:#fff;text-decoration:none;background-color:#669933;border:0.1em solid #558822;}

#content {font-size:1.2em;margin-right:0.5em;padding:1em 3em 3em}
#content h1{margin:0 0 0.3em -0.9em;line-height: 1.2;font-size:2.5em;font-weight:bold;letter-spacing:-1px;color:#222;}
#content h2{margin:0 0 0.3em -0.9em;font-size:1.7em;font-weight:normal;letter-spacing:-1px;color:#222;}
#content h3{margin:0.7em 0 0.3em -0.6em; font-size:1.4em; letter-spacing:-1px;color:#222;font-weight:normal;}
#content h4{margin:0 0 0.3em -0.9em;line-height: 1.2;font-size:2.0em;font-weight:normal;letter-spacing:-1px;color:#222;}
#content h5{font-size:2.0em;font-weight:normal;letter-spacing:-1px;color:#222;}
#content li{font-size:1.2em;margin-left:2em;}
#content a{color:#336699;font-weight:bold;text-decoration:none;}
#content a:hover{color:#336699;text-decoration:underline;}
#content img {padding:3px;margin-right:1px;}

table {border:1px solid #336699;border-collapse:collapse}
table th {background-color:#336699;border:1px solid #2F4A6C;color:#fff;padding:4px}
table td {background-color:#fff;border:1px solid #336699;color:#323232;padding:4px;text-align:left;}

input,textarea,select {background-color:#FAFAFA;border:1px solid #ccc;color:#323232;font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;font-size:11px;padding:0.2em}
input:focus,textarea:focus {background-color:#FFF;border:1px solid #336699;color:#2F4A6C}


#footer{clear:both;width:63.8;margin-top:1em;padding:0.4em 0;font-size:0.9em;color:#f0f0f0;background:#336699;margin:0.5em;border:0.1em solid #2F4A6C;text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#fff; text-decoration: underline;}



.vertical-menu {
  width: 210px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #336699; /* Add a dark blue color to the "active/current" link */
  color: white;
}