/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Jobs to complete outside of, as well as throughout the entirety of, this document.
   * DEF: 'asset' = An asset can best be described as any item used in the creation of the site other than
   the HTML.  For example: images, flash, css files, etc.)

** NOTE: The current path for all assets associated with this site is: http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/

INSTRUCTIONS:
Make changes to the following:
1. all asset URL paths in the following external documents should be changed to the appropriate client URL:
   * style_190
.tpl, home.tpl, non-ie.css, ie.css
   ** NOTE: if no URL path exists in one of the aforementioned external documents, obviously
      no change is necessary
2. all asset URL paths in this document should be changed to the appropriate client URL
3. all color values in non-ie.css & ie.css as well as throughout this document should be altered
   ** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */

body
{
color: #212121;
}

/* Fix for calendar days of the week color. */
.white_9Bold
{
color: #FFF;
}

a:active,
a:link,
.title_9,
.title_9Bold,
.title_10,
.title_10Bold,
.title_12,
.title_12Bold,
.title_14,
.title_14Bold,
.title_16,
.title_16Bold
{
color: #b12020;
}

a:visited
{
color: #888;
}

a:focus,
a:hover
{
color: #ff2e2e;
}

.contentEdit h1
{
margin: 0.2em 0;
font-size: 182%;
font-weight: bold;
color: #b12020;
}

.contentEdit h2
{
margin: 0.2em 0;
font-size: 182%;
font-weight: bold;
color: #888;
}

.contentEdit h3
{
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
color: #b12020;
}

.contentEdit h4
{
margin: 0.2em 0;
font-size: 136%;
font-weight: bold;
color: #888;
}

.contentEdit h5
{
margin: 0.2em 0;
font-size: 107%;
font-weight: bold;
color: #b12020;
}

.contentEdit h6
{
margin: 0.2em 0;
font-weight: bold;
font-size: 107%;
font-weight: bold;
color: #888;
}

/* -------------------------------------------------
main structure
------------------------------------------------- */

body
{
background: #202020;
}

div#wrapper
{
text-align: center;
}

div#container
{
width: 966px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/container_bkgd.jpg) repeat-y 0 0;
}

/* -------------------------------------------------
div.universal-clear
------------------------------------------------- */

div.universal-clear
{
height: 0px;
line-height: 0px;
}

* html div.universal-clear
{
margin: 0 0 -3px 0;
}

form#form1 div.universal-clear
{
clear: left;
}

* html form#form1 div.universal-clear
{
margin: 0 0 -5px 0;
}

div#middle div.universal-clear
{
clear: left;
}

* html div#middle div.universal-clear
{
margin: 0 0 -5px 0;
}

/* -------------------------------------------------
div#header
------------------------------------------------- */

div#header
{
height: 30px;
padding: 14px 0 0 37px;
background: #202020;
}

div#homeIcon a
{
display: block;
width: 64px;
height: 23px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/homeIcon.jpg) no-repeat 0 0;
overflow: hidden;
}

div#homeIcon a:focus,
div#homeIcon a:hover
{
background-position: 0 -23px;
}

/* -------------------------------------------------
div#middle
------------------------------------------------- */

/* -------------------------
div#middle-colOne
------------------------- */

div#middle-colOne
{
float: left;
display: inline;
width: 294px;
margin: 0 6px 0 0;
}

/* ----- h1#clientLogo ----- */

h1#clientLogo a
{
display: block;
width: 294px;
height: 186px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/clientLogo.jpg) no-repeat 0 0;
overflow: hidden;
}

/* ------- div#memberBox --------- */

div#memberBox
{
width: 294px;
height: 177px;
color: #FFF;
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/memberBox_bkgd.jpg) no-repeat bottom left;
}

div#memberBox h1
{
height: 28px;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/memberBox_title.jpg) no-repeat 0 0;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default visibility to visible - othewise, change visible to hidden
-------------------------------------------------------------------------------------------- */
div#memberBox form
{
visibility: visible;
padding: 0 0 0 13px;
}
/* END ALTER - Member Box */

div#memberBox p.memberBox-label
{
padding: 6px 0 2px 0;
font-weight: bold;
}

input.memberBox-textBox
{
width: 175px;
margin: 0;
color: #888;
}

p#memberBox-forgot
{
margin: 2px 0 10px 5px;
font-size: 77%;
}

