/* --------------------------------------------------------------------------------------------
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/109/napervillepomcheer.org/

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_109
.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: #000;
}

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: #0F0264;
}

a:visited
{
color: #666;
}

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

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

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

body
{
background: #0F0264;
}

div#wrapper
{
text-align: center;
}

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

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

div#header
{
width: 971px;
padding: 5px 13px 0 14px;
}

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

div#header-rowOne
{
height: 35px;
}

ul#icons li
{
float: left;
}

li#homeIcon a
{
display: block;
width: 33px;
height: 30px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -1490px 0;
overflow: hidden;
}

li#homeIcon a:focus,
li#homeIcon a:hover
{
background-position: -1490px -30px;
}

li#emailIcon a
{
display: block;
width: 33px;
height: 30px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -1523px 0;
overflow: hidden;
}

li#emailIcon a:focus,
li#emailIcon a:hover
{
background-position: -1523px -30px;
}

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

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

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change block to none, & 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 for the div#wrapper above
-------------------------------------------------------------------------------------------- */
div#header-rowTwo
{
display: none;
height: 49px;
}

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

div#marquee-wrapper
{
padding: 10px;
border: 1px solid #737373;
background: #000;
}

div#marquee-container
{
padding: 5px;
border: 1px solid #737373;
background: #FFF;
}

div#marquee
{
position: relative; /* for marquee tag */
height: 15px;
}

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

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

div#middle
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/middle_bkgd.gif) repeat-y 0 0;
}

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

div#middle-colOne
{
float: left;
display: inline;
width: 246px;
}

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

h1#clientLogo a
{
display: block;
width: 246px;
height: 163px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat 0 0;
overflow: hidden;
}

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

div#verticalNav
{
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/verticalNav_bkgd.gif) repeat-y 0 0;
}

div#verticalNav ul
{
width: 205px;
padding: 37px 16px 0 25px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/verticalNav_top.gif) no-repeat 0 0;
}

div#verticalNav li
{
padding: 1px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/verticalNav_line.gif) no-repeat 0 0;
}

* html div#verticalNav a
{
height: 1px;
}

div#verticalNav a:active,
div#verticalNav a:link,
div#verticalNav a:visited
{
display: block;
padding: 5px 10px 5px 46px;
font-weight: bold;
color: #0F0264;
text-decoration: none;
}

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

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

div#memberBox
{
width: 192px;
padding: 37px 24px 0 30px;
color: #FFF;
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -1244px 0;
}

div#memberBox h1
{
display: none;
}

/* --------------------------------------------------------------------------------------------
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 form
{
display: block;
}
/* END ALTER - Member Box */

div.memberBox-login-info
{
width: 154px;
}

div#memberBox p.memberBox-label
{
display: none;
}

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

p#memberBox-forgot
{
display: none;
}

p#memberBox-buttons-enter,
p#memberBox-buttons-register
{
display: inline;
}

p#memberBox-buttons-enter a,
p#memberBox-buttons-register a
{
display: block;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

p#memberBox-buttons-enter a
{
float: right;
width: 30px;
height: 17px;
margin: -17px  0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -1556px 0;
}

p#memberBox-buttons-register a
{
float: left;
width: 183px;
height: 17px;
margin: 5px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -1556px -18px;
}

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

div#companyBox
{
width: 160px;
height: 106px;
padding: 7px 39px 10px 47px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -998px 0;
}

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

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

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

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

div#mainPic
{
width: 752px;
height: 267px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/elements.jpg) no-repeat -246px 0;
}

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

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

div#content-wrapper
{
padding: 20px 54px 0 46px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/content_wrapper_top.gif) no-repeat 0 0;
}

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

div#content
{
padding: 15px 0 25px 0;
}

.contentEdit img
{
border-color: #0F0264;
}

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

div#footer-wrapper
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/footer_bkgd.gif) repeat-y 0 0;
}

div#footer-container
{
padding: 38px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/footer_top.gif) no-repeat 0 0;
}

div#footer
{
padding: 0 66px 21px 55px;
text-align: left;
color: #0F0264;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/109/napervillepomcheer.org/images/footer_btm.gif) no-repeat bottom left;
}

div#footer p
{
float: left;
line-height: 20px;
width: 683px;
}

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

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/109/napervillepomcheer.org/images/company_logo.gif) no-repeat 0 0;
overflow: hidden;
}

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