html, body { 
   margin: 0;
   padding: 0;
}

body { 
   font: 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
   background: #f2f2f2 url(images/bg.gif) repeat-y top center;
}

h2 { 
   margin: 1em 0 0.5em 0;
   font-size: 130%;
   letter-spacing: 5px;
}

a:link, a:visited { 
   color: #2480ad;
   background: transparent;
   text-decoration: none;
}

a:hover { 
   color: #036;
   background: #8fb8cc;
   text-decoration: none;
}

#frame { 
   width: 750px;
   margin: 0 auto;
   border: 10px solid #fff;
   line-height: 2em;
   background: #f2f2f2;
   color: #666;
}

#header { 
   padding: 0;
   height: 100px;
   background: #8fb8cc;
   color: #484500;
}

#header h1 { 
   padding: 25px 0 0 25px;
   margin: 0;
   font-size: 260%;
   letter-spacing: 1px;
}

#header p { 
   padding: 1px 0 0 25px;
   margin: 0;
   font-size: 100%;
   letter-spacing: 5px;
}

#content { 
   margin-left: 240px;
   border-left: 10px solid #fff;
   padding: 1em;
}

#content p { 
   padding: 0 2em 0 2em;
}

#headernav { 
   border-bottom: 10px solid #fff;
}

#headernav ul { 
   text-align: center;
   padding-bottom: 5px;
   padding-top: 5px;
   padding-left: 0;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   background: #036;
   color: white;
   width: 100%;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 18px;
}

#headernav ul li { 
   display: inline;
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 5px;
   padding-top: 5px;
   border-right: 1px solid #fff;
}

#headernav ul li a { 
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
   color: white;
   text-decoration: none;
}

#headernav ul li a:hover { 
   background: #369;
   color: white;
}

#headernav #current { 
   background: #369;
} 

#headernav #left { 
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
} 

#leftnav { 
   float: left;
   width: 200px;
   margin: 0;
   padding: 1em;
}

#leftnav p { 
   margin: 0 0 1em 0;
}

#leftnavmenu { 
   list-style: none;
   float: left;
   width: 200px;
   margin: 30px 0 30px 0;
   padding: 0;
   font-size: 0.9em;
}

#leftnavmenu ul { 
   list-style: none;
   width: 150px;
   margin: 0 0 20px 0;
   padding: 0;
   font-size: 1.1em;
}

#leftnavmenu li { 
   margin-bottom: 2px;
}

#leftnavmenu li a { 
   font-weight: bold;
   height: 20px;
   text-decoration: none;
   color: #505050;
   background: #eaeaea;
   display: block;
   padding: 4px 0 0 30px;
   border-left: 0 solid #8fb8cc;
}

#leftnavmenu li a:hover { 
   background: #8fb8cc;
   color: #fff;
   border-left: 0 solid #003366;
}

#footer { 
   clear: both;
   margin: 0;
   padding: 0;
   font-size: 0.9em;
   border-top: 10px solid #fff;
   color: #fff;
   background: #8fb8cc;
}

#footer p { 
   padding: 0 0 0 10px;
}

#spacer {
    height: 370px;
}