/* --------------------------------------------------------------------------------------------
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.sowthespirit.com/296/2133328995/

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_296.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: #E8E2C9;
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica;
}

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

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

a:visited
{
color: #bdb69b;
}

a:focus,
a:hover
{
color: #5C6C99;
}

.contentEdit h1
{
padding: 0.5em;
border: 2px solid #E8E2C9;
border-bottom-width: 8px;
margin: 0.2em 0;
font-size: 227%;
color: #FFF;
background: #bdb69b;
}

.contentEdit h2
{
padding: 0.5em;
border: 2px solid #920019;
border-bottom-width: 8px;
margin: 0.2em 0;
font-size: 227%;
color: #FFF;
background: #75001a;
}

.contentEdit h3
{
padding: 0 0 0 1.25em;
margin: 0.2em 0;
font-size: 197%;
color: #E8E2C9;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/h3_icon.jpg) no-repeat 0 7px;
}

.contentEdit h4
{
padding: 0 0 0 1.25em;
margin: 0.2em 0;
font-size: 197%;
color: #bdb69b;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/h4_icon.jpg) no-repeat 0 7px;
}

.contentEdit h5
{
margin: 0.2em 0;
font-size: 167%;
color: #E8E2C9;
}

.contentEdit h6
{
margin: 0.2em 0;
font-size: 167%;
color: #bdb69b;
}

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

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

/* To style images in content. */
.contentEdit img.imageStyle
{
padding: 8px 8px 26px 8px;
border: none;
background: #E8E2C9 url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/image_bkgd.jpg) no-repeat left bottom;
}

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 16px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/content_externalLink.gif) no-repeat center right;
}

/* Fix for external link image on linked images in content. */
a[href^="http:"]:active.noIcon,
a[href^="http:"]:link.noIcon,
a[href^="http:"]:visited.noIcon,
a[href^="http:"]:focus.noIcon,
a[href^="http:"]:hover.noIcon
{
padding: 0;
background: none;
}

/* Fix for external link image on company box. */
div#companyBox a[href^="http:"]:active,
div#companyBox a[href^="http:"]:link,
div#companyBox a[href^="http:"]:visited
{
background: none;
padding: 0;
}

/* Fix for external link image on company logo. */
div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited,
div#companyLogo a:focus,
div#companyLogo a:hover
{
padding: 0;
}

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

DESCRIPTION:
Special link properties within the editable region of the website.

INSTRUCTIONS:
Make changes to the following:
1. replace default URL (296.style.sowthespirit.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.prospectbc.org"]:active,
a[href^="http://www.prospectbc.org"]:link,
a[href^="http://www.prospectbc.org"]:visited,
a[href^="http://prospectbc.org"]:active,
a[href^="http://prospectbc.org"]:link,
a[href^="http://prospectbc.org"]:visited,
a[href^="http://n1media1.images1.sowthespirit.com"]:active,
a[href^="http://n1media1.images1.sowthespirit.com"]:link,
a[href^="http://n1media1.images1.sowthespirit.com"]:visited
{
padding: 0;
background-image: none;
}
/* END ALTER - Special link */

a[href^="mailto:"]:active,
a[href^="mailto:"]:link,
a[href^="mailto:"]:visited,
a[href^="javascript:location.href='mailto:'"]:active,
a[href^="javascript:location.href='mailto:'"]:link,
a[href^="javascript:location.href='mailto:'"]:visited
{
padding: 0 13px 0 0;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/content_emailLink.gif) no-repeat center right;
}

a[href$=".pdf"]:active,
a[href$=".pdf"]:link,
a[href$=".pdf"]:visited
{
padding: 2px 18px 2px 0;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/content_pdfLink.gif) no-repeat center right;
}

a[href$=".doc"]:active,
a[href$=".doc"]:link,
a[href$=".doc"]:visited
{
padding: 2px 18px 2px 0;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/content_wordLink.gif) no-repeat center right;
}

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

body
{
margin-bottom: 30px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/body_bkgd.jpg) repeat 0 0;
}

div#wrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/wrapper_bkgd.jpg) repeat-x 0 0;
}

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

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

div#header
{
height: 182px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/header_bkgd.jpg) no-repeat 0 0;
}

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

div#headerTop
{
height: 137px;
}

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

h1#clientLogo
{
float: left;
display: inline;
width: 542px;
height: 137px;
}

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

