/* All left-to-right and right-to-left CSS is in seperate files */

body {
/*
  background: #3E62AE;
  color: #FFF;
  background: #FFF;
*/
  background: #003a88;
  color: #3E62AE;
  font-family: "Arial", sans-serif;
  font-size: smaller;
  margin: 0em;
  padding: 1em;
/*
  border-top: 1em solid #003a88;
  border-left: 4em solid #003a88;
  border-right: 4em solid #003a88;
  border-bottom: 4em solid #003a88;
*/
}
div.menu {
  color: #3E62AE;
  background: transparent;

}
body.not-showable {
  border-left: 0.5em dashed #083876;
  border-right: 0.5em dashed #083876;
}
h1 {
/*  color: #0b4da3;
  background: transparent;
  margin-top: 0em;
  padding-top: 0em;
  border-bottom: 1px solid #3E62AE;
        margin: 0;
        padding: 7px 6px 0;
        background: #3E62AE url(/.static/css/gradient.png) repeat-x 0 -110px;
        line-height: 100%;
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
*/

-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;

        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);



color: #FFF;
background: #3E62AE url(/.static/css/gradient.png) repeat-x 0 -110px;
	text-shadow: 0 3px 3px rgba(0,0,0, .3);
padding-top: 0.3em;
padding-bottom: 0.3em;
padding-left: 1em;
padding-right: 1em;
margin-top: 0.3em;
margin-bottom: 0.1em;
margin-left: 0em;
margin-right: 0em;
}
h2 {
  margin-top: 0em;
  padding-top: 0em;
	text-shadow: 0 3px 3px rgba(0,0,0, .3);
}
h2, h3, h4, h5, h6, th {
  color: #0b4da3;
  background: transparent;
  font-weight: bold;
	text-shadow: 0 3px 3px rgba(0,0,0, .3);
}
form {
  margin: 0em;
  padding: 0em;
}
strong, dt, th {
  font-weight: bold;
}
blockquote {
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
/*
  color: #036;
  background: #9FC;
*/
}
em, q {
  font-style: italic;
}
pre, tt {
  white-space: pre;
}
pre {
  padding: 1em;
}
dl {
  margin-bottom: 1em;
}
dt {
  padding-top: 0.5em;
}
dd {
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
ul, ol {
  margin-top: 0em;
  margin-left: 1em;
  margin-right: 1em;
  padding-left: 1em;
  padding-right: 1em;
} 
ul li, ol li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
} 
dt, dd {
  padding-bottom: 0.5em;
}
fieldset {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
/*
  border: 1px solid #3E62AE;
*/
 border: solid 1px #8994ca;
/*
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        box-shadow: 0 2px 6px rgba(0,0,0, .3);
*/
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
}
/* IE 6 on XP need the legend text colour setting */
legend {
  background: transparent;
  color: #083876;
	text-shadow: 0 3px 3px rgba(0,0,0, .3);
}
address {
  padding-bottom: 1em;
}
table {
  border: 1px solid #3E62AE;
}
table caption {
  background: #3E62AE; 
  color: #FFF;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  padding: 0.5em;
}
table td {
  border: 1px solid #3E62AE;
}
tfoot td {
  background: #ADB5DC;
  color: #083876;
  padding: 0.5em;
}
.hidden, .print {
  display: none;
}
.error {
  color: #FFF;
  background: red;
  font-weight: bold;
}
.no-css {
  display: none;
}
div.header {
  color: #083876;
  background: #FFF; 
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  padding-top: 0.3em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
/*
  position: static; 
  width: auto;
  min-width: 50%;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
*/
/*
  border: 1px solid #083876;
*/
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);

}
/* the content div and the following sidebar div do the two col layout */
div.content {
  color: #000;
  background: #FFF;
/*
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 0em;
  margin-bottom: 20em;
  padding: 0em;
  border: 1px solid #ADB5DC; 
  position: static; 
  width: auto;
  min-width: 50%;
  margin-bottom: 1em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0em;
*/
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  padding-top: 0.3em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
*/
/*
  border: 1px solid #083876;
*/
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);

}
div.mkdoc-content {
  width: 78%;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
}

