/*this style sheet contains general page styles and 
tab extensions, no layout elements or objects
*/

/*/-------------- General body text and colour formatting */
img.logo{
	margin-left:20px; 
	margin-top:20px;
}
img.guide{float:left;  clear: both;}


body{
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#444444;
	background-color: #FFFFFF;
	background-image:url(../../images/sort/gradient.jpg);
	background-repeat:repeat-x;
	margin: 0px;	
	 
}


.head { 
background-color: #000000;
width:210px;
color: #FFFFFF;
padding:8px 5px 8px 5px;
margin:50px 5px 50px 0px;

}

h1{
	
	color:#000000;
	margin-left:40px;
	margin-top:40px;
	margin-bottom:20px;
	}
h2{	
	color:#333333;
	margin-left:40px;
	margin-top:20px;
	}

p{ 
width:700px;
margin-left:40px;
margin-top:10px;

 }
 h3{width:700px;
margin-left:40px;
margin-top:10px;}

.intro{ 
font-size: 1.5em;
}

ol{ 
	width:700px;
	

}

li.dghc{
	margin-left:40px;
	margin-top:5px;
	font-weight:bold;
}
.dghc_font{
font-weight:bold;

}

li{
	margin-left:40px;
	margin-top:20px;
}

a:link {  color: #0066CC; text-decoration: none; font-weight:bold;}
a:hover {  background-color:#ffff99; color: #555555; text-decoration: none; font-weight:bold;}
a:visited {   color: #0066CC; text-decoration: none; font-weight:bold;}
applet{margin:0; }

.instruction{ clear: both; display:block; width:700px;}

.background-wrap {
	/* This style allows for container expansion */
	width:776px;
	position:absolute;
	left:50%;
	margin-left:-390px;
	background-color: #FFFFFF ;
	border:dashed #B2C6DF 1px;
	}		
/*------------------------------------*/
	
	.top_Panel {
	float:left;
	display:inline; 
	width:776px;
	height:100px;
	background-color: #99CCFF ;
	border-bottom:dashed #B2C6DF 1px;	
	}
	
	.banner {
	float:left;
	display:inline; 
	width:776px;
	height:100px;
	border-bottom:dashed #B2C6DF 1px;
	background-color:#D2E6FF;	
	}
	.navigation_Container {
	float:left;
	display:inline; 
	width:776px;
	height:1.05em;
	border-bottom:dashed #B2C6DF 1px;
	background-color:#C2D6FF;	
	}
	.body_Panel {
	float:left;
	display:inline; 
	width:776px;	
	}
	
	.left_Column {	
	
			float:left;
			width:180px; 		
			margin-left:0px;
			margin-top:2em;	
			margin-bottom:2em;			
			display:inline; 
			}		
		
			

.instr{ 
width:90%;
font-size:1.0em;
margin-left:10px;
margin-top:10px;
color:#666666;
 }



/*/--------------Page Title*/

h5{ clear:left;
	font-size:1.1em; 
	color:#333333;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:5px;
	}

/*/-------------- paragraph extensions*/

/*/-------------- Page Introduction paragarph*/
.introduction{
	margin-left:2.5em; 
	margin-top:2.0em;
	
	width:70%;
	
 }



.layout_List{	
	list-style-type:none;
	width:800px;
	margin-left:40px;
	margin-top:10px;	
	padding:0;	
	width:
	clear:left;
	}	

.layout_List li{
	
	float:left;	
	margin: 5px 0 5px 0;	
	padding:0;	
	border:0px solid #000000;	
	}
	
.x1{ width:99.5%;}	
.x2{ width:49.5%;}
.x3{ width:32.5%;}
.x4{ width:24.75%;}
.x5{ width:19.5%;}
/*non symetrical  */
.x23{ width:66.5%;}
.x64{ width:59.5%;}
.x46{ width:39.5%;}	
.x8{ width:84.5%;}
.x28{ width:15.5%;}