/* --------------------------------------------------------------------------------------------
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/213/2133329117/

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_213.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: #999;
}

/* 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: #99badd;
}

a:visited
{
color: #666;
}

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

.contentEdit h1
{
margin: 0.2em 0;
font-size: 182%;
color: #99badd;
font-weight: normal;
}

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

.contentEdit h3
{
margin: 0.2em 0;
font-size: 136%;
color: #99badd;
font-weight: normal;
}

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

.contentEdit h5
{
margin: 0.2em 0;
font-size: 107%;
color: #99badd;
font-weight: normal;
}

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

.contentEdit img
{
border-color: #99badd;
}

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

body
{
background: #000;
}

/* -------------------------------------------------
div#top-wrapper
------------------------------------------------- */

div#top-wrapper
{
text-align: center;
background: #87afdb url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/wrapper_bkgd.jpg) repeat-x 0 0;
}

div#top-container
{
width: 998px;
margin: 0 auto;
text-align: left;
}

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

div#header
{
height: 388px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/header_bkgd.jpg) no-repeat 0 0;
}

/* -------------------------
div#headerTop
------------------------- */

div#headerTop
{
height: 40px;
padding: 51px 0 29px 47px;
}

h2#homeIcon
{
float: left;
display: inline;
position: relative;
width: 382px;
height: 40px;
}

h2#homeIcon a
{
display: block;
width: 382px;
height: 40px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/homeIcon.jpg) no-repeat 0 0;
overflow: hidden;
}

h2#homeIcon a:focus,
h2#homeIcon a:hover
{
background-position: 0 -40px;
}

/* --------------------------------------------------------------------------------------------
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, 
rename the wrapper bkgd above.
-------------------------------------------------------------------------------------------- */
#MarqueeWrapper 
{
float: left;
display: inline;
width: 520px;
height: 40px;
padding: 0 2px;
visibility: visible;
}

#Marquee 
{
position: relative;
top: 0;
left: 0;
width: 520px;
height: 40px;
overflow: hidden;
}

#Marquee span 
{
width: 520px;
height: 40px;
line-height: 40px;
font-weight: bold;
font-size: 108%;
color: #99badd;
}
/* END ALTER - Marquee */

/* -------------------------
div#headerBtm
------------------------- */

div#headerBtm
{
height: 254px;
padding: 0 81px 0 29px;
}

h1#clientLogo
{
float: left;
display: inline;
width: 506px;
height: 254px;
}

h1#clientLogo a
{
display: block;
width: 506px;
height: 254px;
text-indent: -9999px;
text-decoration: none;
overflow: hidden;
}

div#Banner
{
float: left;
display: inline;
width: 382px;
height: 254px;
}

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

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

div#middle-wrapper
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/middle_bkgd.jpg) repeat-y 0 0;
}

div#middle-container
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/middle_top.jpg) no-repeat 0 0;
}

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

div#middle-colOne
{
float: left;
display: inline;
width: 240px;
padding: 74px 16px 0 59px;
}

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

div#verticalNav
{
width: 240px;
}

div#verticalNav li
{
width: 240px;
padding: 0 0 12px 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/verticalNav_line.jpg) no-repeat left bottom;
}

div#verticalNav a:active,
div#verticalNav a:link,
div#verticalNav a:visited
{
display: block;
padding: 4px 26px 0 70px;
line-height: 20px;
font-size: 136%;
color: #99badd;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/icon_title.gif) no-repeat 26px 0;
}

* 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: #ccc;
}

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

div#middle-colTwo
{
float: left;
display: inline;
width: 683px;
}

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

/* ----- div#contentBox ----- */

h2#pageTitle
{
width: 586px;
height: 40px;
line-height: 40px;
padding: 15px 56px 27px 41px;
font-size: 136%;
color: #99badd;
font-weight: normal;
}

div#content
{
padding: 25px 84px 0 69px;
}

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

div#footer-wrapper
{
text-align: center;
}

div#footer-container
{
width: 948px;
padding: 55px 25px 15px 25px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footer_bkgd.jpg) no-repeat 0 0;
}

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

div#footer-colOne
{
float: left;
display: inline;
width: 304px;
}

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

h3#clientLogo-footer
{
width: 304px;
height: 214px;
}