/* ------- div#homeIcon --------- */

div#homeIcon
{
float: right;
display: inline;
width: 146px;
height: 38px;
}

div#homeIcon a
{
display: block;
width: 128px;
height: 24px;
line-height: 24px;
padding: 5px 9px 9px 9px;
text-decoration: none;
text-align: center;
font-size: 138.5%;
color: #FFF5D4;
overflow: hidden;
}

div#homeIcon a:focus,
div#homeIcon a:hover
{
color: #bdb69b;
}

/* ------- div#horizontalNav --------- */

div#horizontalNav 
{
width: 844px;
height: 45px;
padding: 0 0 0 122px;
}

ul#Primary
{
position: relative;
width: 844px;
height: 45px;
z-index: 500;
}

ul#Primary li
{
/* first level list items are always visible */
float: left;
display: inline;
position: relative;
width: 138px;
height: 45px;
padding: 0 0 0 2px;
}

ul#Primary li span
{
display: none;
}

ul#Primary li a:active,
ul#Primary li a:link,
ul#Primary li a:visited,
ul#Primary li a:focus,
ul#Primary li a:hover
{
display: block;
width: 118px;
height: 36px;
padding: 5px 10px 4px 10px;
line-height: 36px;
text-decoration: none;
text-align: center;
font-size: 123.1%;
color: #FFF5D4;
}

ul#Primary li a.doubleLine:active,
ul#Primary li a.doubleLine:link,
ul#Primary li a.doubleLine:visited,
ul#Primary li a.doubleLine:focus,
ul#Primary li a.doubleLine:hover
{
line-height: 18px;
}

ul#Primary li a:focus,
ul#Primary li a:hover
{
color: #bdb69b;
}

/* --------- ul#Primary/Secondary li ul --------- */

ul#Primary li ul
{
/* second level unordered lists appear off-page until mouseover */
position: absolute;
width: 185px;
height: auto;
top: auto;
left: -9999px;
padding: 0 0 4px 0;
margin: 0;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/dropDown_bkgd.png) no-repeat center bottom;
overflow: hidden;
z-index: 2000;
}

* html ul#Primary li ul
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/dropDown_ie6_bkgd.gif) no-repeat center bottom;
}

ul#Primary li ul li
{
width: 179px;
height: auto;
padding: 0;
border-right: 3px solid #740018;
border-bottom: 2px solid #740018;
border-left: 3px solid #740018;
margin: 0;
}

ul#Primary li ul li.ddLast
{
border-bottom: none;
}

ul#Primary li ul li a:active,
ul#Primary li ul li a:link,
ul#Primary li ul li a:visited,
ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
display: block;
width: 159px;
height: auto;
padding: 10px;
line-height: 20px;
text-decoration: none;
font-size: 123.1%;
color: #E8E2C9;
background: #740018;
}


ul#Primary li ul li a:focus,
ul#Primary li ul li a:hover
{
color: #920019;
background: #bdb69b;
}

ul#Primary li.hover ul
{ 
/* on mouseover, move the list to it's normal position */
top: 45px;
left: 2px;
}

ul#Primary li#navSix.hover ul
{ 
left: -47px;
}

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

div#middle-wrapper
{
width: 958px;
margin: 0 auto;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/middle_wrapper.jpg) repeat-y 0 0;
}

div#middle-container
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/middle_container.jpg) repeat-y 0 0;
}

div#middle
{
padding: 56px 0 0 0;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/middle_bkgd.jpg) no-repeat 0 0;
}

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

div#middle-colOne
{
float: left;
display: inline;
width: 562px;
padding: 0 20px;
}

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

h2#toolBoxOne-title
{
width: 489px;
padding: 8px 62px 8px 11px;
line-height: 32px;
font-size: 212%;
color: #f0ead0;
background: #100C09 url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/toolBoxOne_title.jpg) no-repeat 0 0;
}

div#toolBoxOne-content
{
min-height: 542px;
padding: 21px 11px 20px 11px;
font-size: 14px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/toolBoxOne_content.jpg) no-repeat 0 0;
}

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

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

/* ------- div#toolBoxFive --------- */

div#toolBoxFive
{
width: 160px;
}

h3#toolBoxFive-title
{
display: none;
}

div#toolBoxFive-image
{
width: 160px;
height: 106px;
}

