@import url(/default.css);

body {
  min-width: 58em;
  margin: 0;
}

#container {
  max-width : 64em;
  padding   : 0 0.5em 0 0.5em;
}


/*
 * Logo
 *
 */

#logo {
  margin : 1.6em 0 1.2em 3.6em;
}

#logo img {
  padding : 0.3em 0 0 0;
  margin  : 0;
  border  : 0;
}

#logo #links {
  float   : right;
  width   : 34em;

  padding : 0 0.2em 0 0;
  margin  : 0;

  font-size   : 11px;
  line-height : 14px;
  text-align  : right;

  color: #454545;
}

#links a {
  margin : 0;
  padding : 0 0.1em 0 0.1em;
}

#links a:link, #links a:visited {
  color           : #454545;
  text-decoration : none;
}

#links a:hover {
  color           : #454545;
  text-decoration : underline;
}

/*
 * Menu
 *
 */

#menu {
  color      : #bae5f5;
  background : #1d4286;

  margin     : 0 0 3.2em 4.18em; /* 4.18 is 3.6 scaled for 86% font size */
  padding    : 0.40em 0 0.48em 0.3em;

  font-size        : 11px;
  line-height      : 14px;

  /* Readability enhancements for dark backgrounds.  */

  letter-spacing: 0.07em;
  word-spacing: 0.07em;
}

#menu a {
  margin : 0 0.1em 0 0.1em;
  padding : 0 1.42em 0 0.84em;

  border-right: 1px solid #bae5f5;
}

#menu a.l {
  border-right: none;
}

#menu a:link, #menu a:visited {

  text-decoration:none;
  color      :#bae5f5;
}


#menu a:hover {
  color      : white;

  text-decoration:underline;
}


/*
 * Search
 *
 */

#search-box input {
  border      : none;
  padding     : 1px 0.2em 1px 0.2em;
  font-size   : 11px;
  line-height : 14px;
  background  : #e6efef;
}

#search-btn input {
  border : none;
  padding: 0.2em 0 0 0;
}

#search {
  float: right;
  clear: both;

  text-align  : right;
  font-size   : 11px;
  line-height : 14px;

  height: 2.2em;
}

#search table {
  border-collapse   : collapse;
  border-spacing    : 0;
  border-style      : none;

  margin: 0 0.4em 0 0;
}

#search tr {
  padding: 0;
  margin: 0;

  font-size   : 11px;
  line-height : 14px;

  height: 2.1em;
}

#search-btn {
  padding: 0;
  vertical-align: top;
}

#search-box {
  padding: 0 0.4em 0 0;
  vertical-align: center;
}

/*
 * Sidebar
 *
 */

#sidebar {
  float   : right;
  width   : 14em;

  padding : 0 0 0 0.5em;
  margin  : 0;
}

#sidebar .box {
  margin  : 0 0 2em 0;
  padding : 0;
}

#sidebar .box h1 {
  margin           : 0;
  padding          : 0.22em 0.7em 0.22em 0.8em;

  color            : white;
  background-color : #204892;

  font-size        : 11px;
  line-height      : 15px;
  font-weight      : bold;
}

#sidebar .box h1 span.links {
  float           : right;
  color           : #d4f1f9;
  font-weight     : normal;
}

#sidebar .box h1 a:link, #sidebar .box h1 a:visited {
  color           : #d4f1f9;
  text-decoration : none;
}

#sidebar .box h1 a:hover {
  color           : white;
  text-decoration : underline;
}


#sidebar .box div, #sidebar .box ul {
  margin  : 0;
  padding : 0.6em 0.7em 0.8em 0.7em;

  font-size        : 11px;
  line-height      : 14px;

  border-left: 1px solid #a1a5a9;
  border-right: 1px solid #a1a5a9;
  border-bottom: 1px solid #a1a5a9;
}

#sidebar .box ul {
  list-style-type : none;
}

#sidebar .box ul li {
  padding         : 0.24em 0 0.24em 0;
  color           : #454545; /* inactive links */
}

#sidebar .box ul.news li {
  color           : #505050;
  padding         : 0.34em 0 0.34em 0;
}

#sidebar .box ul li a:link, #sidebar .box ul li a:visited {
  color           : #204e9b;
  text-decoration : none;
}

#sidebar .box ul li a:hover {
  color           : #204e9b;
  text-decoration : underline;
}

/*
 * Content
 *
 */

#content {
  margin  : 0 15em 0 0;
  padding : 0 0.5em 0 3.6em;
}

p {
  margin: 0 0 1.2em 0;
}


/*
 * Headings
 *
 */
#content h1 {
  color: #1d4286;
  margin-left: 0;
}

#content h1.top {
  margin-top: 0;
}

#content h2 {
  color: #1d4286;
  margin-top: 2em;
}