p#memberBox-forgot a:active,
p#memberBox-forgot a:link,
p#memberBox-forgot a:visited
{
color: #FFF;
}

p#memberBox-forgot a:focus,
p#memberBox-forgot a:hover
{
color: #b12020a;
text-decoration: none;
}

ul#memberBox-buttons
{
margin: 0 0 0 5px;
}

ul#memberBox-buttons li
{
float: left;
display: block;
height: 22px;
}

ul#memberBox-buttons a
{
display: block;
height: 22px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

li#memberBox-buttons-enter
{
width: 38px;
padding: 0 15px 0 0;
}

li#memberBox-buttons-enter a
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/memberBox_buttons.jpg) no-repeat 0 0;
}

li#memberBox-buttons-enter a:hover,
li#memberBox-buttons-enter a:focus
{
background-position: 0 -22px;
}

li#memberBox-buttons-register
{
width: 175px;
}

li#memberBox-buttons-register a
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/memberBox_buttons.jpg) no-repeat -38px 0;
}

li#memberBox-buttons-register a:focus,
li#memberBox-buttons-register a:hover
{
background-position: -38px -22px;
}

/* ------- div#verticalNav --------- */

div#verticalNav
{
text-align: left;
}

div#verticalNav ul
{
width: 292px;
border: 1px solid #000;
border-top: none;
background: #262626;
}
 
div#verticalNav li
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/verticalNav_bkgd.jpg) no-repeat 0 0;
}

div#verticalNav a:active,
div#verticalNav a:link,
div#verticalNav a:visited
{
display: block;
padding: 10px 44px 7px 14px;
line-height: 15px;
font-weight: bold;
color: #FFF;
text-decoration: none;
}

* html div#verticalNav a:active,
* html div#verticalNav a:link,
* html div#verticalNav a:visited
{
height: 1px;
}

div#verticalNav a:focus,
div#verticalNav a:hover
{
color: #b12020;
text-decoration: underline;
}

/* ------- div#companyBox --------- */

div#companyBox
{
width: 227px;
height: 125px;
padding: 20px 0 0 67px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#middle-colTwo
------------------------- */

div#middle-colTwo
{
float: left;
display: inline;
width: 660px;
margin: 0 0 0 6px;
}

* html div#middle-colTwo
{
overflow: hidden;
}

/* ------- div#mainPic --------- */

div#mainPic img,
div#mainPic object
{
display: block;
}

/* ------- div#marquee-wrapper --------- */

div#marquee-wrapper
{
height: 18px;
padding: 2px;
background: #202020;
}

/* --------------------------------------------------------------------------------------------
ALTER

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change visible to hidden, & vice versa
2. color value
3. PSD changes - if, by deactivating the marquee, image changes result, it will be
   necessary to re-export the proper background image
-------------------------------------------------------------------------------------------- */
div#marquee
{
position: relative; /* for marquee tag */
visibility: hidden;
height: 18px;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}

div#marquee span.body_10
{
color: #FFF;
font-size: 92%;
font-weight: bold;
line-height: 18px;
}
/* END ALTER - Marquee */

/* ------- div#conent-wrapper --------- */

div#content-wrapper
{
min-height: 156px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/content_wrapper_bkgd.jpg) no-repeat 0 0;
}

* html div#content-wrapper
{
height: 156px;
}

h1#pageTitle
{
height: 36px;
padding: 2px 0 0 110px;
line-height: 36px;
color: #FFF;
font-weight: bold;
font-size: 152%;
}

div#content
{
padding: 32px 31px 0 70px;
}

.contentEdit img
{
border-color: #000;
}

/* -------------------------------------------------
div#footer
------------------------------------------------- */

div#footer
{
height: 82px;
padding: 36px 30px 0 30px;
text-align: left;
color: #FFF;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/footer_bkgd.jpg) no-repeat 0 0;
}

div#footer p
{
float: left;
line-height: 82px;
}

div#companyLogo
{
float: right;
margin: 30px 0 0 30px;
}

div#companyLogo img
{
display: block;
}

div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited
{
display: block;
width: 110px;
height: 20px;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/190/maximathletics.com/images/company_logo.gif) no-repeat 0 0;
overflow: hidden;
}

div#companyLogo a:focus,
div#companyLogo a:hover
{
background-position: -110px 0;
}