body {
	background: ;
	background-image: url(http://www.home-gym-bodybuilding.com/image-files/gray_gradient.jpg);
	background-repeat: repeat-x;
	
	
}


#container {
	background-color: #FFFFFF;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666666;
	
	
}
#header {
	height: auto;
	width: 850px;
	background-color: #333333;
}

#content {
	width: 500px;
	padding: 10px;
	margin-right: 160px;
	margin-left: 160px;
}
#leftnav {
	float: left;
	width: 140px;
	background-color: #CCCCCC;
	padding: 5px;
	
}

#leftnav ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#leftnav a
{
	display: block;
	width: 130px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-bottom-width: 1px;
}

#leftnav a:link, .navlist a:visited
{
color: #0000FF;
text-decoration: underline;
font-weight: bold;
}

#leftnav a:hover
{
	text-decoration: none;
	color: #0000FF;
}

#leftnav a:active
{
   color: #0000FF;
   text-decoration: underline;
   font-weight: bold;
}

#leftnav a:visited
{
   color: #0000FF;
   text-decoration: underline;
   font-weight: bold;
}



#sidebar {
	padding: 10px;
	float: right;
	width: 128px;
	background-color: #CCCCCC;
	
}

#footer {
	background-color: #666666;
	padding: 10px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #000000;
	line-height: 20px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-bottom: 9px;
}

a: {
	color: #0000FF;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #0000FF;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}


.box1 {
	color: #000;
	border:1px solid #DE0000;
	width: 400px;
	height: 200px;
	padding-top: 5;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	line-height: 16px;
	background-color: #CCCCCC;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 0;
    margin: 3px 0;
	line-height: 12pt
}

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 15px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

table.one
{
width: 100%;
table-layout: fixed; 
}
 
.colone {width: 20%;} 
.coltwo {width: 60%;} 


.style1 {
	color: #FFFF00;
	font-size: small;
}
.style2 {color: #FFFFFF}
.style3 {color: #FED100}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.image-left{float: left; vertical-align: text-top; border: 1px solid gray; padding: 3px 0; margin-right: 5px; background:silver;} 
.image-right{float: right; vertical-align: text-top; border: 1px solid gray; padding: 3px 0; margin-left: 5px; background:silver;} 

#toc {
	background-color: #ffffff;
	padding: 10px;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	td: text-align: left; vertical-align: top;
	} 

#highlight {

	background-color: #FFFF00;
	padding: 10px;
	
	
	}
	
div#blog-insertion {
 margin:3px 3px 0px 3px; 
 border: 1px solid #000000;
 padding: 0px;
 vertical-align:top;
 overflow:auto;
 
}
div#blog-credit{
 margin:0px 3px 5px 3px; 
 border: 1px solid #000000;
 padding: 2px;
 vertical-align:top;
  background-color: #CCCCCC;
  color: #FFFFFF;
  font-weight: ;
  font-size:12px;
}

div#bloghead {
  background-color: #FFFFFF;
  color: #000000;
  padding-bottom:2px;
  margin-bottom: 2px;
  font-weight: bold;
  padding: 2px;
}
div#blogroll {
    text-align: left;
    padding-bottom: 7px;
    padding-left:3px;
    padding-right:3px;
   font-size:0.9em;
}
A:link#bloglink {
	color: #0000FF;
	text-decoration:underline;	
	background-color: transparent;
}
A:link#blog-source {
   color: #000000;
   text-decoration:none;
}   
A:visited#blog-source {
   color: #0000FF;
   text-decoration:underline;
}   
A:hover#blog-source {
   color: #0000FF;
   text-decoration:underline;
}   
A:active#blog-source {
   color: #0000FF;
   text-decoration:underline;
}   
A:visited#bloglink {
	color: #0000FF;
	text-decoration:underline;
	background-color: transparent;
}

A:hover#bloglink {
	color: #0000FF;
	text-decoration:underline;
	background-color: transparent;
}
	


