/*** RESET ***/

/* Curtesy http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 font: 10pt Verdana, Arial, Helvetica, sans-serif;
 color: #4b4b4b;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
 outline: 0;
}
body {
 background: white;
 color: black;
 line-height: 1;
}
ol, ul {
 list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: "";
}
blockquote, q {
 quotes: "" "";
}

/*** Let the styling begin. First the overall layout. ***/

body {
 background-color: white;
}

#container {
 /*position: relative;*/
 background-color: white;
 height: 100%;
 margin: 0 auto 0 auto;
 width: 900px;
}
#header {
 background: white;
 height: 180px;
 padding-left: 10px;
 position: relative;
}
#logo {
/* background: #f0f0f0;*/
/* border: 2px solid #303030;*/
 left: 10px;
 position: absolute;
 top: 10px;
}

#logo_icon {
/* background: #f0f0f0;*/
/*  background:#ff0000;*/
 float: left;
/* border: 2px solid #303030;*/
 width: 150px;
}

#logo_description {
/* background: #f0f0f0;*/
/* background:#00ffff;*/
/* vertical-align: bottom;*/
 margin: 40px 0 20px 0;
 top: 50%;
 float: left;
/* border: 2px solid #303030;*/
 width: 250px;
}

#logo a {
 color: black;
 text-decoration: none;
}

#logo a.logo {
 display: block;
 padding: 5px 20px 5px 5px;
}

p.site_title {
 font-size: 150%;
 font-style: bold;
 padding: 0em 0em 0em 0em;
 margin: 0.2em 0em 0em 0em;
/* background:#0000ff; */
}
p.site_subtitle {
 padding: 0em 0em 0em 0em;
 margin: 0em 0em 0em 0em;
 font-size: 80%;
/* background:#00ffff; */
/* font-style:italic;*/
}

#content {
 height: 100%;
 padding: 2em 2em 2em 2em;
 border: 1px solid #ffffff;
}

#page {
/*	background:#00ffff;
	border: 2px solid #303030;*/
}

#page p {
 line-height: 1.4;
/* background-color: #aaaaaa;*/
 margin-top: 0;
 font-size: 90%;
/* margin-bottom: 0;*/
}

#page a, li{
	font-size: 90%;
}

#page ul{
	margin-bottom: 1em;
}

#footer {
 background-color: #e8e8e8;
 border-top: 1px solid #737373;
 color: white;
 margin-top: 20em;
 padding-top: 10px; padding-bottom: 10px;
 width: 900px;
}

#footer p {
 margin-left: 1em;
 margin-right: 1em;
}

#footer a {
 color: #aaaaff;
}

/*** Content *******************************************************/

h1, h2 {
	margin-bottom: .5em;
	margin-top: 1em;
	padding-bottom: .5em;
}

h3 {
	margin-top: 1em;
	color: #0084ab;
	margin-bottom: 0.1em;
	padding-bottom: 0.1em;
/*	background-color: #bbbbbb;*/
}

h1, h2, h3, #logo, #page_title {
 font-family: Verdana, Tahoma, Helvetica, Arial, "sans-serif";
}

h4, h5, h6, p {
 margin: 5px 0 5px 0;
 padding: 5px 0 5px 0;
}
h1, h2 {
 color: #737373;
}
h1, h2 {
 border-bottom: 1px solid #737373;
}
h1 {
 font-size  : 180%;
}
h2 {
 font-size  : 140%;
}
h3 {
 font-size  : 129%;
}
h4 {
 font-size  : 107%;
}

/*** The Menu ******************************************************/

#menu {
/* font-size: 120%; */
/* background: #e8e8e8;*/

 background: #c4c4c4;
 position: absolute;
 top: 160px;	
 width: 900px;
}

#menu > ul {

	text-align: left;
	display: block;
	width: 100%;
	height: 1.8em;
	
	/* background: #ffff00;*/
	margin-top: 0.6em; /*Adjusts top menu bar height*/
	
}

#menu ul li {
	display: inline;
	margin-left: 5px;
	padding-right: 1em;
	font-weight: bold;
}

#menu  ul  li.back  ul {
 display: none;
}

#menu  ul  li.front  ul {
 background: #e8e8e8;
/* background: #ffff00; */
 float: left;
 margin-top: 0.5em; /* adjusts bottom menubar height*/
 padding-top: .6em;
 padding-bottom: .6em;
 width: 900px;
 z-index: 1000;
}

#menu  ul  li.front  ul  li{
 display: inline;
 z-index: 1001;
 
}

#menu a {
 text-decoration: none;
}

#menu  ul  li  a {
 /*padding-top: .7em;*/
/* background: #ff0000;*/
 color: #4b4b4b;
}

#menu  ul  li.front  a {
/* border-bottom: .2em solid #e8e8e8; */
/* color: #e8e8e8;*/
font-weight: bold;
padding: .3em 1em .3em 1em;
 color: #4b4b4b;
}
#menu  ul  li.back  a {
/* border-bottom: .2em solid #555; */
font-weight: bold;
padding: .3em 1em .3em 1em;
 color: #4b4b4b;
 
}

