body { 
 background-color: #ffffff; 
 background-image: url("/resources/img/header_background.jpg");
 background-position: 0 0;
 background-repeat: repeat-x;
 color: #333333; 
 margin: 0; 
 padding: 10px 0;
}

.wikipage { background-color: #f8f8f8; padding-left: 18px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa }

.wikipage h1, .wikipage h2, .wikipage h3 { margin-left: -8px }

/* Header */

#header hr { display: none }

#header h1 { margin: 1.5em 0 -1.5em; }

#header img { border: none; margin: 0 0 -3em }

#header :link, #header :visited, #header :link:hover, #header :visited:hover {
 background: transparent;
 color: #555;
 margin-bottom: 2px;
 border: none;
}

#header h1 :link:hover, #header h1 :visited:hover { color: #000 }

#header {
 padding: 0 10px;
 background-image: url("/resources/img/headerContent_background.jpg");
 background-position: 94% 0;
 background-repeat: no-repeat;
 height: 221px;
 text-align: left;
}

#banner {
 margin: 0;
 padding: 0;
}

/* Quick search */

#search {
 clear: both;
 font-size: 10px;
 margin: 0 0 1em;
 text-align: right;
 height: 39px;
 line-height: 39px;
 background-image: url("/resources/img/menubar_background.jpg");
 background-position: 0 0;
 background-repeat: repeat-x;	
}

#search input { font-size: 10px }

#search label { display: none }

body, th, td {
 font-size: 14px;
 font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3, h4 {
 font-family: Arial, sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
 page-break-after: avoid;
}

h1 { font-size: 19px; margin: .15em 1em 0.5em 0 }

h2 { font-size: 16px }

h3 { font-size: 14px }

hr { border: none;  border-top: 1px solid #ccb; margin: 2em 0 }

ul { list-style-type: square }

address { font-style: normal }

img { border: none }

.underline { text-decoration: underline }

ol.loweralpha { list-style-type: lower-alpha }

ol.upperalpha { list-style-type: upper-alpha }

ol.lowerroman { list-style-type: lower-roman }

ol.upperroman { list-style-type: upper-roman }

ol.arabic     { list-style-type: decimal }

/* Link styles */

:link, :visited {
 text-decoration: none;
 color: #aa3305;
 border-bottom: 1px dotted #bbb;
}

:link:hover, :visited:hover { background-color: #eee; color: #555 }

h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited, h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
 color: inherit;
}

/* Footer */

#footer {
 clear: both;
 color: #000000;
 font-size: 10px;
 border-top: 1px solid;
 height: 300px;
 padding: 31px 0 10px 0;
 background-image: url("/resources/img/footer_background.jpg");
 background-position: 0 0;
 background-repeat: repeat-x;
 background-color: #fc9900;
}

#footer :link, #footer :visited { font-weight: bold; color: #ffffff; }

#footer hr { display: none }

#footer #tracpowered { border: 0; float: left }

#footer #tracpowered:hover { background: transparent }

#footer p { margin: 0 }

#footer p.left {
 float: left;
 margin-left: 1em;
 padding: 0 1em;
 border-left: 1px solid #d7d7d7;
 border-right: 1px solid #d7d7d7;
}

#footer p.right {
 float: right;
 text-align: right;
}

/* Main navigation bar */

#mainnav {
 background: #f7f7f7 url(../topbar_gradient.png) 0 0;
 border-top: 1px solid #d7d7d7;
 border-bottom: 2px solid #d7d7d7;
 border-left: none;
 border-right: none;
 margin: .66em 0 .33em;
 padding: .5em 0;
}

#mainnav li { border-right: none; padding: .25em 0 }

#mainnav :link, #mainnav :visited {
 background: url(../dots.gif) 0 0 no-repeat;
 border-right: 2px solid #d7d7d7;
 border-bottom: none;
 border-left: 1px solid #ffffff;
 color: #000;
 padding: .5em 10px;
}

* html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }

#mainnav :link:hover, #mainnav :visited:hover {
 background-color: #ccc;
 border-right: 2px solid #ffffff;
}

#mainnav .active :link, #mainnav .active :visited {
 background: #333 url(../topbar_gradient2.png) 0 0 repeat-x;
 border-top: none;
 border-right: 2px solid #ffffff;
 color: #eee;
 font-weight: bold;
}

#mainnav .active :link:hover, #mainnav .active :visited:hover {
 border-right: 2px solid #ffffff;
}

/* Context-dependent navigation links */

#ctxtnav { 
 height: 1em;
 margin: 1em 0 0.5em 0;
}

#ctxtnav li ul {
 background: #f7f7f7;
 color: #ccc;
 border: 1px solid;
 padding: 0;
 display: inline;
 margin: 0;
}

#ctxtnav li li { padding: 0; }

#ctxtnav li li :link, #ctxtnav li li :visited { padding: 0 1em }

#ctxtnav li li :link:hover, #ctxtnav li li :visited:hover {
 background: #bba;
 color: #fff;
}

/* Navigation */
.nav h2, .nav hr { display: none }

.nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }

.nav li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 padding: 0 0.75em;
 white-space: nowrap;
}

.nav li.last { border-right: none }

/* Forms */

input, textarea, select { margin: 2px }

input, select { vertical-align: middle }

input[type=button], input[type=submit], input[type=reset] {
 background: #eee;
 color: #222;
 border: 1px outset #ccc;
 padding: .1em .5em;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background: #ccb;
}

input[type=button][disabled], input[type=submit][disabled], input[type=reset][disabled] {
 background: #f6f6f6;
 border-style: solid;
 color: #999;
}

input[type=text], input.textwidget, textarea { border: 1px solid #d7d7d7 }

input[type=text], input.textwidget { padding: .25em .5em }

input[type=text]:focus, input.textwidget:focus, textarea:focus {
 border: 1px solid #886;
}

option { border-bottom: 1px dotted #d7d7d7 }

fieldset { border: 1px solid #d7d7d7; padding: .5em; margin: 1em 0 }

form p.hint, form span.hint { color: #666; font-size: 85%; font-style: italic; margin: .5em 0;
  padding-left: 1em;
}

fieldset.iefix {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

* html fieldset.iefix { width: 98% }

fieldset.iefix p { margin: 0 }

legend { color: #999; padding: 0 .25em; font-size: 90%; font-weight: bold }

label.disabled { color: #d7d7d7 }

.buttons { margin: .5em .5em .5em 0 }

.buttons form, .buttons form div { display: inline }

.buttons input { margin: 1em .5em .1em 0 }

.inlinebuttons input { 
 font-size: 70%;
 border-width: 1px;
 border-style: dotted;
 margin: 0 .1em;
 padding: 0.1em;
 background: none;
}


#header, #search, #metanav, #ctxtnav, #content, #footer {
 padding-left: 50px;
 padding-right: 50px;
}

#mainnav {
 padding-left: 40px;
 padding-right: 40px;
}
