html, body, img, div {padding: 0; margin: 0; border: 0;}
html {height: 100.05%; overflow: auto;}
body {height: 100%; overflow: auto;}
#wrapper {width: 100%; height: 100%; overflow: auto; margin: 0; padding: 0;}
html, body {
background-color : #ffffff;} 
#wrapper 
 {
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: transparent url("images/B30000.png") repeat-x;
}
INPUT, SELECT {
	font-size: 12px;
}
PRE {
	font-size: 12px;
	margin-top: 5px;
}
#body {
	background: white;
	border-left: 2px solid #aaaaaa;
	border-right: 2px solid #aaaaaa;
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}
#head {
	background: transparent url("images/logo.php?text=a") no-repeat left top;
	text-align: left;
        padding: 20px 0 0 0;
	height: 100px;
        font-size: x-large;
        font-weight: 900;
}
#head H1 {
	color: #444444;
	font-size: 22px;
}
#head H2 {
	color: #888888;
	font-size: 18px;
	margin-left: 20px;
}
#menu {
	 }
#menu A {
	 }
#menu A:hover {
	 
}
#content {
	min-height: 250px;
	text-align: left;
}
#content .ajax {
	color: #dd2222;
	font-size: 22px;
	font-weight: bold;
}
#foot {
	color: #aaaaaa;
	font-size: 10px;
}
 