div.sidebar, 
div.sidebar2 {
text-align: center;
width: 17%;
margin-top: 0em;
margin-right: 1em;
padding-top: 0.5em;
padding-bottom: 0.3em;
padding-left: 0.3em;
padding-right: 0.3em;
/*
padding: 0em;
*/
}

div.sidebar div,
div.sidebar2 div {
overflow: crop;
margin-top: 0.5em;
margin-bottom: 1em;
 border: solid 1px #8994ca;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);

color: #FFF;
/*background: #003a88 url(/.static/css/gradient.png) repeat-x 0 -110px;
*/
background: #3E62AE url(/.static/css/gradient.png) repeat-x 0 -110px;
/*background: #FFF;
*/
text-shadow: 0 3px 3px rgba(0,0,0, .3);
padding-top: 0.5em;
padding-bottom: 0.3em;
padding-left: 6%; 
padding-right: 6%;
/*
background: #003a88 url(/.static/css/gradient.png) repeat-x 0 -110px;
border: solid 1px #8994ca;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        box-shadow: 0 2px 6px rgba(0,0,0, .3);
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
*/
}
div.sidebar div p, 
div.sidebar2 div p {
text-align: left;
}
div.sidebar div.books p, 
div.sidebar2 div.books p {
text-align: center;
}
/*
div.sidebar div  a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
div.sidebar div a:hover {
	background: #000;
	color: #FFF;
}
*/
div.sidebar div a:link, 
div.sidebar2 div a:link {
/*  color: #adb5dc;
*/
  color: #CCF;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}
div.sidebar div a:visited, 
div.sidebar2 div a:visited {
  color: #FCF;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}
div.sidebar div a:hover , 
div.sidebar2 div a:hover {
  text-color: #FFF; 
}
div.sidebar div h2, 
div.sidebar2 div h2 {
margin-bottom: 1em;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
padding: 0em;
color: #FFF;
background: #transparent;
text-shadow: 0 3px 3px rgba(0,0,0, .3);

}
div.sidebar img, 
div.sidebar img {
  padding-bottom: 1em; 
}
div.sidebar a:hover img, 
div.sidebar a:hover img {
  background: #3E62AE;
}
div.sidebar2 {
  width: 12%;
}

div.logo {
  color: #3E62AE;
  background: transparent; 
  margin-top: 0.5em;
  padding-top: 0em;
  padding-bottom: 0.5em;
}

div.search  {
  float: right;
  padding-top: 1em;
/*
  padding-right: 1em;
*/
  color: #3E62AE;
  background: #FFF; 
}
div.search form {
margin: 0em;
padding: 0em;
}
div.search p {
 margin: 0em;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 8px;
 padding-right: 8px;
 border: solid 1px #8994ca;
        -webkit-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        -moz-box-shadow: 0 2px 6px rgba(0,0,0, .3);
        box-shadow: 0 2px 6px rgba(0,0,0, .3);
        border-radius: 2em;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
}
input#q {
border: none;
 margin: 0em;
  padding: 0em;
height: 16px;
}
input#go {
  padding-top: 1px;
}

