body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
		padding: 3px 0;
		margin: 0;
		background-color:#999999;
		color: #000000;
		height: 100%;
		font-size:80%;
		font-family:arial;
}

#bodywrapper {
/* replace margin-top value with the height of your header. */
	margin-top: 5px;
	margin-left:  5%;
	margin-right:  5%;
	margin-bottom:  0;
	padding:  0;
	width:  88%;
	background-color:#FFFFFF;
}

#header {
	height: 100%;
	background: #FFFFFF;
	text-align:center;
	padding-top:5px;
	vertical-align:middle;u
}

hr { 
display:block; 
clear:both; 
visibility:hidden;
} 

#bookmarkbar {
	background-color: #EAEAEA;
	font: 16px/24px Arial, sans-serif;
	margin-left:  2%;
	margin-right:  2%;
	margin-top:  5px;
	margin-bottom:  5px;
	width:  98%;
}

#maincontent {
	margin-right: 10px;
	padding:  0;
	height:  1%;  

	margin-left:210px;
}
#sidebar {
	float:  left;
	width:  190px;
	display:block;
	font: 16px/24px Arial, sans-serif;
	margin-top: 5px;
	margin-left:  10px;
	margin-right:  1%;
	font-weight:bold;
	background-color:#EAEAEA;
	padding-left:5px;
	
}


#productsbar {
	float:  right;
	width:  120px;
	font: 16px/24px Arial, sans-serif;
	margin-top: 5px;
	margin-left:  1%;
	margin-right:  1%;
		font-weight:bold;
	algin:right;	
}

#footer {
	background-color: #EAEAEA;
	font: 18px/22px verdana;
	margin-left:  2%;
	margin-right:  2%;
	margin-top:  5px;
	margin-bottom:  5px;
	width:  98%;
	height: 50px;
}


/* fonts */
	#maincontent h1 {
		margin: 0;
		font-family: Verdana;
		padding-bottom: 3px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 135%;
		font-weight: bold;
		
	}
	
	#maincontent h3 {
		margin: 0;
		font-family: Verdana;
		font-size: 110%;
	}
	
	#maincontent p {
		padding-left: 10px;
	}
	
	#maincontent a {
		color: #0000FF; 
		text-decoration: underline;
	}
	
	#maincontent a:visited {
		color: #551A8B;
		text-decoration: underline;
	}
	
	#maincontent a:hover {
		color:  #FF0000; 
		text-decoration: underline;
	}
	
	p {
	text-align:justify;
	}
	
	#footer p {
		text-align: right;
		font-size: 85%;
	}
	
	a {
		color: #0033FF;
		text-decoration: none;
	}
	
	a:visited {
		color: #551A8B;
		text-decoration: underline;
	}
	
	a:hover{
		color: #FF0000;
		text-decoration: none;
	}

	#sidebar a {
		color:  #0000FF;
		text-decoration:underline;
		font: 14px/24px Arial, sans-serif;
	}

	
	#sidebar a:visited {
		color: #551A8B;
		text-decoration: underline;
	}
	
	#sidebar a:hover {
		color: #FF0000;
	}

	#bookmarkbar a {
		color:  #0000FF;
		text-decoration:underline;
		font: 14px/24px Arial, sans-serif;
	}
	
	#bookmarkbar a:visited {
		color: #551A8B;
		text-decoration: underline;
	}
	
	#bookmarkbar a:hover {
		color: #FF0000;
	}

	#linktous {
		font: 8px;
	}

/*sociable css*/
	#maincontent div .sociable { 
		margin: 20px 0;
		border-color:#666666;
	 }	
	 #maincontent .sociable a {
		 color: #0033FF;
		 font-size:12px;
	 }
	#maincontent .sociable span {
		display: block;
	}
	#maincontent .sociable ul {
		display: inline;
		margin: 0 !important;
		padding: 0 !important;
	}
	#maincontent .sociable li {
		background: none;
		display: inline;
		list-style-type: none;
		margin: 0px;
		padding: 5px;
	}
	#maincontent .sociable img {
		float: none;
		width: 16px;
		height: 16px;
		border: 0;
		margin: 0;
		padding: 0;
	}
/*end of sociable css*/