h4#toolBoxFive-subTitle
{
width: 160px;
height: 20px;
text-align: center;
}

h4#toolBoxFive-subTitle a:active,
h4#toolBoxFive-subTitle a:link,
h4#toolBoxFive-subTitle a:visited,
h4#toolBoxFive-subTitle a:focus,
h4#toolBoxFive-subTitle a:hover
{
display: block;
width: 160px;
height: 20px;
line-height: 20px;
text-decoration: none;
text-transform: lowercase;
font-weight: normal;
font-size: 123.1%;
color: #FFF5D4;
overflow: hidden;
}

h4#toolBoxFive-subTitle a:focus,
h4#toolBoxFive-subTitle a:hover
{
color: #bdb69b;
}

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

div#memberBox
{
visibility: visible;
width: 234px;
}

h3#memberBoxTitle
{
display: none;
}

/* --------------------------------------------------------------------------------------------
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;
}
/* END ALTER - Member Box */

div#memberBox-buttons-register
{
padding: 0 0 18px 0;
text-align: right;
}

div#memberBox-buttons-register a
{
line-height: 18px;
text-decoration: none;
font-size: 108%;
color: #5C6C99;
}

div#memberBox-buttons-register a:focus,
div#memberBox-buttons-register a:hover
{
color: #bdb69b;
}

div.memberBox-login-info
{
position: relative;
width: 230px;
height: 34px;
padding: 1px;
border: 1px solid #29375e;
margin: 0 0 9px 0;
background: #29375e;
}

label.overlabel 
{
color: #5C6C99;
}

label.overlabel-apply 
{
position: absolute;
top: 11px;
left: 11px;
text-transform: lowercase;
font-size: 108%;
color: #5C6C99;
z-index: 1;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 146px;
height: 16px;
padding: 9px;
border: none;
font-size: 108%;
color: #5C6C99;
background: none;
}

input.memberBox-textBox:focus
{
color: #E8E2C9;
}

div.memberBox-forgot
{
float: right;
display: inline;
width: 65px;
height: 34px;
text-align: center;
}

div.memberBox-forgot a
{
display: block;
width: 65px;
height: 34px;
line-height: 17px;
text-decoration: none;
text-transform: lowercase;
font-size: 93%;
color: #5C6C99;
background: #222D4E;
overflow: hidden;
}

div.memberBox-forgot a:focus,
div.memberBox-forgot a:hover
{
color: #BDB69B;
}

div#memberBox-buttons-enter
{
width: 234px;
height: 20px;
padding: 5px 0 0 0;
}

button#memberBox-enter
{
display: block;
width: 234px;
height: 20px;
line-height: 20px;
padding: 0;
border: 0;
margin: 0;
text-decoration: none;
text-transform: lowercase;
font-size: 123.1%;
color: #5C6C99;
background: none;
overflow: hidden;
cursor: pointer;
}

button#memberBox-enter:focus,
button#memberBox-enter:hover
{
color: #BDB69B;
}

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

div#companyBox
{
float: left;
display: inline;
width: 160px;
height: 106px;
padding: 39px 73px 41px 73px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

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

div#footer
{
width: 920px;
height: 52px;
padding: 4px 0 0 38px;
margin: 0 auto;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/footer_bkgd.jpg) no-repeat 0 0;
}

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

div#companyLogo
{
float: left;
display: inline;
width: 157px;
height: 33px;
padding: 5px 0 0 0;
}

div#companyLogo a
{
display: block;
width: 157px;
height: 33px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/company_logo.jpg) no-repeat 0 0;
overflow: hidden;
}

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

/* ------- div#backToTop --------- */

div#backToTop
{
float: left;
display: inline;
width: 87px;
height: 46px;
padding: 0 155px 0 240px;
}

div#backToTop a
{
display: block;
width: 87px;
height: 46px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/296/2133328995/images/backToTop_bkgd.jpg) no-repeat 0 0;
overflow: hidden;
}

div#backToTop a:focus,
div#backToTop a:hover
{
background-position: 0 -46px;
}

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

div#footerIcons
{
float: left;
display: inline;
width: 220px;
height: 35px;
padding: 6px 0 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------------------------------
div#copyright
------------------------------------------------- */

div#copyright
{
width: 958px;
padding: 26px 0 0 0;
margin: 0 auto;
line-height: 17px;
text-align: center;
color: #FFF5D4;
}