/*
div.sidelogo {
  margin: 0.5em;
  padding-top: 0em;
  padding-bottom: 0.5em;
}
div.sidelogo strong {
  font-size: large;
}
div.logo {
  color: #3E62AE;
  background: #FFF; 
  margin: 0em;
  padding-top: 1em;
  text-align: left;
  border-bottom: 2px #FFF solid;
}
*/
/*
div.logo p {
  color: #3E62AE;
  background: #FFF;
  padding: 0.5em;
}
div.logo p strong {
  font-size: x-large;
  text-transform: uppercase;
}
div.logo p strong em {
  padding-left: 0.2em;
  padding-right: 0.2em;
  text-transform: lowercase;
  font-family: serif;
}
div.logo p a:link,
div.logo p a:visited,
div.logo p a:hover,
div.logo p a:focus,
div.logo p a:active {
  background-color: transparent;
  color: #3E62AE;
  border: none;
  text-decoration: none;
} 
div.logo p.tagline {
  color: #FFF;
  background: transparent;
  margin: 0em;
  padding: 0em;
}
div.logo p.tagline span {
  color: #FFF;
  background: #083876;
  padding: 0.5em;
}
*/
/*
div.menu {
  float: right;
  width: auto;
  margin-top: 1em;
  margin-bottom: 0em;
  margin-left: 1em;
  margin-right: 1em;
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}
*/
/*
div.menu form p {
  color: #FFF;
  background: transparent;
  margin: 0em;
  padding: 0em;
}
*/
/*
div.menu p a:link, div.menu p a:visited {
  color: #FFF;
  background: transparent;
  text-decoration: none;
}
*/
/* :active here is just for IE 
div.menu p a[href]:hover, div.menu p a[href]:focus, div.menu p a[href]:active {
  background: #FFC;
  color: #083876;
  text-decoration: none;
}
div.menu form p input#q { 
  background: #FFF;
  color: #083876;
  margin: 0em;
}
div.menu form p input#submit { 
  background: #ADB5DC;
  color: #083876;
  margin: 0em;
}
*/
div.breadcrumb {
  margin-top: 0em;
/*
  margin-left: 1em;
  margin-right: 1em;
*/
  margin-bottom: 0em;
  padding-top: 0.5em;
/*
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
*/
}
div.breadcrumb p {
/*
  color: #FFF;
  background: transparent;
*/
  margin: 0em;
  padding: 0em;
}
div.breadcrumb p a:link, div.breadcrumb p a:visited {
/*
  color: #FFF;
  background: transparent;
*/
  text-decoration: none;
}
/* :active here is just for IE */
div.breadcrumb p a[href]:hover, div.breadcrumb p a[href]:focus, div.breadcrumb p a[href]:active {
/*
  background: #FFC;
  color: #083876;
*/
  text-decoration: none;
}
div.rootchildren { 
  margin-bottom: 1em;
  /* width 100% and overflow hiden is the only combination
     that works for IE */
  width: 8em;
  overflow: hidden;
}
div.rootchildren p {
  margin: 0.25em;
  padding-top: 0em;
  padding-left: 0em;
  padding-right: 0em;
  padding-bottom: 0.25em;
}
div.rootchildren p strong {
  font-weight: bold;
}
div.rootchildren p a:link, div.rootchildren p a:visited {
  color: #FFF;
  background: transparent;
  text-decoration: none; 
}
/* :active here is just for IE */
div.rootchildren p a[href]:hover, div.rootchildren p a[href]:focus, div.rootchildren p a[href]:active {
/*
  background: #FFC;
  color: #083876;
*/
  text-decoration: none;
}
/*
div.lists, div.affiliate, div.links, div.files, div.quicklinks, div.users, div.signup {
  color: #083876;
  background: #FFF;
  margin-top: 0em;
  margin-left: 0em;
  margin-right: 0em;
  margin-bottom: 1em;
  width: auto; 
  overflow: hidden;
  border: 1px solid #ADB5DC; 
}
div.lists h2, div.affiliate h2, div.links h2, div.files h2, div.quicklinks h2, div.users h2, div.signup h2 {
  padding: 0em;
  font-size: smaller;
  border-bottom: 1px solid #3E62AE;
}
div.lists p, div.affiliate p, div.links p, div.files p, div.quicklinks p, div.users p, div.signup p {
  padding: 0em;
  font-size: smaller;
}*/
/* This is for the bars on the poll results page */
table td small.poll {
  background: red;
  padding-top: 0.5em;
  color: red;
  font-size: 0.5em
}
/* this is so that images don't sit right on top of H2's */
span.image {
  float: right;
  width: auto;
  padding-bottom: 1em;
}
span.image img,
span.image a:link,
span.image a:visited {
 border: none;
}

div.footnote {
clear:both;
color: #FFF;
background: #3E62AE url(/.static/css/gradient.png) repeat-x 0 -110px;
        text-shadow: 0 3px 3px rgba(0,0,0, .3);
/*
padding: 0.4em;
margin: 0em;
*/

-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;

        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);



