body{ margin: 0;
padding:0;
background:#EFF5FB;
color: #333333;
}
#lh-col{
position:absolute;
top:82px;
left:0;
width:175px;
z-index:3;
background:#EFF5FB;
color: #333333;
line-height:112%;/*line-height can be set in order to have the navigation elements better separated, if needed*/
}
#rh-col{
position:absolute;
top:82px;
right:0;
width:140px;
z-index:2;
background:#EFF5FB
color: #333333;
text-align: center;
}
#c-block {
width:100%;
z-index:1;
background:#EFF5FB;
color: #333333;

}
#hdr{
height:80px;
border-bottom:1px solid #000000;
width:100%;
background:#006699 url(http://www.personaltrainingfitness.com/image-files/rightback.gif) no-repeat right; /*EDIT COLOR TO MATCH PRIMARY IMAGE BACKGROUND COLOR TO BLEND*/
color: #333333;
margin:0;
}
#c-col{
	margin: 0px 140px 0px 175px;
	position: relative;
	background: #ffffff;
	color: #333333;
	z-index: 5;
	border-right: 1px solid #006699;
	border-left: 5px solid #006699;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#ftr {
width:99%;
height:50px;
border: solid #000000; border-width:1px 0;
background:#006699;
color: #ffffff;
margin:0;
}
div#c-col center{
padding-right: 35px;
}
div#c-col p{
margin: 10px 0px 10px 0px;
FONT: 85% arial, sans-serif;
}
.menu-hdr {
width: 80%;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 100%;
PADDING-BOTTOM: 2px;
MARGIN: 1px 1px 1px 5px;
PADDING-TOP: 2px;
color: red;
text-align: center;
}
.menu {
FONT: 72% verdana, arial, sans-serif; 
MARGIN:1px 10px 25px 12px;
LINE-HEIGHT:18px; }
.login {
width: 85%;
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 100%;
PADDING-BOTTOM: 4px;
MARGIN: 1px 1px 1px 0px;
PADDING-TOP: 4px;
text-align: center;
}
/*Default links for navigation area; edit as needed*/
#navigation A:link {
COLOR: #0000CC;
TEXT-DECORATION: underline;
font-size:x-small;
background-color: transparent;
}
#navigation A:visited {
COLOR: #0000CC;
TEXT-DECORATION: underline;
font-size:x-small;
background-color: transparent;
}
#navigation A:hover {
COLOR: #CC3300;
TEXT-DECORATION: underline;
font-size:x-small;
background-color: transparent;
}
#menu3 {
	/*for manual footer links*/
	PADDING-RIGHT: 0;
	BORDER-TOP: thin solid #006699;
	background-color: #DEE7F0;
	PADDING-LEFT: 0;
	PADDING-BOTTOM: 7px;
	MARGIN: 0px 0px 0px 0px;
	PADDING-TOP: 6px;
	TEXT-ALIGN: center;
	line-height: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
} /*Default link colors for content area; not recommended to edit*/
A:link {
COLOR:#0000CC;
TEXT-DECORATION:underline;
background-color:transparent;
}
A:visited {
COLOR:#0000CC;
TEXT-DECORATION:underline;
background-color:transparent;
}
A:hover {
COLOR:#CC3300;
TEXT-DECORATION:underline;
background-color:transparent;
}
OL, UL, DL {font-size:small;}/*font-family is already defined, here I only set the font-size*/
/*Settings for all heading tags*/
H1{
margin-bottom:0;
font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 150%;
text-align:center;
color: #006699;
background-color:transparent;
font-weight: bold;
}
H2{
text-align:center;
margin-top:0;
font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 130%;
color:#006699;
font-weight: bold;
background-color: transparent;
padding-right: 35px;
}
H5 {
text-align:center; 
margin-bottom: 0;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #006699;
background-color: transparent;
font-weight: bold;
padding-right: 35px;
}
H6 {
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
color: #006699;
margin: 0;
padding: 1px;
text-align: center;
background-color: transparent;
padding-right: 35px;
} 
strong, b {font-weight:800;}/*NN 4.xx needs that...*/
big {font-size:larger;}/*to emphasize words, use it inline with a <span> class*/
small {font-size: 70%; }/*not really necessary, but one never knows...use it inline with a <span> class*/
.rt {
float: right;
position: relative;
padding-right: 45px;
}
.lt {
float: left;
position: relative;
padding-left: 35px;
}
/*This removes the need to add border=0 to linked images*/
A IMG {
border:0.1px none #000000;
} 
ul{/*You can create a special image to use in lists, upload to the Graphics Library and be sure and name it li.gif*/
list-style-image: url(http://www.personaltrainingfitness.com/image-files/li2.gif);
list-style-position:outside;
list-style-type:none;
}
em,i{ /*sets italics to bold to stand out better*/
font-weight: bold;
font-style: italic;
}
ul {
	font-size: 85%;
	padding-left: 35px; 
	padding-right: 80px;
}
li {
	margin: 5px 0 5px 25;
}
.whitebackground {background-color:#FFFFFF;}
.boxlthdr {
background: url(http://www.personaltrainingfitness.com/image-files/bluboxhdrbkgd.gif) repeat-x; width: 145px;
height: 21px;
float: left;
position: relative; }
.boxlt {
border=0
color:#333333;
width: 145px;
font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 70%; text-align: left;
padding:2px 2px 2px 2px;
background: url(http://www.personaltrainingfitness.com/image-files/bluboxbkgd.gif) repeat-x;
float: left;
position: relative; margin: 5px 5px 5px 0px;
}
.boxt {
border: 1px solid Navy;
color: #333333;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: left;
padding: 7px 7px 7px 7px;
background-color: #ffffcc;
margin: 5px 5px 5px 10px;
}
.boxc {
border: 1px solid Navy;
color: #333333;
width: 60%;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: left;
padding: 7px 7px 7px 7px;
background-color: White;
margin: 5px 5px 5px 5px;
}
.boxc1 {
border: 0px color: #333333;
width: 60%;
font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
padding: 7px 7px 7px 7px;
background-color: White;
margin: 3px 3px 3px 40px;
}
.boxrt {
border:solid #006699 1px;
color:#333333;
width:15%;
font-family:Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif;
font-size:small;
text-align: left;
padding:5px 5px 5px 5px;
background-color : #f0f8ff;
float: right;
position: relative;
margin: 5px 8px 5px 5px;
}
/* Forces blocks to enclose their floated children */
.clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
/*.clearfix {
overflow: hidden;
}*/
/* Don't know why we'd need this rule, but it was here when CatFish worked */
.clearfix {
display:block;
}
* html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
height: 1%;
}
/* END: Forces blocks to enclose their floated children */