/* Basic Structure */
body {
  margin: 0px;
  color: #000000;
  background-color: #FFFFFF;
  padding: .5em;
}

#mBody {
  clear: both;
  padding: 0 0 1em 0;
  min-width: 500px;
}

#side {
  float: left;
  width: 20%;
  min-width: 100px;
  margin-bottom: 1em;
  font-size: small;
}

#mainContent {
  margin-left: 25%;
}

/* Header and Footer */

#headbar {
  background: #666699;
  padding: 3px;
  border-bottom: 5px solid #CCCCCC;
  margin-bottom: 1em;
}

div.footer {
  font-size: 90%;
  margin-top: 2em;
  padding-top: 3px;
  clear: both;
}


/* Primary Navigation Sidebar */

.nav, .nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav {
  margin-bottom: 1em;
}

.navhead { /* used for un-linked menu items */
  display: block;
  padding: 2px 5px;
  color: #FFF;
  background: #666699;
}

.nav li {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  border-right: 1px solid #ddd;
}
.nav li a {
  display: block; 
  padding: 2px 5px;
  background: #F1F6EC;
}
.nav ul li a {
  display: block; 
  padding: 2px 5px 2px 15px;
}
.nav a:hover {
  background: #E3ECDA;
}


/* Secondary navigation   */
#nav-section h1 {
  margin-bottom: 0;
}
.navsections {
  font-size: 1.0em;
  background: #EEFFEE;
  border-style: solid;
  border-color: #666699;
  border-width: 1px 1px 1px 1px;
  margin-left: 25%;
  padding: 0.25em 1em 0.25em 1em; }

.navsections a, .navsections span { white-space: nowrap; }



/* Page Navigation - Table of Contents <ul class="toc"> */
ul.toc { }



/* Link colors */
a:link {
  color: #0000cc;
}
a:visited {
  color: #551a8b;
}
a:active {
  color: #ff0000;
}