padding-top: 1em;
padding-bottom: 0.3em;
padding-left: 2em;
padding-right: 2em;
margin: 0.1em;

/*
  padding-top: 0.5em;
  border-top: 1px solid #3E62AE;
*/
}
div.footnote ul {
float: right;
}
div.footnote a:link {
/*  color: #adb5dc;
*/
  color: #CCF;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}
div.footnote a:visited {
  color: #FCF;
  background: transparent;
  font-weight: bold;
  text-decoration: none;
}
div.footnote a:hover {
 color: #FFF; 
}
/*
div.footnote address {
  color: #ADB5DC;
  background: transparent;
  font-size: smaller;
}
*/
div.footnote img {
/*float: right;*/
}
div.footnote p.icons {
  margin: 0em;
  padding: 0em;
  display: inline;
  width: 30px;
  float: right;
}
div.footnote p.icons img {
  margin-bottom: 1em; 
}
div.footnote p.icons br {
/*  clear: both 
*/
}
a:link {
  background: transparent;
  color: #00C;
  text-decoration: underline;
} 
a:visited {
  background: transparent;
  color: #606;
  text-decoration: underline;
} 
a.not-showable:link {
  background: #FCF;
  color: #00F;
  text-decoration: underline;
}
a.not-showable:visited {
  background: #FCF; 
  color: #C0C;
  text-decoration: underline;
}
/* :active here is just for IE */
a[href]:hover, a[href]:focus, a[href]:active {
/*
  background: #FFC;
  color: #083876;
*/
  text-decoration: none;
} 
/* The following is for Mozilla 
a[href]:active {
  background: #FFF;
  color: #F03;
  text-decoration: none;
}
*/
input[type=text], textarea, select {
  background: #FFF;
  color: #0b4da3;
  font-weight: normal;
}
/*
input[type=text]:hover, input[type=text]:focus,
textarea:hover, textarea:focus,
select:hover, select:focus {
  background-color: #FFC;
  color: #333;
}
input[type=text]:active, textarea:active, select:active {
  background-color: #F7F7F7;
  color: #F63;
}
input[type=submit] {
  background: #ADB5DC;
  color: #333;
  font-weight: bold;
}
input[type=submit]:hover, input[type=submit]:focus {
  background-color: #DDD;
  color: #333;
}
input[type=submit]:active {
  background-color: #F7F7F7;
  color: #F63;
} */

/* dynamic sitemap expand and contract link styling */
ul.sitemap {
  list-style-type: none;
}
ul.sitemap tt {
  font-size: large;
}
dl.sitemap-item {
  margin-top: 0em;
  margin-bottom: 0em;
} 
ul.sitemap {
  color: #000;
  background: #FFF;
}
ul.sitemap tt {
  color: #FFF;
  background: transparent;
} 
ul.sitemap tt span.bullet {
  color: #000;
  background: #FFF;
}



/* Document descriptions within dd's */
dd.document-description p {
  margin-top: 0em;
  margin-bottom: 0em;
}


/* http://webdesignerwall.com/tutorials/css3-dropdown-menu */
/* http://www.webdesignerwall.com/demo/css3-dropdown-menu/style.css */

/*body {
	font: normal .8em/1.5em Arial, Helvetica, sans-serif;
	background: #ebebeb;
	width: 900px;
	margin: 100px auto;
	color: #666;
}
a {
	color: #333;
}
*/

#nav {
	margin: 0;
	padding: 7px 6px 0;
	background: #3E62AE url(/.static/css/gradient.png) repeat-x 0 -110px;
	line-height: 100%;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}

/* main level link */
#nav a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	border-top: solid 1px transparent;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #FFF;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #adb5dc url(/.static/css/gradient.png) repeat-x 0 -40px;
	color: #003c8e;
	border-top: solid 1px #adb5dc;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #003c8e;
        font-weight: bold;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #6679bb url(/.static/css/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #adb5dc url(/.static/css/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */ 
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}
 
div.headlines {
/*
  width: 40%;
  float: left;
*/
}