/* $Id: style.css,v 1.24 2007/12/22 23:24:26 goba Exp $ */

/*

** HTML elements

*/

body {

  color: #000;

  background-color: #fff;

  margin: 0;

  padding: 0;

}

body, p, td, li, ul, ol {

  font-family: Verdana, Helvetica, Arial, sans-serif;

}

h1, h2, h3, h4, h5, h6 {

  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;

  margin: 0;

}

h1 {

  color: #369;

  font-size: 1.6em;

}

tr.odd td, tr.even td {

  padding: 0.3em;

}

a:link {

  text-decoration: none;

  font-weight: bold;

  color: #ff8c00;

}

a:visited {

  text-decoration: none;

  font-weight: bold;

  color: #c96;

}

a:hover, a:active {

  font-weight: bold;

  color: #ff4500;

  text-decoration: underline;

}

fieldset {

  border: 1px solid #ccc;

}

p {

  margin: 0 0 1.3em 0;

  padding: 0;

}

blockquote {

  border-left: 4px solid #69c;  /* LTR */

  padding: 0 15px;

  margin: 25px 100px 25px 50px; /* LTR */

  color: #696969;

  text-align: left; /* LTR */

  font-size: 1.2em;

  line-height: 1.3em;

  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;

}

pre {

  background-color: #eee;

  padding: 0.75em 1.5em;

  font-size: 1.2em;

  border: 1px solid #ddd;

}

.form-item {

  margin-top: 1em;

}

.form-item label {

  color: #369;

}

.item-list .title {

  color: #369;

  font-size: 0.85em;

}

/*

** Page layout blocks / IDs

*/

#primary-menu {

  border-collapse: separate;

  background-color: #e0edfb;

  border-bottom: 3px solid #69c;

}

#primary-menu tr {

  background: transparent url(header-a.jpg) left bottom repeat; /* LTR */

}

td#home {

  background: transparent url(logo-background.jpg) left top repeat; /* LTR */

}

td#home a:link img, td#home a:visited img {

  background: transparent url(logo-active.jpg) repeat; /* LTR */

  width: 144px;

  height: 63px;

}

td#home a:hover img {

  background: transparent url(logo-hover.jpg) repeat; /* LTR */

  width: 144px;

  height: 63px;

}

.primary-links, .primary-links a:link, .primary-links a:visited {

  color: #369;

}

.primary-links a:hover {

  color: #000;

}

#primary-menu .primary-links {

  background: transparent url(header-b.jpg) left top no-repeat; /* LTR */

  font-size: 0.79em;

}

#primary-menu .primary-links h1, #primary-menu .primary-links h2, #primary-menu .primary-links h3 {

  font-size: 2.3em;

  color: #369;

}

#secondary-menu {

  border-collapse: separate;

  background-color: #369;

  border-bottom: 3px solid #69c;

}

.secondary-links, .secondary-links a:link, .secondary-links a:visited {

  color: #e4e9eb;

}

.secondary-links a:hover {

  color: #fff;

  text-decoration: underline;

}

#secondary-menu .secondary-links {

  font-size: 0.85em;

}

ul.links li {

  border-left: 1px solid #ff8c00; /* LTR */

}

#navlist li {

  border-left: 1px solid #369; /* LTR */

}

#subnavlist li, ul.primary-links li, ul.secondary-links li {

  border-left: 1px solid #fff; /* LTR */

}

#navlist li.first, #subnavlist li.first, ul.links li.first {

  border: none;

}

.tabs {

  margin: 15px 0;

}

.tabs ul.primary {

  border-collapse: collapse;

  padding: 0 0 3px 10px; /* LTR */

  white-space: nowrap;

  list-style: none;

  margin: 0;

  height: auto;

  line-height: normal;

  border-bottom: 2px solid #369;

}

.tabs ul.primary li {

  display: inline;

}

.tabs ul.primary li a {

  padding: 3px 10px;

  background: #fff url(tabs-off.png) left top no-repeat; /* LTR */

  border-color: #69C;

  border-width: 2px;

  border-style: none solid none none; /* LTR */

  height: auto;

  margin-right: 10px; /* LTR */

  text-decoration: none;

  text-transform: lowercase;

}

.tabs ul.primary li.active a {

  background: #369 url(tabs-on.png) left top no-repeat; /* LTR */

  border-right: 2px solid #369; /* LTR */

  color: #fff;

}

.tabs ul.primary li a:hover {

  background-color: #fffaf0;

  color: #ff4500;

}

.tabs ul.secondary {

  border-collapse: collapse;

  padding: 10px 0;

  margin: 0;

  white-space: nowrap;

  width: 100%;

  list-style: none;

  height: auto;

  line-height: normal;

  border-bottom: none;

}

