*
{
    /* set all elements to have 0 margin and padding */
    margin: 0;
    padding: 0;
}

p, ul, ol, dl
{
    /* reset specific elements */
    text-align: left;
    list-style: none;
}

p
{
    line-height: 1.4em;
}

fieldset, img
{
    border: 0;
}

address, caption, cite, code, dfn, em, th, var
{
    font-style: normal;
    font-weight: normal;
}

caption
{
    text-align: left;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
}

q:before, q:after
{
    content: '';
}

abbr, acronym
{
    border: 0;
    font-variant: normal;
}

sup, sub
{
    line-height: -1px;
    vertical-align: text-top;
}

sub
{
    vertical-align: text-bottom;
}

hr
{
    border-top: 1px solid #333;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 7px 0; *margin:00;/* IE 7 & 6 filter, by default IE adds 7px margin */
}

body
{
    color: #333333; /* global font color, except for form elements */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size: 100%;
    text-align: center;
    background-color: #78c8fa;
    background-image: url(http://www.bodybuilding.com/images/bg.png);
    background-repeat: repeat-x;
}

input, textarea, select
{
    color: #333333;
}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

pre, code, kbd, samp, tt
{
    font-family: monospace;
    line-height: 99%;
}

legend
{
    margin: 0;
    padding: 0;
    color: #000000;
    font-weight: normal;
}

del
{
    text-decoration: line-through;
}

/* = Font Sizing
----------------------------------------------------------------------------------------------------*/
/*

!!!!!!! VERY IMPORTANT !!!!!!!!!

If you do not need to support text sizing in IE 6 & 7 then remove the *font-size:XX% below. If you
leave it in this styles sheet then you will have to deal with font size inheritence. Its the
opinion of the this developer that font sizing in IE 6 and IE 7 is not worth the hacks and 
inheritence issues. Choose wisely.

Fonts sizes for all elements should be define in this style sheet and each selector should be 
on its own line with comments following (base styles are the exception).

Ex.

.menu, 
.errorMessage p,
#fe .fi .fo
{ font-size:15px; *font-size: 100% }

*/

/*Base Size*/

#notMember
{
    font-size: 9px;
}

#portals ul, input
{
    font-size: 10px;
}

#footerNavWrapper
{
    float: left;
    padding-left: 8px;
}

ul#footerNav li, #member, #logIn
{
    font-size: 11px; /**font-size:69%;*/
}
/* =11 */

ul#footerNavLeft li, #member, #logIn
{
    font-size: 11px; /**font-size:69%;*/
}
/* =11 */

.tagLineTop, .tagLineBottom, #missonStatement
{
    font-size: 12px; /**font-size: 77%;*/
}
/* =12 */

add selectors here
{
    font-size: 13px; /**font-size: 85%;*/
}
/* =13 */

#memberMessage
{
    font-size: 14px; /**font-size: 93%;*/
}
/* =13 */

add selectors here
{
    font-size: 15px; /**font-size: 100%;*/
}
/* =14 */

#portals h2
{
    font-size: 16px; /**font-size: 108%;*/
}
/* =15 */

add selectors here
{
    font-size: 17px; /**font-size: 114%;*/
}
/* =16 */

add selectors here
{
    font-size: 18px; /**font-size: 122%;*/
}
/* =17 */

add selectors here
{
    font-size: 18px; /**font-size: 129%;*/
}
/* =18 */

add selectors here
{
    font-size: 19px; /**font-size: 136%;*/
}
/* =19 */

add selectors here
{
    font-size: 20px; /**font-size: 144%;*/
}
/* =20 */

add selectors here
{
    font-size: 21px; /**font-size: 152%;*/
}
/* =21 */

add selectors here
{
    font-size: 22px; /**font-size: 159%;*/
}
/* =22 */

add selectors here
{
    font-size: 23px; /**font-size: 167%;*/
}
/* =23 */

add selectors here
{
    font-size: 24px; /**font-size: 174%;*/
}
/* =24 */

add selectors here
{
    font-size: 25px; /**font-size: 182%;*/
}
/* =25 */

add selectors here
{
    font-size: 26px; /**font-size: 189%;*/
}
/* =26 */

add selectors here
{
    font-size: 27px; /**font-size: 197%;*/
}
/* =27 */

add selectors here
{
    font-size: 36px;
}

add selectors here
{
    font-size: 30px;
}


/* = Base Links/Anchor
----------------------------------------------------------------------------------------------------*/

a:link
{
    outline: none;
    text-decoration:none;
    color: #005B82;
}

a:visited
{
    outline: none;
    text-decoration:none;
    color: #005B82;
}

a:hover
{
    outline: none;
    text-decoration:underline;
    color: #005B82;
}

a:active
{
    outline: none;
    text-decoration: underline;
    color: #005B82;
}

a:focus
{
    outline: none;
    text-decoration: underline;
    color: #005B82;
}

:focus
{
    -moz-outline-style: none;
    text-decoration: none;
    outline: none;
}

/* ----- anchors ----- */
a
{
}

/* = Common Styles
----------------------------------------------------------------------------------------------------*/

.clearFloatNoHeight
{
    clear: both;
    line-height: 0;
    height: 0;
    display: block;
    overflow: hidden;
    width: 0;
}

.clearFloat
{
    clear: both;
    display: block;
}

.floatRight
{
    float: right;
}
.floatLeft
{
    float: left;
}
.textLeft
{
    text-align: left;
}
.textRight
{
    text-align: right;
}
.displayNone
{
    display: none;
}
.displayBlock
{
    display: block;
}
.highlightYellow
{
    background-color: #FFFFCC;
}
p.last
{
    margin-bottom: 0;
}

/* = page structue
----------------------------------------------------------------------------------------------------*/
#centerContent
{
    width: 758px;
    margin: 0 auto;
}

#content
{
    background-color: #FFFFFF;
    text-align: left;
    border-bottom: 2px solid #9b9b9b;
    border-left: 2px solid #9b9b9b;
    border-right: 2px solid #9b9b9b;
    width: 100%;
    background-image: url(http://www.bodybuilding.com/images/bodyBuildingLogoTop.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 25px;
}

ul#footerNav
{
    text-align: right;
    margin: 0 9px 14px 0;
}

ul#footerNav li
{
    display: inline;
    font-weight: bold;
}

ul#footerNavLeft
{
    text-align: left;
    margin: 0px;
}

ul#footerNavLeft li
{
    display: inline;
    font-weight: bold;
}

#logoBottom
{
    text-indent: -999em;
    height: 68px;
    width: 758px;
    background-image: url(http://www.bodybuilding.com/images/bodyBuildingLogoBottom.png);
}

#logoTop
{
    text-indent: -999em;
    height: 0;
    width: 0;
    overflow: hidden;
}

#header
{
    height: 96px;
    width: 758px;
}

#missonStatement
{
    color: #004165;
    line-height: 1.2em;
    text-align: center;
    margin-top: 23px;
}


.portalBg
{
    width:179px;
    height:218px;
    float: left;
    position:relative;
    display:inline;
    margin:0 0 0 7px;   
}

/* IE6 Only */
* html .portalBg 
{
    margin:0 0 0 4px;  
}


/*#portals a, #portals a:link, #portals a:visited, #portals a:active*/
.linkBox
{
    height: 160px;
    width: 179px;
    background: url(http://www.bodybuilding.com/linkBoxBg.png) top left no-repeat;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #DEE2E0;
    border-left: 1px solid #DEE2E0;
    border-right: 1px solid #DEE2E0;
}

.linkBoxBottom
{
    background: url(http://www.bodybuilding.com/linkBoxBottomBg.png) top left no-repeat;
    width:179px;
    height:38px;
    border-bottom: 1px solid #DEE2E0;
    border-left: 1px solid #DEE2E0;
    border-right: 1px solid #DEE2E0;
    text-align:center;
}

#portals
{
    width:737px;
    margin:10px auto 0 auto;
}


.linkBox h2
{
  margin:14px 0 0 0;
}

.linkBox h2 a
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
}

.linkBox h2 a:visited
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
}

.linkBox h2 a:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
}

.linkBox ul
{
    color: #4D4F53;
    width: 175px; 
    *width:160px;
    margin:17px 0 0 0;
    list-style:disc;
    list-style:outside;
    padding:0;
}

.linkBox ul li
{
    margin: 0 0 8px 22px; 
    *margin-left:15px;
    line-height:10px;
    font-size:10px;
}

.linkBox ul li a
{
    font-size:10px;
    color:#4D4F53;
    text-decoration:underline;
}

.linkBox ul li a:visited
{
    font-size:10px;
    color:#4D4F53;
    text-decoration:underline;
}

.linkBox ul li a:hover
{
    font-size:10px;
    color:#4D4F53;
    text-decoration:none;
}

div.supLinkHeader
{
    height:30px;
    line-height:30px;
    background-color:#f4f0ea;
    margin:15px 0 10px 0;
    _margin:15px 0 15px 0;
}

div.supLinkHeader h2
{
    margin:0 0 0 14px;
    font-size:18px;
    color:#4d4f53;
    font-weight:bold;
}

.supLinks
{
    width:171px;
    float:left;
    margin:0 0 0 10px;
    display:inline;
}

.supLinks h3 a
{
    font-size:12px;
    font-weight:bold;
    color:#4d4f53; 
    margin:0 0 10px 0;
    text-decoration:none;
}

.supLinks h3 a:visited
{
    color:#4d4f53; 
    margin:10px 0 10px 0;
}

.supLinks h3 a:hover
{
    font-size:12px;
    font-weight:bold;
    color:#4d4f53; 
    margin:10px 0 10px 0;
    text-decoration:underline;
}

.supLinks ul
{
   margin:2px 0 0 0;
}

.supLinks ul li
{
   margin:0 0 4px 0;
}

.supLinks ul li a
{
    font-size:11px;
    text-decoration:none;
}

.supLinks a:hover
{
    font-size:11px;
    text-decoration:underline;
}

#flashContent
{
    width: 737px;
    height: 215px;
    background-color: #CCCCCC;
    margin: 5px 0 0 12px;
    clear: both;
}

#member
{
    color: #9A9B9C;
}

#memberMessage
{
    color: #3D9BD6;
    font-weight: bold;
}

#notMember
{
    color: #4D4F53;
}

#notMember a:link, #notMember a:visited, #notMember a:active
{
    color: #4D4F53;
}

#notMember a:hover
{
    text-decoration: none;
}

#loggedIn
{
    float: right;
    width: 300px;
    text-align: right;
    margin: 31px 43px 0 0;
    _margin-right: 23px;
}

#logIn
{
    float: right;
    width: 450px;
    margin: 8px 25px 0 0;
    _margin-right: 13px;
}

#logIn table tr td
{
    padding: 0 3px 3px 0;
}

#logIn table
{
    color: #818386;
}

#signUp
{
    color: #4D4F53;
}

#loggedIn div
{
    margin-bottom: 4px;
}

.millionOrders 
{
    font-size:16px;
    font-weight:bold;
    width:300px;
    margin:0 auto;
    color:#4d4f53;
    text-align:center;
}