fieldset {
	margin-top:10px;
}

/* Layout 3 */
#wrapper {	
	width:1024px;
	height:700px;
	padding:0px;
	margin:0 auto;
	margin-top:10px;	
}

#header {
	height:100px;
	margin:0px 0px 10px 0px;
	text-align:center;
}
.headerText {
	margin-top:35px;
	font-size:18pt;
	font-family:Verdana;
}
#content {
	padding:15px 10px;
	text-align:center;
	margin:0px 0px 10px 0px;
}
#footer {
	clear:both;
	height:50px;
	margin:10px 0px 10px 0px;
	font-family:Verdana;
	font-size:0.9em;
}

/*****************************************************/

#contentHolder{
  /* z-index:1;*/
    /*margin:[0px][0px][0px][0px];*/
 /* position:relative;
    left:120px;*/
    width:950px;
    height:400px; 
    background-color:white;
    color:black;
    text-align:center;
    overflow-x:hidden;
    overflow-y:auto;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
}
        
#contentHolder h2{
	color:black;
	text-decoration:underline;
}

#contentHolder h3{
	color:black;
	text-decoration:underline;
}

.vContent{
    width:700px;
    padding:3px 10px 3px 10px;
 }

 #innerContent{
	width:100%;
	padding-bottom:10px;
 }

 #innerTopMenu{
  text-align:center;
  padding:2px;
  margin:0px 120px 5px 220px;
  width:430px;
  position:relative;
  top:-118px;
  height:20px; 
  left:80px;
    }

 #innerMenu{
   text-align:left;
   padding:2px;
   margin:0px 0px 5px 35px;
   width:130px;
   position:relative;
   top:0px;
}

	 /*   current theme
	 rgb(74,89,18) lighter green
	 rgb(53,64,15)dark green
	 rgb(166,149,128) beige
	 rgb(28,19,12)  darkbrown
	 rgb(46,31,29)  dark purple maybe
	 */

	 /*  code view for SQL
	orange 251,182,97
	lightbrown 172,153,102
	teal? 92,123,106
	blue 39,103,109
	purp 56,57,63
	*/    
	
	/* code view for vb/c#
	52,35,38 purp/maroon
	148,143,112 darker grey/green
	196,197,150 light grey/green
	244,250,186 lighter yellow
	154,147,82 light green
	*/
	
	/* code view for java/c#
	82,10,23 red/maroon
	102,143,145 light blue
	245,230,172 beige
	171,142,91 dark beige/brown
	82,48,28 dark brown
	*/

#codeContentBox{
   overflow-x:hidden;
   overflow-y:auto;
   margin:0px 10px 0px 10px;
   width:100%;
   height:300px;
   border:thin solid black;
   font-family:Arial;
   font-size:17px;
   text-align:left;
   background-color:rgb(172,153,102);
   color:rgb(39,103,109);
   border:2px black solid;
}        

SPAN.ss_comment{
  color:rgb(92,123,106);
 }
SPAN.ss{
  color:rgb(56,57,63);
 } 
SPAN.ss_function{
 color:rgb(251,182,97);
}
SPAN.vb_s{
  color:rgb(196,197,150);
 }
SPAN.vb{
  color:rgb(148,143,112);
 } 
SPAN.vb_f{
  color:rgb(154,147,82);
}
SPAN.j_v{
   color:rgb(69,99,130);
}
SPAN.j{
   color:rgb(82,10,23);
} 
SPAN.j_c{
  color:rgb(245,230,172);
 }
.err{
  color:red;
}

.val{
  color:green;
}

h2{
  color:white;
}
h3{
  color:white;
}

/******************************************/
div#menu {
	width:370px;
    height:41px;
    margin:0 auto;
    background:url(images/main-bg.png) repeat-x;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 30px;
}

div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    font: normal 12px Trebuchet MS;
}
div#menu a:hover, div#menu a:hover span { color: #fff; }
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/item-pointer-mover.gif);
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #e5e5e5;
}
div#menu span {
    margin-top: 5px;
}/**@replace#1*/
div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 163px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 163px !important;
    margin-left:172px;
}

/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }

/* lava lamp */
div#menu li.back {
    background: url(images/lava.png) no-repeat right -44px !important;
    background-image: url(images/lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
div#menu li.back .left {
    background: url(images/lava.png) no-repeat top left !important;
    background-image: url(images/lava.gif);
    height: 44px;
    margin-right: 8px;
}