* 
{
    padding:0;
    margin:0;
    }
body 
{
    background:#515151;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0px;
    text-align:center;
}

* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions */
}

#wrapper 
{
    width:100%;
    position:relative;
    margin:0px auto;
    padding:0px;
    border:0px solid red;
    text-align:left;
    }

/* ------------------ Site Styles -------------------------- */

h1 { color:#d4fb78; font-size:120%; font-weight:normal; line-height:1.4em;  padding:0; margin:0; margin-bottom:15px; clear:both; }
.HomeMainLeft h1, .HomeMainRight h1, .contentMainSB h1 { font-size:85%; padding:0 10px 0 12px; margin:0; }

h2 { color:#79b2e1; font-size:105%; font-weight:normal; line-height:1.4em;  padding:4px 0; margin:20px 0 10px 0; border-top:1px dotted #666; border-bottom:1px dotted #666;  }

h3 { color:#ccc; font-size:90%; font-weight:normal; line-height:1.4em;  padding:4px 0; margin:20px 0 10px 0; text-transform:uppercase; }
h3 a:link { color:#ccc; }

p { color:#fff; font-size:80%; line-height:1.6em;  padding:6px 0; margin:5px 0; }
.HomeMainLeft p, .HomeMainRight p, .contentMainSB p { font-size:75%; color:#ccc; padding:8px 15px 8px 12px; margin:0; }


ul { padding:0; margin:0 25px; }

li { color:#fff; font-size:85%; line-height:1.6em;  padding:4px 5px; margin:0; list-style-type:circle; }

a:link { color:#d4fb78; text-decoration:underline; }
a:visited { color:#d4fb78; text-decoration:underline; }
a:hover { color:#d4fb78; text-decoration:none; }
a:active { color:#d4fb78; text-decoration:underline; }

a.more { font-size:85%; }
a.moreGreen { color:#d4fb78; }

.green { color:#d4fb78; }

hr { color:#666; margin:25px 0; }

.picRight { border:3px double #ccc; float:right; margin:0 0 10px 10px; }
.picRightSB { border:3px double #999; float:right; margin:5px 0 5px 5px; }
/* ------------------ Header -------------------------- */

#Header, #Navigation, #Banner, #Slogan, #Content 
{
    float:left;
    width:100%;
    clear:both;
    border-top:1px solid #666;
    }  

#Header { background:#fff; margin:0; padding:0; }
#HeaderWrap { width:800px; margin:0px auto; }

#HeaderLeft { float:left; width:40%; margin:0; padding:0; background:transparent; }

#HeaderLeft a img { border:0; margin-top:20px; }

#HeaderRight { float:right; width:59.9%; margin:0; margin-top:15px; padding:0; background: transparent; text-align:right;  }
#HeaderRight a img { float:right; }

/* ------------------ Navigation -------------------------- */

#Navigation { background:#79b2e1; margin:0; padding:0; }
#Navigation div { width:800px; margin:0px auto; }
#Navigation ul { float:left; padding:2px 0; margin:0px auto; border:0px solid #000; list-style:none; }
#Navigation ul li { float:left; font-size:80%; margin:0; padding:0; background:transparent; text-align:center; list-style:none; }
#Navigation a { font-size:85%; color:#fff; display:block; padding:6px 15px 6px 0px; margin:0; border-right:0px solid #515151; text-decoration:none; }
#Navigation a:visited { color:#fff; }
#Navigation a:hover { color:#666; }
#Navigation a:active { color:#fff; }

/* ------------------ Banner -------------------------- */

#Banner { background:#c2e56f url(http://www.nextstepfitness.org/_img/bg_Banner.gif) top left repeat; }
#Banner p { text-align:center; margin:0px auto; width:800px; padding:0; }
#Banner p img, #Banner p a img { float:left; border:0; border-right:1px solid #515151; border-left:1px solid #515151;  }

/* ------------------ Slogan -------------------------- */

#Slogan { background:#363636;  }
#Slogan p { text-align:center; margin:0px auto; width:618px; padding:0;  }
#Slogan p img { float:left; padding:5px 0;  }


/* ------------------ Content -------------------------- */

#Content { width:100%; margin:0 auto; margin-bottom:10px; padding:15px 0; background:transparent; clear:both; }

#ContentMiddle
{
    width:800px;
    margin:0px auto;
    padding:0px;
    }
    
#ContentWrap 
{
    width:800px;
    float:left;
    position:relative;
    margin:0px auto;
    padding:0px;
    border:0px solid red;
    text-align:left;
    background:url(http://www.nextstepfitness.org/_img/bgContentWrap.gif) top left no-repeat;
    }

.contentMain { float:left; width:66.9%; margin:0; padding:0; background:transparent; }
.HomeMainLeft { float:left; width:50%; margin:0; padding:0; background:transparent; } 
.HomeMainRight { float:right; width:49.9%; margin:0; padding:0; background:transparent; } 
.contentMainSB { float:right; width:33%; margin:0; padding:0; background:transparent; }

    
/* ------------------ Homepage -------------------------- */
#homepageWrap 
{
    float:left; 
    width:100%; 
    clear:both; 
    border-top:1px dotted #4a4e52; 
    border-bottom:1px dotted #4a4e52; 
    padding:8px 0 15px 0; 
    margin:0; 
    margin-bottom:8px; 
    background:url(http://www.nextstepfitness.org/_img/bgHomeWrap.gif) top left repeat-y; 
    }
    
.homeMain { float:left; width:65%; margin:0; padding:0; background:transparent; }
.homeSB { float:right; width:33%; margin:0; padding:0; background:transparent; }
.homeMain h1, .homeSB h1 { color:#79b2e1; padding:0 5%; margin:0; margin-bottom:10px; }
.homeSB h1 { padding-left:10%; background:url(../_img/homeSBh1.gif) left 50% no-repeat; }

.homeMain p, .homeSB p { font-size:80%; line-height:1.6em; padding:0 5%; margin:0; }

.contentMain1 { float:left; width:90%; margin:0; padding:0 5%; background:transparent; }

/* ------------------ Interior Pages -------------------------- */

.pageMain { float:left; width:60%; margin:0 1%; padding:0; background:transparent; }
.pageSB { float:right; width:33%; margin:0; padding:15px 0;  }
.contentMain1 p, .pageMain p { font-size:80%; line-height:1.6em; }

/* ------------------ SideBar -------------------------- */
.sideBar { padding:10px 0 15px 0; margin:0; margin-bottom:15px; background:transaparent; border-bottom:0px solid #999; background:#666; }
.sideBar h1 { font-size:70%; color:#ccc; background:#3f3f3f; padding:8px 15px; margin:0; border-bottom:0px dotted #ccc; border-top:0px dotted #ccc;  }
.sideBar p { font-size:80%; color:#ccc; padding:5px 15px; margin:0; }
.sideBar form { font-size:70%; color:#e7e7e7; padding:5px 15px; margin:0; }

/* ------------------ Footer -------------------------- */
#Footer { width:100%; float:left; padding:0; margin:0; }
#Footer p { width:800px; margin:15px auto; padding:10px 0; font-size:70%; color:#999; text-align:center; border-top:1px dotted #666; }
.clearFooter { clear:both; margin:0; padding:0; float:left; width:100%; }



.note { font-style:italic; }

/* ------------------ News -------------------------- */

.news { background: #666; padding:0; padding-bottom:10px; }
.news h2, .news p { padding:6px 10px; }
.news h2 {  font-size:20px; margin-bottom:5px; font-weight:bold; }
.news h3 { margin-bottom:5px; padding:2px 10px 8px 10px; margin:0; font-weight:normal; font-size:80%; text-transform:none; }
.news p { font-size:80%; }

/* ------------------ Special -------------------------- */
.special { width:20%; float:left; }