/* Headers */
h1,h2,h3,h4,h5,h6,h7 { font-weight: bold; color: #000000; }

h1 {
  font-size: 1.3em;
  border-bottom: 1px solid #666699;
  margin-left: -3%;
}
h2 {
  font-size: 1.2em;
  border-bottom: 1px solid #666699;
  margin-top: 2em;
  margin-left: -2%;
}
h3 {
  font-size: 1.1em;
  border-bottom: 1px dotted #666699; 
  margin-top: 2em;
  margin-left: -1%;
}
h4,h5,h6,h7 { 
  font-size: 1em;
  margin: 1em 0em 0em 0em;
}


/* Definition Lists <dl> <dt> <dd> */

dt { font-weight: bold;  }
dd { margin: 0 0 2em 3em; }
dd + dd {  margin-top: -1em; }

dd p:first-child { margin-top:    0; }
dd p:last-child  { margin-bottom: 0; }

.linkbar {
  color: #999999;
  padding: 0em 0.5em;
  text-align: center;
  width: 100%;
  font-size: 90%;
  ddisplay: table;
  wwhite-space: nowrap;
}

/* Data Tables <table class="data"> */
table.data,
table.data th,
table.data td {
  border-style: solid;
  border-color: #666699;
  border-width: 1px;
}
table.data { border-collapse: collapse; }
table.data th, table.data td {
  padding: 1px 2px 1px 2px;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
}
table.data {
  border-color: #666699;
  border-width: 2px;
  border-style: double;
}
table.data th { background: #D7CD9D; }
table.data td { background: #F0F5EB; }
table.data tr.odd  td {  background: #D9E5CC; }
table.data tr.even td {  background: #F0F5EB; }

/* Special Block Formatting */

.code { font-family: monospace;
  border: 1px solid black;
  background: #EEFFEE;
  padding: 0.2em;
}
.code em, code em {
  color: red;
  font-style: normal;
}

.example .code { margin-bottom: 1em; }


div.hilite { border: 1px solid #666699; background: #F0F0E0; }

.warning {
  background: #FFFF99;
  border: 1px solid red;
  padding: 5px;
}
.important {
  background: #E3ECDA;
  border: 3px double black;
  color: black;
  padding: 5px;
  margin: 1em;
}
.title { font-weight: bold; }

.seealso {
  border: 1px solid #999999;
  background: #FFEEDD;
  padding: 0.25em 0.5em 0.25em 0.5em;
}
.seealso ul { margin-top: 0px; margin-bottom: 0px; }

ul.taxonomy {
  margin: 0px;
  color: #003300;
  ffont-family: monospace;
  padding: 0.25em;
}
ul.taxonomy li    { list-style-type: none; }
ul.taxonomy li li { list-style-type: square;  }
ul.taxonomy ul { margin-left: 0em; padding-left: 2em; }

div.twocoltable { 
  display: table;
}
div.twocoltable div { display: table-row; }
ul.oneoftwo  { 
  display: table-cell;
}
ul.twooftwo { 
  display: table-cell;
}


/* Examples <div class="example"> */

.example {
  margin: 1em 3%;
  padding: .25em;
  color: black;
  border: 1px solid #000099;
  border-left-width: 3px;
  background: #F9F9FF;
}

.example.bad { 
  background: #FFF9F9;
  border-color: #990000;
  background-image: url(/css/exbad.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  padding-left: 25px;
}
.example.good { 
  background: #F9FFF9;
  border-color: #009900;
  background-image: url(/css/exgood.png);
  background-position: 5px 5px;
  background-repeat: no-repeat;
  padding-left: 25px;
}
img.example { display: block; }

.example p:first-child,
.example ul:first-child { margin-top: 0px; }
.example p:last-child,
.example ul:last-child { margin-bottom: 0px; }


/* FAQs
   div class="faq>
   
   div class="faqq">...</div>
   div class="faqa">...</div>
   
   /div>
   */
/*
.faqq:before{
  display: inline:
  font-weight: bold;
  content: "Q: ";
}
*/
.faqq {
  margin-left: -1em;
  margin-top: 1.5em;
  font-weightt: bold;
  border: 1px solid #666666;
  background: #EEEEEE;
  padding: 0.25em;
  margin-bottom: 0.5em;
}

dl.faq {  }
dl.faq dt { 
  font-weight: normal;
  border: 1px solid #666666;
  background: #EEEEEE;
  padding: 0.25em;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
dl.faq dd { 
  margin-bottom: 1em;
}


/* Span-level elements */
.cat {	
  bborder-top: 1px dotted #666699;
  bborder-bottom: 1px dotted #666699;
  padding: 0px;
  ffont-size: .9em;
  color: #336600;
  ffont-family: monospace;
}

kbd { background: #FFFFE5; border: 1px solid #999999; }

hr { color: #FFFFFF;
  background-color: #FFFFFF;
  height: 1px;
  border: 0;
  border-top: 1px solid #666699;
}

/* cr links */
.cr_links * {
  background:transparent none repeat scroll 0 0 !important;
  border:medium none !important;
  clear:none !important;
  clip:rect(auto, auto, auto, auto) !important;
  font-size:100% !important;
  font-style:normal !important;
  font-variant:normal !important;
  font-weight:normal !important;
  height:auto !important;
  letter-spacing:normal !important;
  line-height:normal !important;
  margin:0 !important;
  overflow:visible !important;
  padding:0 !important;
  position:static !important;
  text-align:left !important;
  text-decoration:none !important;
  text-indent:0 !important;
  text-transform:none !important;
  vertical-align:baseline !important;
  visibility:visible !important;
  white-space:normal !important;
  width:auto;
  word-spacing:normal !important;
  z-index:auto !important;
  cursor: pointer!important;
}
.cr_links li {
  display:list-item !important;
  list-style-image:none !important;
  list-style-position:outside !important;
  list-style-type:none !important;
  display: inline;
}
.cr_links li DIV {
  padding:0.5em !important;
}

.cr_links DIV, .cr_links TABLE {
  padding: 5px !important;
}

.cr_links {
  width: auto!important;
  font-family: Verdana!important;
  font-size: 11px!important;
  border: 1px solid #DDDDDD!important;
  background-color: #FFFFFF!important;
  padding:5px!important;
  position: relative!important;
  display:block!important;
  
}
.cr_links_icnt, .cr_links_icnt * {
	text-align: left!important;
    		}

.cr_links_text, .cr_links_text A, .cr_links_text A:hover {
  color: #000000!important;
  font-size: 11px!important;
}
.cr_links_url {
  color: #006600!important;
  font-size: 11px!important;
}
.cr_links_header, .cr_links_header A {
  color: #000066!important;
  font-size: 13px!important;
  font-weight: bold!important;
  text-decoration: underline!important;
}
.cr_links_sign {
  color: #999999!important;
  font-size: 10px!important;
  text-align: left!important;
}

.cr_links_clear {
  clear:both!important;
}

.cr_links TABLE {
  width: 100%!important;
  border: 0px!important;
}