h3#clientLogo-footer a
{
display: block;
width: 304px;
height: 214px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/clientLogo_footer.jpg) no-repeat 0 0;
overflow: hidden;
}

h3#clientLogo-footer a:focus,
h3#clientLogo-footer a:hover
{
background-position: -304px 0;
}

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

div#companyBox
{
width: 160px;
height: 106px;
padding: 10px;
border: 2px solid #76a4d6;
margin: 42px 58px 42px 62px;
background: #000;
}

/* -------------------------
div#footerIcons
------------------------- */

div#footerIcons
{
float: left;
display: inline;
width: 220px;
height: 53px;
padding: 16px 42px 0 42px;
}

div#footerIcons a
{
float: left;
position: relative;
width: 44px;
height: 53px;
padding: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

a#firefox
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footerIcons.jpg) no-repeat 0 0;
}

a#firefox:focus,
a#firefox:hover
{
background-position: 0 -53px;
}

a#internetExplorer
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footerIcons.jpg) no-repeat -44px 0;
}

a#internetExplorer:focus,
a#internetExplorer:hover
{
background-position: -44px -53px;
}

a#safari
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footerIcons.jpg) no-repeat -88px 0;
}

a#safari:focus,
a#safari:hover
{
background-position: -88px -53px;
}

a#delicious
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footerIcons.jpg) no-repeat -132px 0;
}

a#delicious:focus,
a#delicious:hover
{
background-position: -132px -53px;
}

a#favorites
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/footerIcons.jpg) no-repeat -176px 0;
}

a#favorites:focus,
a#favorites:hover
{
background-position: -176px -53px;
}

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

div#footer-colTwo
{
float: left;
display: inline;
width: 644px;
padding: 42px 0 0 0;
}

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

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

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to block - othewise, change block to none
-------------------------------------------------------------------------------------------- */
div#memberBox
{
display: block;
position: relative;
width: 608px;
padding: 44px 0 69px 21px;
font-size: 122%;
}
/* END ALTER - Member Box */

h2#memberBox-title
{
display: none;
}

div.memberBox-login-info
{
float: left;
display: inline;
position: relative;
width: 176px;
padding: 17px 23px 0 27px;
}

p.memberBox-label
{
display: none;
}

input.memberBox-textBox
{
width: 168px;
height: 20px;
border: 4px solid #333;
color: #ccc;
background: #333;
}

input.memberBox-textBox:focus
{
border: 4px solid #aaa;
color: #000;
background: #aaa;
}

p.memberBox-links
{
width: 176px;
height: 20px;
padding: 12px 0 0 0;
text-align: center;
}

p.memberBox-links a
{
color: #99badd;
font-size: 107%;
line-height: 20px;
text-decoration: none;
overflow: hidden;
}

p.memberBox-links a:focus,
p.memberBox-links a:hover
{
color: #ccc;
}

div#memberBox-buttons
{
float: left;
display: inline;
position: relative;
width: 130px;
height: 48px;
padding: 2px 0 0 0;
}

div#memberBox-enterButton
{
width: 107px;
height: 24px;
}

button#memberBox-enter
{
display: block;
width: 107px;
height: 24px;
padding: 0;
border: 0;
margin: 0;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/memberBox_buttons.jpg) no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

button#memberBox-enter:focus,
button#memberBox-enter:hover
{
background-position: 0 -48px;
}

div#memberBox-register
{
width: 125px;
height: 24px;
}

div#memberBox-register a
{
display: block;
width: 125px;
height: 24px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/213/2133329117/images/memberBox_buttons.jpg) no-repeat 0 -24px;
overflow: hidden;
}

div#memberBox-register a:focus,
div#memberBox-register a:hover
{
background-position: 0 -72px;
}

/* -------------------------
div#footerInfo
------------------------- */

div#footerInfo
{
float: left;
display: inline;
width: 562px;
padding: 0 0 0 26px;
text-align: center;
}

div#footerInfo p
{
line-height: 18px;
text-align: center;
color: #99badd;
}

/* ----- div#companyLogo ----- */

div#companyLogo
{
width: 110px;
height: 20px;
padding: 20px 0 0 0;
margin: 0 auto;
}

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

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