.section {
	border-bottom: 1px solid #dddddd;
	color: #444444;
	font-size: 14px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.locator {
	border-bottom: 1px solid #dddddd;
	color: #444444;
	font-size: 14px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.section A {
	color: #B30000;
}
.section A:hover {
	color: #B33B00;
	text-decoration: none;
}
.section CODE {
	color: black;
	background-color: #f2ebdc;
	font-size: 12px;
}
.section H1, H2, H3 {
	font-size: 20px;
	margin: 0 0 0 20px;
}
.section H4, H5, H6 {
	font-size: 16px;
	margin-top: 10px;
}
.section LI {
	margin: 0 0 0 20px;
}
.section PRE {
	color: black;
	background-color: #f2ebdc;
	font-size: 12px;
	margin: 5px 0 10px 0;
	border-left: 1px solid #aaa499;
	margin-left: 10px;
	padding-left: 10px;
	width: 500px;
}
.section2 {
	border-left: 4px solid #dddddd;
	text-align: left;
	margin: 20px 0 0 20px;
	padding-left: 5px;
}
 
/* Navigation - toc(1) ----------------------- */
div#nav {margin:0;position:relative;top:0px;left:0px;z-index:2;;width: 820px;text-align: left;}
 
div#nav ul {float:left;margin: 0 1px 0 5px;padding:0;/*height: 25px;*/}
 
div#nav li {position:relative;list-style:none;float:left;padding-left: 4px;margin:0;font-size: 10px;line-height: 20px;white-space: nowrap;/*background: url(./menu/button1a.gif) 0 0 no-repeat;*/background-color:#F5FAF9;background-image:none;border:1px solid Black;}
 
div#nav li a{display:block;float:left;padding:1px 10px 0 7px;text-decoration:none;font-weight: bold;/*background: url(./menu/button1.gif) 100% 0 no-repeat;*/background-color:#F5FAF9;background-image:none;color: #000;width: .1em;}
html>body #nav a {width: auto;} /*fixes IE6 hack*/
	/* Commented Backslash Hack hides rule from IE5-Mac \*/ 
 
div#nav a {float: none;} /* End of IE5-Mac hack */
 
div#nav a:hover,div#nav a:focus{color:#000;}
 
div#nav .sdoc, div#nav .sdocs {color: #000000; /*background-image: url(./menu/button3a.gif)*/background-color:#B30000;background-image:none;}
 
div#nav .sdoc a, div#nav .sdocs a {color: #ffffff;/* background-image: url(./menu/button3.gif)*/background-color:#B30000;background-image:none;}
 
div#nav ul.menulevel1 li:hover,div#nav ul.menulevel1 li:focus{/*background-image: url(./menu/button2a.gif);*/background-color:#D94800;background-image:none;}
 
div#nav li:hover a,div#nav li:focus a{/*background-image: url(./menu/button2.gif)*/background-color:#D94800;background-image:none;}
 
/* Navigation - toc(2)/toc(3) ----------------------- */
 
div#nav li ul.menulevel2,div#nav li ul.menulevel3{width:150px;}
 
div#nav ul ul{position:absolute;top:21px;margin:0;left:-1px;display:none;}
 
div#nav ul.menulevel1 li.docs:hover ul.menulevel2,div#nav ul.menulevel1 li.sdocs:hover ul.menulevel2,div#nav ul.menulevel2 li.docs:hover ul.menulevel3,div#nav ul.menulevel2 li.sdocs:hover ul.menulevel3 {display:block;}
 
div#nav ul.menulevel2 li.doc,div#nav ul.menulevel2 li.docs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/background-color:#B33B00;background-image:none;}
 
div#nav ul.menulevel2 li.doc a,div#nav ul.menulevel2 li.docs a {display:block;float:left;text-decoration:none;font-weight: bold;color: #000;width:130px;background-image:none;background-color:#B33B00;}
 
div#nav ul.menulevel2 li.sdoc,div#nav ul.menulevel2 li.sdocs{position:relative;list-style:none;float:left;padding: 0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat*/;background-color:#B30000;background-image:none;}
 
div#nav ul.menulevel2 li.sdoc a,div#nav ul.menulevel2 li.sdocs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #000000;background-image:none;background-color:#B30000;}
 
div#nav ul.menulevel2 li:hover,div#nav ul.menulevel2 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/background-color:#D94800;background-image:none;}
 
div#nav ul.menulevel2 li:hover a,div#nav ul.menulevel2 li:focus a {color:Black;background-color:#D94800;}
 
div#nav li ul.menulevel3 {margin: -15px 0 0 120px;}
 
/* Navigation - toc(3) ----------------------- */
 
div#nav ul.menulevel2 ul.menulevel3 li.doc,div#nav ul.menulevel2 ul.menulevel3 li.docs{position:relative;list-style:none;float:left;padding:0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) 0 0 no-repeat;*/background-color:#B33B00;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li.doc a,div#nav ul.menulevel2 ul.menulevel3 li.docs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #000;width:130px;background-image:none;background-color:#B33B00;}
 
div#nav ul.menulevel2 ul.menulevel3 li.sdoc,div#nav ul.menulevel2 ul.menulevel3 li.sdocs{position:relative;list-style:none;float:left;paddingt:0;margin:0;font-size: 10px;line-height: 18px;width:150px;white-space: nowrap;/*background: url(./menu/bluebuttonx.gif) -300px 0 no-repeat;*/background-color:#B30000;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li.sdoc a,div#nav ul.menulevel2 ul.menulevel3 li.sdocs a {display:block;float:left;padding: 1px 10px 0 7px;text-decoration:none;font-weight: bold;color: #000000;background-image:none;background-color:#B30000;}
 
div#nav ul.menulevel2 ul.menulevel3 li:hover,div#nav ul.menulevel2 ul.menulevel3 li:focus {/*background: url(./menu/bluebuttonx.gif) -150px 0 no-repeat;*/background-color:#D94800;background-image:none;}
 
div#nav ul.menulevel2 ul.menulevel3 li:hover a,div#nav ul.menulevel2 ul.menulevel3 li:focus a {color:Black;background-color:#D94800;}
/* z-indices ----------------------------------- */
 
div#nav ul.menulevel1 {z-index:10;}
div#nav ul.menulevel2 {z-index:20;}
div#nav ul.menulevel3 {z-index:30;}
div#nav li:hover {z-index:40;}
div#content form textarea{margin:10px 0 0;padding:0;background-color:white;border:3px double #ccc;width:750px;}
div#content input.submit,div#middle input.text{background-color:transparent;border:1px solid #ccc;margin-top:5px; width:90px;}
div#content input.text{background-color:transparent;border:1px solid #ccc;margin-top:5px; width:120px;}