.tabs ul.secondary li {

  display: inline;

  height: auto;

  padding: 0 0 0 10px; /* LTR */

  text-decoration: none;

  border-right: none; /* LTR */

}

.tabs ul.secondary li a {

  background: #fff url(tabs-option-off.png) left center no-repeat; /* LTR */

  padding: 10px 0 10px 25px; /* LTR */

  margin: 0;

}

.tabs ul.secondary li a.active {

  background: #fff url(tabs-option-on.png) left center no-repeat; /* LTR */

  color: #369;

  border-bottom: none;

}

.tabs ul.secondary li a:hover {

  background: #fff url(tabs-option-hover.png) left center no-repeat; /* LTR */

  color: #FF4500;

}

#content {

  background-color: #fff;

}

#contentstart {

  background-color: #fff;

}

#menu {

  padding: 0.5em 0.5em 0 0.5em;

  text-align: right; /* LTR */

  vertical-align: middle;

}

#search .form-text, #search .form-submit {

  border: 1px solid #369;

  font-size: 0.85em;

  margin: 0.2em;

}

#search .form-text {

  width: 9em;

}

#search .form-submit {

  height: 1.5em;

}

#mission {

  background-color: #fff;

  color: #696969;

  border-top: 2px solid #dcdcdc;

  border-bottom: 2px solid #dcdcdc;

  padding: 10px;

  margin: 20px 35px 0 35px;

  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;

  font-size: 1.1em;

  font-weight: normal;

}

#site-info {

  background-color: #bdd3ea;

  background-image: url(header-c.png);

  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;

}

.site-name {

  font-size: 1.2em;

}

.site-name a:link, .site-name a:visited {

  color: #fff;

}

.site-name a:hover {

  color: #ff8c00;

  text-decoration: none;

}

.site-slogan {

  font-size: 0.8em;

  font-weight: bold;

}

#main {

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  padding: 30px 35px 50px 35px;

  background: transparent url(background.png) center center no-repeat;

  /* fix background overlapping text in IE (aka Peekaboo Bug) */

  position: relative;

}

#mission, .node .content, .comment .content {

  line-height: 1.4;

}

#help {

  font-size: 0.9em;

  margin-bottom: 1em;

}

.breadcrumb {

  margin-bottom: .5em;

}

.messages {

  background-color: #eee;

  border: 1px solid #ccc;

  padding: 0.3em;

  margin-bottom: 1em;

}

.error {

  border-color: red;

}

.nav {

  padding: 0;

  margin: 0;

}

#sidebar-left, #sidebar-right {

  font-size: 0.75em;

  width: 175px;

  /* padding in px not ex because IE messes up 100% width tables otherwise */

  padding: 25px 10px 75px 10px;

  vertical-align: top;

  background: #FFFAF0;

}

#sidebar-left {

  border-right: 3px solid #f5f5f5;

}

#sidebar-right {

  border-left: 3px solid #f5f5f5;

}

#sidebar-left li, #sidebar-right li {

  font-size: 1em;

}

.node .content {

  text-align: left; /* LTR */

  font-size: 0.85em;

  line-height: 1.3;

}

.comment .content {

  text-align: left; /* LTR */

  font-size: 0.85em;

  line-height: 1.3;

}

#footer-message {

  padding: 15px 100px 30px 100px;

  font-size: 0.85em;

  text-align: center;

  color: #aaa;

}

table#footer-menu {

  border-top: 3px solid #69c;

  border-bottom: 3px solid #69c;

  background-color: #369;

  color: #e4e9eb;

}

#footer-menu td {

  padding: 5px;

  font-size: 0.75em;

}

#footer-menu .primary-links, #footer-menu a:link, #footer-menu a:visited {

  color: #e4e9eb;

}

#footer-menu a:hover {

  color: #fff;

  text-decoration: underline;

}

#footer-menu .primary-links h1, #footer-menu .primary-links h2, #footer-menu .primary-links h3 {

  font-size: 1.3em;

  color: #e4e9eb;

}

/*

** Common declarations for child classes of node, comment, block, box, etc.

** If you want any of them styled differently for a specific parent, add

** additional rules /with only the differing properties!/ to .parent .class.

** See .comment .title for an example.

*/

#content .title, #content .title a {

  color: #369;

}

.content h1 {

  color: #369;

  font-size: 1.9em;

}

.content h2 {

  color: #58b;

  font-size: 1.7em;

}

.content h3 {

  color: #69c;

  font-size: 1.5em;

}

.content h4 {

  color: #8be;