html
{ 
	padding: 0px; 
	margin: 0px;
}

body	
{	
	background-color: #aaaaaa; /*-- outside */
	padding: 0px; 
	margin: 0px;
	text-align: center;	  
	height: 100%;
}
h1 
{
	font: 30px verdana, arial, sans-serif;	
	border-bottom: 2px solid #919f83;
	margin:	0;
	padding: 0;
}		

h2 
{
	font: bold 20px verdana, arial, sans-serif;	
	margin:	0;
	padding: 0;
}		
		
div
{ 
	padding: 0px; 
	margin: 0px;
}

/*UL         { list-style: outside; list-style-image: url(backgrounds/brown.jpg); margin-left:20px;  }	 */

A { text-decoration: underline; color: #666666}
A:visited, A:active { text-decoration: underline; color: #666666}
A:hover { text-decoration: none; color: #CC0000 }
 
/*
a:link, a:visited, a:active	
{
	color: #bbbbbb;	   	
	font: bold 16px Arial, sans-serif;
	text-decoration: none;
}

a:hover	
{	  
	font: bold 16px Arial, sans-serif;
	color: #000000;			
}
*/

.submit
{
	font-family:Verdana;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	color:#333333;
	background-color:#CCCCCC;
	border-style:groove;
	border-width:4px;
	border-color:#CCCCCC;
} 

	
#headingContainer
{
	width: 860px;
	margin-top: 10px;  
	     /* top  right bot  left*/
	padding: 0px 20px 0px 20px;  	 
	background-color: #000000;	/* 222222 */
	color: #F0F2ED;	
	font: 36px verdana, arial, sans-serif;	  
	text-align: left;	 
	
	
	border-style: solid; 
	border-color: #F0F2ED;
	border-bottom-width: 2px;
}		

#nav
{	
	width: 898px;
	margin:0 auto; 	
	font: bold 1.0em verdana, arial, sans-serif;
	padding: 5px 0 5px 0;	  
	
	border-style: solid;
	border-color: #F0F2ED; 
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 4px;	  
	border-right-width: 4px;	
}

#nav ul
{
	margin:0;
	padding: 0;
}			   

#nav ul li
{
	display: inline;
	list-style: none;
	border-left: 1px solid #666666;
	margin: 0;
	padding: 0 10px 0 10px;
}				   

#nav ul li.first
{
	border-left: none;
	margin: 0;
	padding: 0 10px 0 10px;
}						   

#nav a
{
	color: #969696;
	text-decoration: none;
}
						  
#nav a:hover
{
	color: #bbb;
	text-decoration: underline;
}
							   
#nav a.current
{
	color: red;
}	

#pageContainer 
{	
	width:905px; 
	margin:0 auto; 	
	padding: 0px;
	background-color: #ffffff;
	font:16px verdana, arial, sans-serif; 
	color: #969696; 
	text-align: left;
	border-style: solid;
	border-color: #000000;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 0px;	  
	border-right-width: 0px;	 
	float: left;
}	

#styleLinks 
{	
	width:120px;
	height:270px;  
		     /* top  right bot  left*/	 
	padding: 10px 0px 0px 10px; 
	margin: 0px 20px 0px 0px;  
	
	text-align: left;
	float: left;	
}	
		
.menuBar 
{	
	padding: 2px;
	margin: 2px;  
	border: 1px solid #8c918b;	 
	color: #969696;
}		

.menuBarActive 
{	
	padding: 2px;
	margin: 2px;  
	border: 1px solid #8c918b;	 
	color: #dd4444;
}

#thePage 
{
	width: 900px;  
	margin: 0px auto;	
    padding: 0px;		 
	background-color: #000000;
	text-align: left;  
	/*
	border-style: solid;
	border-color: #F0F2ED; 
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 4px;	  
	border-right-width: 4px;	
	*/
}		

#logon
{ 
	color: #F0F2ED;	
	font: 14px verdana, arial, sans-serif; 
	text-align: right;	
	
}


#leftBanner 
{	
	width:140px;
	height:600px;  
	padding-top: 50px;
	/*background-color: #ffffff;*/ 	 
	text-align: left;
	border: 0;
	float: left;	
}			

#rightBanner 
{	
	width:160px;
	height:600px;  
	padding: 0px;
	background-color: #ffffff; 	 
	text-align: left;
	border-style: solid;
	border-color: #F0F2ED; 
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;	  
	border-right-width: 2px;
	float: right;	
}		

#contentsContainer 
{	
	width:540px; 
	margin:0 auto; 	
	padding: 40px 25px 40px 25px;
	background-color: #ffffff;
	font:16px verdana, arial, sans-serif; 
	color: #222222; 
	text-align: left;
	border: 0;	 
	float: left;
}		

#listingFormContainer 
{	
	width:820px;  
	height: 260px;	 
	overflow:auto;
	margin:0 auto; 	
	padding: 40px;
	background-color: #ffffff;
	font:18px verdana, arial, sans-serif; 
	color: #666666; 
	text-align: left;
	border: 0;	 
	float: left;
}		
				 
#listingContainer 
{	
	width:900px;  	
	
	overflow:auto;	
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 0px; 
	color: black;
	background-color: #ffffff; 	 
	text-align: left;
	border: 0;	 
	float: left;
}		
			

.blackBox
{	
	width:580px;  
	margin-top: 20px;
	padding-top: 5px;	
	padding-bottom: 5px; 
	text-align: center;
	border: 3px solid #000000;	 
	float: left;
}		
  
/* Colour Wizard*/ 
.slider 
{	
	width:50px;  
	height: 250px;
	margin: 20px;
	padding: 0px; 
	color: black; 	 
	border: 3px solid #000000;	 
	float: right;
}		

#colour
{	
	width:100px;
	height:100px;  	
	margin: 100px; 
	color: black; 	 
	border: 3px solid #000000;	 
	float: left;
}		

#saveColour
{	
	width:400px;  
	margin-top: 0px;
	color: black; 	 
	text-align: center;
	border: 0;	 
	float: left;
}