/*** Global Styles ***/

html, body {
	border:0;
	margin:0;
	padding:0;
	height:100%;
}

body {
	background-color:#6699cc;
	background-repeat:repeat;
}

img {border:0;}

ul, ol {
	margin:0;
	padding-left:30px;
	width:590px;
}

dl {width:590px;}

p {line-height:16px;}


/*** Header ***/

#header {
	height:185px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
}
#header {font: 14px arial; color:#000000;}
#header a {color:#000000; text-decoration:underline;}
#header a:hover {color:#000000; text-decoration:none;}


/*** Nav ***/


ul.menu, ul.menu ul {
  list-style-type:none;
  width:200px;
  margin: 0;
  padding: 0;
}

ul.menu a {
  display: block;
  width:200px;
  text-decoration: none;	
}

ul.menu li {
  margin: 0;
  padding:0;
  width:200px;
}

ul.menu li a {	
  padding: 0;
  margin:0;
  width:200px;
}

ul.menu li a:hover {	
  padding: 0;
  margin:0;
  width:200px;
}

ul.menu li ul li a {
  background:url(images/nav_bg.gif) no-repeat;
  width:152px;
  height:24px;
  color: #000000;
  font:14px Arial;
  padding:5px 0 0 48px;
}

ul.menu li ul li a:hover {
  background:url(images/nav_bg.gif) no-repeat;
  width:152px;
  height:24px;
  text-decoration:underline;
  color:#666666;
  padding:5px 0 0 48px;
}




/*** Left ***/

#leftbox {
	float:left;
	width:200px;
}
#left {
	background-image:url(images/lbg.gif);
	background-repeat:repeat-y;
}
#left #txt {
	font:13px arial;
	color:#ffffff;
	padding-left:8px;
	background-image:url(images/lbg_txt.gif);
	background-repeat:repeat-y;
}
#left #text {
	font:13px arial;
	color:#ffffff;
	background-image:url(images/lbg_txt.gif);
	background-repeat:repeat-y;
}
#left #text p {width:180px; margin:11px 0 0 8px;}
#left span {font:14px arial; color:#333333;}



/*** Main ***/

#mainbox {
	background-color:#FFFFFF;
	width:637px;
}

#main {
	width:637px;
	background-color:#FFFFFF;
	border:solid 2px #b9d765;
	font:14px arial; color:#000000;
	margin:0 10px 0 3px;
}

#main p {
	margin:10px 0 10px 5px;
	width:620px;
}

#main ol.howto {padding-left:25px;}
#main ol li p {width:590px;}

#htbox {width:630px;}
#htbox p.source {padding:3px;}

#ht blockquote p {width:585px;}

#main .date {
	background-image:url(images/bg_grn.gif);
	background-repeat:no-repeat;
	height:20px;
	padding:3px 0 0 5px;
	font:bold 14px arial;
	font-variant:small-caps;
	color:#000000;
}

#main h1 {
	font:bold 20px arial;
	font-variant:small-caps;
	color:#000000;
	text-align:center;
	width:635px;
}

#main h2 {
	font:bold 18px arial;
	color:#000000;
	padding-left:5px;
}

#main h3 {
	font:bold 15px arial;
	color:#000000;
	padding-left:5px;
}

#scilab {margin-left:10px;}

#main .source {
	font:13px "Courier New";
	padding-left:15px;
	width:600px;
}

pre {
	font:13px "Courier New";
	padding-left:12px;
	width:600px;
}

.top {
	text-align:right;
	margin:3px 8px 0 0;
	width:630px;
}


.links a:hover {text-decoration:none;}

#dl td {
	padding:6px;
	border-bottom:solid 1px #b9d765;
}
#dl span {font:13px arial;}

#doc table {width:600px;}
#doc td {padding:5px;}

#dll td {padding:5px;}
#dll {font:13px "Courier New";}


/*** BIZ ***/

#bizhead {
	height:185px;
	background-image:url(images/biz_header.gif);
	background-repeat:no-repeat;
	font:bold italic 14px arial;
	color:#000000;
	font-variant:small-caps;
	border-bottom:solid 2px #b9d765;
}

#bizhead a {color:#000000; text-decoration:underline; margin-right:30px;}
#bizhead a:hover {text-decoration:none;}

#bizbody {
	background-color:#FFFFFF;
	width:850px;
	font:14px arial; color:#000000;
	margin:8px 0 8px 0;
}

#bizbody .bar {
	background-image:url(images/biz_bar.gif);
	background-repeat:no-repeat;
	height:15px;
}

#bizbody p {padding:3px 15px 3px 10px;}

#bizbody h1 {
	font:bold 19px arial;
	color:#000000;
	font-variant:small-caps;
	padding-left:10px; margin:0;
}

#bizfooter {
	background-image:url(images/biz_footer.gif);
	background-repeat:no-repeat;
	width:850px;
	height:35px;
	font:13px arial;
	font-variant:small-caps;
	color:#000000;
	padding:0 8px 0 5px;
}

#bizfooter a {
	font:13px arial;
	font-variant:small-caps;
	color:#000000;
	text-decoration:none;
}

#bizfooter a:hover {text-decoration:underline;}


/*** Footer ***/

#footer {
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	width:835px;
	height:35px;
	font:13px arial;
	font-variant:small-caps;
	color:#000000;
	padding:0 8px 0 5px;
}

#footer a {
	font:13px arial;
	font-variant:small-caps;
	color:#000000;
	text-decoration:none;
}

#footer a:hover {text-decoration:underline;}



/*** Wrapper ***/

#wrapper {
	width:850px;
	margin:5px auto 0 auto;
	background-color:#ffffff;
	border:1px solid #000000;
} 


/**** Tables ****/
table {
	border:0;
}

table tr td {padding:0px;}


form { background-color: rgba(255,198,0,.12); background-color: #FEFCE7;
       border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0;
       color: #333; font-size: 20px; margin: 20px 0 20px 0;
       padding: 20px 0 18px 20px; }

button, input { font-family: sans-serif; font-size: 100%; line-height: normal;
                margin: 0; *overflow: visible; height: 31px;
                *vertical-align: middle; }
input { margin-bottom: 12px;  }