html { background-color: #AABAC5; }
body { font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; }

a { color:#4C7EB1; }
.content h2 a { color:#4C7EB1; }

.hidden { display:none; }

#page { width: 510px; margin:15px auto; padding:10px; color:#444; background-color:#fff; border:1px solid; }
#header { position:relative; padding: 10px 2em 1em 20px;  border-bottom:1px solid; }
#main { margin: 10px 0;  padding: 0px 20px; }
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 1px solid; }
#header, #main, #footer { clear:both; }

h1,h2,h3,h4,h5,h6 { font-family:"times new roman",times,serif; color:#4C7EB1;  }
.content h2 { font-size: 1.8em; }
.content p { margin-bottom: 0.3em; }
.content p + p { margin-top: -0.3em; }

.content form div { padding:0 }
.content input, .content label { vertical-align:middle; line-height:1.6em; }

#header h1 { margin-top:0; margin-bottom:0em; font-size:2.4em; }
#header  a { color:#000; text-decoration:none; }
#header .slogan { font-weight:normal; display:block; font-size:0.5em; color:#444 }
#topnav { position:absolute; top: 10px; right:0px; color: #aaa; }
#topnav ul { line-height:1em; list-style:none; margin:0; padding:0 0 0 50px; white-space:nowrap; }
#topnav li { border-left:1px solid; float:left; margin:0 6px 0 0; padding:0 0 0 6px;  position: relative; }
#topnav li.first { border-left: none; }

#topnav ul li ul { padding:0; margin-top:4px; }
#topnav ul li ul li { padding:0; margin:0 0 2px 0; float:none; border-left:none; }

#header #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
#header #topnav a:focus, #header #topnav a:hover, #header #topnav a:active { text-decoration:underline; }

#footer a { color: #999; background:transparent; font-weight: bold;}
#footer a:focus, #footer a:hover, #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}