body {
margin: 0;
padding: 0; 
background: #888888 url("../graphics/bkg.gif");
}

#page {
margin: 10px auto;
width: 750px;
background: #d0d0d0 url("../graphics/bkg-page-02.jpg") repeat-y top;
background-color: #d0d0d0;
border: 1px solid #000000;
}

#header {
margin: 0 auto;
width: 750px;
border-bottom: 1px solid #ffffff;
}

#logotxt {
width: 748px; 
height: 27px; 
border-top: 1px solid #ffffff;
border-right: 1px solid #666666;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #666666;
background-color: #999999;
}

#logo {
width:748px;
height:133px;
background-color: #CCCCCC;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #999999;
border-LEFT: 1px solid #FFFFFF;
border-bottom: 1px solid #999999;
}

#logoscrew1{
width:27px;
height:133px;
background: url("../graphics/screw.gif") no-repeat bottom;
float: left;
}

#logopic {
padding-left: 10px;
float: left;
}

#downloads {
width:130px;
float: left;
padding-top: 17px;
padding-left: 50px;
}

#logoscrew2{
width:27px;
height:133px;
background: url("../graphics/screw.gif") no-repeat bottom;
float: right;
}

#logobar { 
width: 742px; 
height: 16px; 
padding-top: 3px;
padding-left: 6px;
background-color: #999999;
ackground-color: #e90909;
border-top: 1px solid #ffffff;
border-right: 1px solid #666666;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #222222;
overflow: hide;
z-index:2;
}

#sidebar {
margin-left: 5px;
margin-right: 0px;
margin-top: 0px;
padding-top 5px;
padding-bottom: 10px;
width: 131px;
}

#content {
margin-left: 0px;
width: 581px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
float: right;
}

#content #contentad {
padding-top: 5px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 10px;
float: right;
}

#subscribe {
height: 98px;
padding-top: 8px;
padding-left: 60px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
background: url("../graphics/guarantee.gif") no-repeat;
background-position: 2px 2px;
background-color: #999999;
overflow: hidden;
}

#footer {
margin: 0 auto;
width: 748px;
padding-bottom: 5px;
background-color: #999999;
border-top: 1px solid #666666;
border-left: 1px solid #cccccc;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
clear: both;
background: url("../graphics/bkg-footer.gif") repeat-x top;
}

#eggs {
margin: 0 auto;
width: 125px;
background-color: #000000;
padding-bottom: 3px;
text-align: center;
}

#fitnessarticles {
padding-left: 5px;
}


/* TEXT and LINK STYLES */

#logotxt h1 {
font-family: verdana;
font-size: 17px;
text-align: center;
color: #000000;
margin: 2px;
}

#downloads {
font-family: verdana;
color: #000000;
font-size: 10px;
font-weight: bold;
}

#downloads ul{
width: 125px;
margin-top: 5px;
margin-left: 0px; 
padding-left: 0px;
} 

#downloads li {
list-style: none;
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #999999;
font-size: 9px;
font-weight: normal;
text-align: left;
} 

#downloads li a:link {
font-size: 9px;
font-weight: normal;
text-decoration: none;
color: #000000;
}

#downloads li a:visited {
font-size: 9px;
font-weight: normal;
text-decoration: none;
color: #000000;
} 

#downloads li a:hover {
color: #FFFFFF;
font-size: 9px;
font-weight: normal;
background-color: #FF0000;
padding-bottom: 1px;
}

#downloads li a:active {
color: #FFFFFF;
font-size: 9px;
font-weight: normal;
background-color: #FF0000;
padding-bottom: 1px;
}

#logobar { 
font-family: verdana;
color: #333333;
font-size: 11px;
font-weight: bold;
text-align: left;
}

#content {
font-family: verdana;
font-size: 12px;
color: #000000;
text-align: justify;
}

#content a:link { 
font-size: 12px;
color: #0000de;
text-decoration: underline;
}

#content a:visited { 
font-size: 12px;
color: #0000de;
text-decoration: underline;
}

#content a:hover, a:active { 
font-size: 12px;
color: #0000de;
text-decoration: none;
}

#content h1 {
font-family: Verdana;
font-weight: bold;
font-size: 15px;
color: #000000;
margin: 5px 5px; 0;
padding: 0;
text-align: center;
}

#subscribe {
font-size: 16px;
text-align: center;
color: #333333;
font-weight: bold;
}

.style2 {
font-size: 11px;
text-align: center;
color: #333333;
font-weight: bold;
font-style: italic;
padding: 1px;
}

.style3 {
font-size: 13px;
font-family: arial;
}


#sidebar {
text-align: left;
font-family: verdana;
color: #333333;
font-size: 11px;
font-weight: normal;
padding-top: 5px;
z-index:3;
}

#sidebar ul{
margin-top: 5px;
margin-left: 0px;
padding-left: 0px;
width: 132px;
border-bottom: 1px solid #b5b5b5;
}  

#sidebar li {
list-style: none;
padding-top: 1px;
padding-bottom: 2px;
border-top: 1px solid #b5b5b5;
font-family: verdana;
font-size: 9px;
text-align: left;
} 

#sidebar li a:link {
font-family: verdana;
font-size: 9px;
text-align: left;
text-decoration: none;
color: #000000;
}

#sidebar li a:visited {
text-decoration: none;
color: #000000;
} 

#sidebar li a:hover {
color: #FFFFFF;
background-color: #FF0000;
padding-bottom: 1px;
}

#sidebar li a:active {
font-family: verdana;
font-size: 9px;
color: #FFFFFF;
background-color: #FF0000;
padding-bottom: 1px;
}

#sidebar h2 {
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #000000;
margin: 5px 0px; 0;
padding: 0;
}

#eggs a {
text-decoration: none;
font-family: Verdana;
font-size: 11px;
color: #00FF00;
text-align: center;
} 

#eggs a:hover {
text-decoration: underline;
}

#footer {
font-family: verdana;
font-size: 10px;
color: #333333;
text-align: center;
}

#footer a:link { 
font-size: 10px;
color: #000000;
text-decoration: none;
}

#footer a:visited { 
font-size: 10px;
color: #000000;
text-decoration: none;
}

#footer a:hover, a:active { 
font-size: 10px;
color: #000000;
text-decoration: underline;
}

#footer h2 {
font-size: 12px;
margin-top: 10px;
margin-bottom: -15px;
}

#fitnessarticles ul{
margin-top: 5px;
margin-left: 0px;
padding-left: 0px;
width: 175px;
border-bottom: 1px solid #b5b5b5;
}  

#fitnessarticles li {
list-style: none;
padding-top: 1px;
padding-bottom: 2px;
border-top: 1px solid #b5b5b5;
font-family: verdana;
font-size: 10px;
text-align: left;
} 

#fitnessarticles li a:link {
font-family: verdana;
font-size: 10px;
text-align: left;
text-decoration: none;
color: #000000;
}

#fitnessarticles li a:visited {
text-decoration: none;
font-family: verdana;
font-size: 10px;
color: #000000;
} 

#fitnessarticles li a:hover {
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
background-color: #FF0000;
padding-bottom: 1px;
}

#fitnessarticles li a:active {
font-family: verdana;
font-size: 10px;
color: #FFFFFF;
background-color: #FF0000;
padding-bottom: 1px;
}



/* Begin Images */

/* Using 'class="alignright"' on an image will align 
   the image to the right. Using 'class="centered"' will
   center the image. This is much better than using
   align="center" */


p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}
	
.alignleft {
float: left
}