#menu  ul  li.front  ul  li {
 margin: 0;
 padding: 0;
}
#menu  ul  li.front  ul  li  a {
 font-family: Verdana, Arial, sans-serif;
 font-size: 90%;
 margin-left: 8px;
 font-weight: normal;
 padding: .3em 1em .3em 1em;
}
#menu  ul  li.front  ul  li.front  a {
/*	background: #737373; */
 color: #4b4b4b;
}
#menu  ul  li.front  ul  li.back  a {
/* background: #e8e8e8; */
 color: #4b4b4b;
}
#menu  ul  li.front  ul  li.back  a:hover {
 /*background-color: gray;*/
}

#content_header {
	float: right;
	width: 100%;
/*	border: 1px solid #000000;*/
}

#breadcrumbs {
	float: left;
	margin: -5px 0px 13px -20px;
	
	/* display: none;*/
/*	border: 2px solid #000000;*/
}

#breadcrumbs ul{
	margin-left: 0;
	padding-left: -10px;
	text-indent: -010px;
	display: inline;
}

#breadcrumbs ul li{
	font-size: 150%;
	list-style: none;
	padding-left: 10px;
	margin-left: 0;
/*	border: 2px solid #000000;*/
	text-indent: 0;
	display: inline;
}

#breadcrumbs ul a {
	list-style: none;
	padding: 0px 5px 0px 5px;
	margin-left: 0;
	text-decoration: none;
	text-indent: 0;
	display: inline;
}

#breadcrumbs ul a:hover{
	background-color: #4b4b4b;
	color: white;
}

#breadcrumbs ul li:before{
	content: "\00BB \0020";
	text-indent: 0;
}

#toolbar {
	display: none;
/*	border: 1px solid #000000;*/
	float: right;
	margin: -5px 10px 0px 0px;
}

#page_title {
/*	border: 1px solid #000000;*/
	margin: 5em 1em 2em 2em;
}

#page_title a{
	display: none;
 font-size: 190%;
 font-weight: normal;
 text-decoration: none;
/* color: #737373; */
}

/* Sputnik-Specific */

#search {
	display: none;
}

#login {
	display: none;
}

#search_box {
 position:absolute;
 top: 10px;
 left: 700px;
 z-index: 1000;
}

#login {
 position:absolute;
 top: 35px;
 left: 700px;
 z-index: 1000;
}

form.search {
 display: inline;
}

input.search_box {
 padding:   2px  2px   2px  2px;
 display : inline;
 line-height: 10px;
 font-size  : 9pt;
 vertical-align: text-bottom;
 height: 12px;
}

#page p .nr {
 font-size:10px;
 text-decoration: none;
 vertical-align:top;
}

.footnote {
 margin-top: 20px;
}
h4 {
 font-weight: bold;
}

#bd {
 padding-left: 5em;
}
#page blockquote {
 border-left: 2px solid #cccccc;
 line-height: 1;
 margin-left: 5em;
 padding-left: 1em;
}

#page blockquote p {
 line-height: 1;
 padding-bottom: .5em;
 padding-top: .5em;
}

.next_node_link {
 margin-left: 400px;
}

#chapter_download_link {
 margin: 1em;
 margin-left: 500px;
 margin-right: -3em;
 padding: 0;
}
#chapter_download_link a {
 text-decoration: none;
}

#page ul {
 list-style: disc;
 padding-left: 3em;
}

#page ol {
 list-style: decimal;
 padding-left: 3em;
}

pre {
 font-family: "monospace";
 margin-bottom: 2em;
 margin-top: 2em;
 font: 10pt Verdana, Arial, Helvetica, sans-serif;
 font-size: 90%;
}

pre code {
 background: #fffaf0;
 border-left: 1px solid gray;
 display: block;
 margin-left: 2em;
 padding: 1em;
 padding-bottom: .5em;
 padding-top: .5em;
}

.honey {
 display: none;
}

label.inline {
 display: inline-block;
 width: 200px;
}

div.field {
 background-color: #ddd;
 margin-bottom: 2px;
 padding: .5em .2em .1em .5em ;
}

div.grippie {
 background:#F3F3F3 url(/sputnik.cgi?p=sputnik/grippie.png) no-repeat scroll center 2px;
 border-color:#DDDDDD;
 border-style:solid;
 border-width:0pt 1px 1px;
 cursor:s-resize;
 height:6px;
 margin-bottom: 10px;
 margin-left: 300px;
 overflow:hidden;
 width: 70px;
}

h2.ctrigger {
 background: url(/sputnik.cgi?p=icons/minus.png) no-repeat right;
}

h2.ctrigger.closed {
 background: url(/sputnik.cgi?p=icons/plus.png) no-repeat right;
}

.teaser {
 font-size  : 120%;
}

textarea {
 padding: 1em;
 width: 95%;
 font-size: 110%;
}
label {
 padding: .5em;
}
.error {
 background-color: #F8E0E0;
 border: medium solid #DF0101;
}
.warning {
 background-color: #F8F8D0;
 border: medium solid #DF0101;
}
.success {
 background-color: #D0F8D0;
 border: medium solid #01DF01;
}
.notice {
 background-color: #D0D0F8;
 border: medium solid #0101DF;
}
.error, .warning, .success, .notice {
 margin-bottom: 1em;
 padding: .5em;
 width: 90%;
}

ins {
 background: #d0f8d0;
 text-decoration: none;
}
del {
 background: #f8f8d0;
}


@media print {
 #menu_bar, #login, #ft, .toolbar {
   display: none; !important;
 }
 body {
   background-color: white;
 }
 #bd {
   border: none;
   margin: 0px;
   padding: 0px;
 }
}