/* basic styles */

html, body {margin: 0; padding: 0 0 5em;
  font: 0.9em/1.25 "Helvetica Neue", Arial, Helvetica, sans-serif; text-align: center;
  background: #369;}
#container {width: 740px; border: 5px solid #036; border-width: 0 5px 5px;
  margin: 0 auto;
  text-align: left; background: #85A4C7;}
a img {border: 0;}

#masthead {float: left; position: relative; padding-top: 10px;
  background: #ECECEC;}
#masthead h1 {float: left; position: relative;
  font-size: 1em; padding: 7px 0 20px 20px; margin: 0;}
#masthead h2 {position: absolute; top: 17px; right: 10px; width: 500px; margin: 0;
  color: #C60; font-size: 1.2em; line-height: 1em; text-align: right;}
#masthead div, #masthead form {text-align: right;}
#masthead #toplinks {padding: 38px 10px 0 0; color: #853;
  font-weight: bold; font-size: 0.85em;}
#masthead #toplinks a {color: #28435E; margin: 0 4px;}
#masthead #toplinks a:hover {color: #668AB2;}
#masthead form {margin: 10px 10px 0 0;}
#masthead form input {font-size: 0.85em;}
#masthead .submit {color: #FFF; background: #369;
  border: 2px solid; border-color: #85A4C7 #003 #003 #85A4C7;}


#navbar {float: left; clear: left;
  margin: 0; padding: 0;
  background: #003;}
#navbar li {float: left;
  list-style: none; text-align: center;}
#navbar a {display: block; padding: 1em;
  text-decoration: none; white-space: nowrap;
  color: #CEE4F2; position: relative;}
#navbar a:hover, #navbar .current a {background: #C60; color: #FFF;}

#main {clear: both;}

#masthead, #navbar {width: 740px;}

#contentshadow {float: left; width: 460px; margin: 7px 0 0 17px;}
#content {padding: 20px; line-height: 1.5;
  background: #FFF;}
#content #pagehelp {font-size: 0.95em; margin: 0; padding: 0.5em 0 0;}
#content #pagehelp li {margin: 0 0 0.5em; padding: 0; list-style: none;}

#content h2 {margin: 0.75em 0; padding: 0 0 0.25em;
  color: #C60; border-bottom: 1px dashed #999;
  font: 2em Arial, sans-serif;}

#content a {color: #C60;}
#content a:hover {color: #000;}
a.more {background: url(../pix/more-arr.gif) 100% 60% no-repeat;
  border-bottom: 1px solid;
  text-decoration: none;
  padding-right: 9px;}

#sidebar {float: right; width: 230px; margin: 10px 10px 0 0;}
#sidebar h3 {margin: 1em 0 0; font-size: 1.1em;}
#sidebar ul {margin: 0; padding: 0 0 0 10px;}
#sidebar li {list-style: none; margin-top: 0.25em;}
#sidebar a {color: #036;}
#sidebar a:hover, #sidebar li.current a {color: #ececec;}

#footer {clear: both; width: 100%;
  position: relative;
  padding: 0.66em 0 1em;
  color: #FFF; background: #003;}
html>body #footer {padding-top: 1em;}
#footer p {margin: 0 1em;}
#footer a {color: #CEE4F2;}
#footer a:hover {color: #FFF;}

/* IE-Win hack */
* html #contentshadow {margin-left: 10px;}
* html #sidebar {margin-right: 5px;}