*{margin:0; padding:0;} 

body {
	font:76% Verdana,Tahoma,Arial,sans-serif;
	line-height:1.4em;
	text-align:center;
	color:#303030;
	background:#e8eaec;
}

a{
	color:#467aa7;
	font-weight:bold;	 
	text-decoration:none;
	background-color:inherit;
}

a:hover{
	color:#2a5a8a; 
	text-decoration:none; 
	background-color:inherit;
}
a img{border:none;}

p{padding:0 1.6em 1.6em 0;}
p form{
	margin-top:0; 
	margin-bottom:20px;
}


/*------------------------- Header styles --------------------------*/

#container{
	width:1020px;
	margin:10px auto; /* margin between blocks*/
	padding:1px 1px;			  
	text-align:left;
	background:#ffffff;
	color:#303030;
	border:2px solid #a0a0a0;
}

#header{

	height:125px;	 
	width:1018px;
	margin:0 1px 1px 1px;
	color:#ffffff;
	background:#467aa7;

	background-image: url(../images/htlab.gif);
	background-repeat: no-repeat;
	background-position: right;
	 
}

#header h1{
	padding:30px 0 5px 20px;
	font-size:2.4em;
	background-color:inherit;
	color: #ffffff;
	letter-spacing:-2px;
	font-weight:normal;
	width:10em;	/*leave space for image, firefox only! */
}

#header h2{
	margin:10px 0 10px 40px;
	font-size:1.4em;
	background-color:inherit;
	color: #ffffff;
	letter-spacing:-1px;
	font-weight:normal;
	width:10em;	 /*leave space for image, firefox only! */
}


/* -------------------------------- Navigation -------------------------------*/
#menuList {
	position:static; /*absolute; relative; */
	font-size:1em;
	z-index:100;
}

#mainMenu {
	position: absolute; 
	top: 110px;
}

#menuList ul {
	z-index:100;
}

#menuList li {
	z-index:100;
	display:inline;
	list-style: none;
}

a.starter {
	z-index:100;	
	color:#FFFFFF; 	/* Main Menu white */
	float: left; 
	width: 11em;    /* size of top menu item */ 
	cursor: pointer;
	text-align: center;
	font-weight: bold;   
	background:#578bb8;	 /* Main Menu background */
	border: 1px solid gray;
	margin: 4px;	  /* Horizontal between menu items */
}

a.starter:hover, a.starter:active, a.starter:focus {
	color: #000; /* color of submenu?*/
	background:#80b0da;

}

.menu {
	text-align: left;
	position: absolute;
	visibility: hidden;
	z-index: 100;	
}

.menu li {
	width:100%;	
}
.menu li a {
	background: #5AB0C5;
	z-index:100;
	color: #fff;
	display: block;
	/*width:100%;*/
	font-size: 1em;
	/*padding:1px; */ /* Vertical Padding between submenu items */
	
	/*margin: 0px;
	padding-left: 5px; 
	padding-right: 5px; 
	text-decoration: none;
	margin-top:-2px;*/
	
	width: 11em;    /* size of second menu item */ 
	cursor: pointer;
	text-align: center;
	font-weight: bold;   
	background:#578bb8;	 /* Main Menu background */
	border: 1px solid gray;
	/*margin: 1px; */
}

.menu li a:hover, .menu li a:active, .menu li a:focus {
	color: #000; /* color of submenu?*/
	background:#80b0da;
}

/*--------------------------- Content styles -------------------------*/


#content{
	/*float:left;*/
	width:1000px;
	font-size:0.9em;
	padding:0 0 0 20px;
}

#content2{
	width:1000px;
	font-size:0.9em;
	padding:0 0 0 20px;
}

#content h1{
	display:block;
	margin:16px 0 16px 0;
	padding:10px 0 10px 0;
	font-size:3.3em;
	font-weight:bold;
	text-align:center;
	/*letter-spacing:-1px;*/
	color: #467aa7;
	background-color:inherit;
}

#content h2{
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:1.3em;	
	color:#467aa7;
	padding: 1.0em 0 0.5em 0;
}

#content h2 a{
	font-weight:bold;
	margin:0 0 5px 0;
	font-size:1.3em;	
	color:#467aa7;
	padding: 1.0em 0 0.5em 0;
}

#content h3{
	margin:0 0 5px 0; 
	font-size:1.2em; 
	/*letter-spacing:-1px;*/
	color:#467aa7;
	padding: 1.0em 0 0.5em 0;
}

#content h4{
	margin:0 0 5px 0; 
	font-size:1.1em; 
	color:#467aa7;
	padding: 1.0em 0 0.5em 0;
}

#content ul, ol{
	padding: 1em 0 1em 2em;
}

#content a:hover,#subcontent a:hover{text-decoration:underline;}

/*-------------------------- Forms Styles --------------------------*/

.submit input{
	color:#467aa7;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 1.5em

}

.question{
	margin-left: 2.0em;
}

.answer input{
	color:#00CC00;
	/*font-weight:bold;*/
	border: none;
	margin-left: 1.5em
}

/*---------------------- Code Table, see vh2sc_tut----------------- */

table#codetable2 {
	
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 985px; 
	margin:5px 0 5px 0;		
}

table#codetable2 td {
	font: 76% "courier new";
	border: 1px solid #CCC;
	padding: 1.0em 1.0em 0 1.0em;	
	line-height: normal;
	background: #FFFFCC;
}

/*----------------------- used on code snippets --------------------*/
#codeid {
	font: 1.0em "courier new";
	/*line-height: normal;*/
	border: 1px solid #CCC;
	padding: 1.0em 1.0em 1.0em 1.0em;
	margin:0px 15px 15px 0px;	
	/*line-height: normal; */
	background: #FFFFCC;
}


/*-------------------------- Table Styles --------------------------*/
/* table with small line spacing, see aes86 */

table#table1 {
	font: 1.0em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 990px; 
	/*margin-top: 0.2em;
 	margin-bottom: 0.2em; */
}

/* Cells */
table#table1 td {
	border: 1px solid #CCC;
	padding: 0 0 0 0;
	margin:0px 0px -10px 0px;
}
table#table1 li {
	margin:0px -10px -10px 0px;
} 



/* Next table is to fix the line-height back to normal, see AES86 */

/*table#sample {
	font: 1.0em/1.0em Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	border-collapse: collapse;
	width: 970px; 	
}

table#sample td {
	border: 1px solid #CCC;
	padding: 0.5em 0 0 0;
	line-height: normal;
}*/


.boxleft { 
	width: 550px;	 
	float: left; 
   /*	padding-left: 0.5em; */
	/* margin:0 0 20px  0; */
	margin:5px 5px 5px 5px;

   /*border:1px solid #a0a0a0;*/
}

.boxright { 
	/*width: 400px;	 */
	float: right; 
	padding-left: 0.5em;
 	padding-top: 20px; 
	margin:20px 10px 5px 5px;
	border:1px solid #a0a0a0;
}


/*------------------------- Footer styles --------------------------*/
#footer{
	clear:both;
	width:1018px;
	padding:5px 0;
	margin:0 1px;
	font-size:0.9em;
	color:#f0f0f0;
	background:#467aa7;
}
#footer p{
	padding:0; 
	margin:0; 
	text-align:center;
}
#footer a{
	color:#f0f0f0; 
	background-color:inherit; 
	font-weight:bold;
}
#footer a:hover{
	color:#ffffff; 
	background-color:inherit; 
	text-decoration: underline;
}