body
	{ text-align: center; color: rgb(0,0,0); background-color: #3c3c3c; }
	
	#container
	{ background-color: #b4b4b4; background-image: none; background-repeat: repeat-y; background-position: left 50%; text-align: center; margin: 0 auto; width: 700px; display: block; text-decoration: none; }
	
	h1
	{
		padding: 0;
		margin: 0;
		border-bottom: 2px solid rgb(40,	40,	40);
	}
	h1 img
	{
		display: block;
		border: 0;
	}
#nav
	{
		float: left;
		width: 135px;
		display: inline;
		margin-left: 0px;
		padding: 10px 0;
	}
#nav ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
	}
#nav ul a
	{/*this is the code for side vert grad or image in vert navagation*/ 	
		background-color: rgb(180,180,180); background-image: none; background-repeat: no-repeat; background-position: left 50% ; display: block; text-decoration: none; color: #fff; text-align: left; padding: 0.2em 0.5em; border-bottom: 1px solid rgb(255,255,255); width: 9.5em; }

#nav ul a:hover
	{ background: rgb(200,200,200) no-repeat left 50%; display: block; text-decoration: none; color: rgb(80,80,80); text-align: left; }
	
	
	#content
	{
		float: left;
		width: 450px;
		margin-left: 45px;
		padding: 10px 0;
	}
	
	#footer
	{
		clear: both;
		background: rgb(128,	128,	128);
		color: rgb(255,	255,	255);
		padding: 5px 10px;
		text-align: right;
		font-size: 80%;
	}
	
	h2
	{
		margin-top: 1.1em;
		color: #808080;
		font-weight: bold;
	}
	a, p,h2,#footer
	{
		font-family: arial, helvetica, sans-serif;
		line-height: 1.4;
	}
	a {font-size: 85%;}
	p {font-size: 80%;}
	h2 {font-size: 100%;}
	#footer {font-size: 60%;}
	
element { }