/*

CSS Document
Basic formatting

*/

body,td,th {
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  color: #333;
  line-height: 1.6;
}

body {
  margin: 0;
  padding: 0;
  font-size: 69%;
  background-color: white;
}

#container {
  width: 82%;
  min-width: 760px;
  max-width: 850px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}


/* HEADER */

#header {
  height:80px;
  background: white url("../images/content_ui/header_bg.gif") repeat-x;
}

#header h2 {
  padding: 60px 10px 0px 10px;
  margin: 0;
  float:left;
  height:20px;
  background: transparent url("../images/content_ui/header_l.jpg") no-repeat;
  line-height:1;
  font-size:1.2em;
}

#header form {
  float: right;
  padding:0;
  margin:0;
  margin-top:45px;
  margin-right:1em;
}

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

#header a#search_btn {
  font-weight: bold;
  padding-left: 5px;
}

#header input {
  border: 3px double grey;
  width: 12em;
  font-size:1.1em;
}


/* TOP NAVIGATION */

#topnav {
  background: transparent url("../images/content_ui/topnav_bg.gif") repeat;
  width:100%;
  float:left;
  border-bottom: 1px solid #4b7faf;
}

#topnav .l {
  float:left;
  height:6px;
  width:6px;
  background: transparent url("../images/content_ui/topnav_l.gif") no-repeat;
}

#topnav .r {
  float:right;
  height:6px;
  width:6px;
  background: transparent url("../images/content_ui/topnav_r.gif") no-repeat;
}

#topnav ul li a {
  font-size: 1em;
  display: block;
  border-left: 1px solid #7bb0e1;
  border-right: 1px solid #4b7faf;
  margin: 0;
  padding: .2em .2em .2em .2em;
  line-height:1;
  color: white;
  background:  url("../images/content_ui/topnav_bg.gif");
  text-decoration: none;
}

#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 8.2em;
  float: left;
}

#topnav ul:last-child a {

}

#topnav li { position: relative }

#topnav ul ul {
  position: absolute;
  z-index: 500;
}

#topnav ul ul ul {
  top: -1px;
  left: 100%;
}

#topnav ul li a:hover {
  color: #222;
  background: transparent url("../images/content_ui/topnav_hover.gif") repeat;
}

#topnav ul ul,
#topnav ul li:hover ul ul,
#topnav ul ul li:hover ul ul {
  display: none;
}

#topnav ul li:hover ul,
#topnav ul ul li:hover ul,
#topnav ul ul ul li:hover ul {
  display: block;
}

#topnav ul li:hover ul li {
  border-top:1px solid #7bb0e1;
  border-bottom:1px solid #4b7faf;
}

#topnav ul li.current a{
  font-weight:bold;
}

#topnav ul li:hover ul a {
  font-weight:normal;
}




/* FOOTER */

#footer address {
  background:  url("../images/content_ui/footer_bg.gif") repeat-x 0px 20px;
  font-size: .9em;
  text-align: right;
  margin:0 20px;
  padding-top:32px;
  padding-bottom:1em;
  line-height:1.2;
}

#end {
  clear: both;
  font-size:.1em;
  line-height:0;
  height:6px;
  background: transparent url("../images/content_ui/end_bg.gif") repeat-x;
}

#end .r {
  float:right;
  height: 6px;
  width:6px;
  background: transparent url("../images/content_ui/end_r.gif") no-repeat;
}

/* CONTENT AREA */

.floatreset{
	clear: both;
}

#content a:link { color: #285ca7; }

#content a:visited { color: #84afda; } 

#content a:link:hover,
#content a:visited:hover { color: #669900; } 

#content a:link:active,
#content a:visited:active { color: #c93e3e; }


#content h1 {
  font-weight: normal;
  margin: .9em 0em .9em 0em;
  //text-transform:uppercase;
  font-size:2em;
  line-height:1.3;
}

#content h2 {
  margin: 1.4em 0 .9em 0;
  text-transform:uppercase;
  font-size:1.3em;
  line-height:1.3;
}

#content h3 {
  margin: 1.4em 0 .9em 0;
  font-size:1.2em;
  line-height:1.3;
}

#content h4 {
  margin: 1.4em 0 .9em 0;
  font-size:1em;
  line-height:1.3;
}

#content h5 {
  margin: 1.4em 0 .9em 0;
  font-size:.9em;
  line-height:1.3;
}

#content h6 {
  margin: 1.4em 0 .9em 0;
  font-size: .8em;
  line-height:1.3;
}

#content .green {
  color:#669900;
}

#content .blue {
  color:#285ca7;
}

#content .red {
  color:#c93e3e
}

#content .orange {
  color: orange;
}



#content p {

}

#content .greenbold {
  font-weight:bold;
  color:#669900
}

#content hr {
  clear:both;
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border:0;
  width:60%
}

#content img.left {
  float:left;
  border:1px solid #ddd;
  padding:1px;
  margin-right:1em;
  margin-top:2px;
  margin-bottom:2px;
}

#content img.right {
  float:right;
  border:1px solid #ddd;
  padding:1px;
  margin-left:1em;
  margin-top:2px;
  margin-bottom:2px;
}

#content img.padded {
  margin:.75em .25em .75em .25em;
  border:1px solid #ddd;
  padding:1px;
}

#content blockquote {
  margin: 1.5em 0 1.5em 2.5em;
}

#content blockquote,
#content blockquote p {
  line-height:1.2;
}

#content code {
  line-height:1.2;
  font-size:1.2em;
  font-family: "courier", monospace;
}

#content pre {
  font-size:1.2em;
  font-family: "courier", monospace;
}


/*

#content p + p {
  text-indent: 1.5em;
  margin-top: 0;
}

#content p.stb { text-indent: 0; margin-top: 0.83em }
#content p.mtb { text-indent: 0; margin-top: 2.17em }
#content p.ltb { text-indent: 0; margin-top: 3.08em }

#content p.centered { text-indent: 0; text-align:center }

*/

/* LISTS */

#content ul, #content ol {
  padding-left:2.5em;
}




/* INDEX LIST (FOR LANGUAGE  GUIDE) */

#content ul.index {
 list-style-type:none;
}

#content ul.index h3 {
  color:orange;
}

#content ul.index ul {
  font-weight:bold;
  list-style-type: square;
}

#content ul.index ul ul li {
  display:inline;
  font-weight:normal;
}

#content ul.index ul ul li:before {
  content: " | ";
}

#content ul.index ul ul li:first-child:before {
  content: "";
}