/* --------------------------------------------------------------------------------------------
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/267/2133328985/

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_267.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: #513a2e;
font-family: Palatino, Trebuchet, Arial, Tahoma, Verdana, Helvetica;
font-size: 14px;
}

/* 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: #6e8950;
text-decoration: none;
}

a:visited
{
color: #53673c;
text-decoration: none;
}

a:focus,
a:hover
{
color: #412c21;
text-decoration: underline;
}

.contentEdit h1
{
margin: 0.2em 0;
font-size: 182%;
color: #412c21;
}

.contentEdit h2
{
margin: 0.2em 0;
font-size: 182%;
color: #4e6239;
}

.contentEdit h3
{
padding: 20px 20px 0px 20px;	
margin: 0.2em 0;
font-size: 138.5%;
color: #FFF;
background: #39271D url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/h1_bkgd.jpg) no-repeat left bottom;
}

.contentEdit h4
{
margin: 0.2em 0;
font-size: 138.5%;
color: #4e6239;
}

.contentEdit h5
{
margin: 0.2em 0;
font-size: 108%;
color: #412c21;
}

.contentEdit h6
{
margin: 0.2em 0;
font-size: 108%;
color: #4e6239;
}

.contentEdit img
{
border-color: #424f2e;
}

/* To style images in content. */
.contentEdit img.imageStyle
{
border-width: 10px;
border-style: solid;
}

.textDropShadow
{
text-shadow: 2px 2px 2px #424f2e;
}

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

body
{
background: #3b2922 url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/bottomWrapperOne_bkgd.jpg) repeat-y center top;
}

/* -------------------------------------------------
div#topWrapperOne
------------------------------------------------- */

div#topWrapperOne
{
text-align: center;
background: #39271d url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/topWrapperOne_bkgd.jpg) repeat-y center top;
}

div#topWrapperTwo
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/topWrapperTwo_bkgd.jpg) repeat-x center top;
}

div#topContainerOne
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/topWrapperOne_bkgd.jpg) repeat-y 0 0;
}

div#topContainerOne
{
min-height: 1px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/topContainerTwo_bkgd.jpg) no-repeat 0 0;
}

* html div#topContainerOne
{
height: 1px;
}

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

div#header
{
height: 453px;
}

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

h1#clientLogo
{
float: left;
display: inline;
width: 504px;
height: 453px;
}

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

/* -------------------------
div#headerRight
------------------------- */

div#headerRight
{
float: left;
display: inline;
width: 494px;
height: 453px;
}

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

div#homeIcon
{
width: 140px;
height: 42px;
padding: 0 0 62px 301px;
}

div#homeIcon a
{
display: block;
width: 140px;
height: 42px;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/homeIcon.jpg) no-repeat 0 0;
overflow: hidden;
}

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

/* ------- div#Banner --------- */

div#Banner
{
float: left;
display: inline;
width: 485px;
height: 324px;
}

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

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

div#middle
{
padding: 27px 0 38px 0;
}

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

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

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

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

DESCRIPTION:
Marquee

INSTRUCTIONS:
Make changes to the following:
1. if client does not have component activated, change display to none, & vice versa
2. color value
3. PSD changes - if, by deactivating the marquee, image changes result, 
change and upload image.
-------------------------------------------------------------------------------------------- */

#MarqueeWrapper 
{
display: block;
width: 286px;
height: 40px;
padding: 0 2px;
margin: 0 0 30px 24px;
background: #424f2e;
}

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

#Marquee span 
{
width: 286px;
height: 40px;
font-weight: bold;
font-size: 123.1%;
color: #FFF;
line-height: 40px;
}
/* END ALTER - Marquee */

/* ------- ul#verticalNav --------- */

ul#verticalNav
{
width: 245px;
padding: 0 0 20px 45px;
}

ul#verticalNav li
{
padding: 0 0 10px 0;
}

ul#verticalNav li a:active,
ul#verticalNav li a:link,
ul#verticalNav li a:visited
{
display: block;
line-height: 40px;
text-decoration: none;
font-weight: bold;
font-size: 146.5%;
color: #f5f3eb;
overflow: hidden;
}

* html ul#verticalNav li a:active,
* html ul#verticalNav li a:link,
* html ul#verticalNav li a:visited
{
padding: 8px;
}

* html ul#verticalNav li a:focus,
* html ul#verticalNav li a:hover
{
background: #424f2e;
}

ul#verticalNav li a:active span,
ul#verticalNav li a:link span,
ul#verticalNav li a:visited span
{
padding: 8px;
}


ul#verticalNav li a:focus span,
ul#verticalNav li a:hover span
{
background: #424f2e;
}

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

div#companyBox
{
width: 160px;
height: 106px;
padding: 48px 65px;
margin: 0 auto 40px auto;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

div#companyBox a
{
display: block;
width: 160px;
height: 106px;
text-decoration: none;
overflow: hidden;
}

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

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

DESCRIPTION:
Members box ALTER

INSTRUCTIONS:
Make changes to the following:
1. if site has member area, default display to inline - othewise, change inline to none
2. if site does not have a members area, make sure to also change "clientLogo-footer"
   from display none to block
-------------------------------------------------------------------------------------------- */
div#memberBox
{
display: block;
width: 268px;
height: 199px;
padding: 28px 0 0 22px;
margin: 0 auto;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/memberBox_bkgd.jpg) no-repeat 0 0;
}
/* END ALTER - Member Box */

h3#memberBox-title
{
width: 241px;
height: 41px;
line-height: 30px;
font-size: 182%;
color: #f5f3eb;
}

div.memberBox-login-info
{
position: relative;
width: 241px;
height: 30px;
margin: 0 0 20px 0;
}

label.overlabel 
{
font-weight: bold;
font-size: 14px;
color: #f5f3eb;
}

label.overlabel-apply
{
position: absolute;
top: 7px;
left: 10px;
z-index: 1;
font-weight: bold;
font-size: 14px;
color: #f5f3eb;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 95px;
height: 16px;
line-height: 16px;
padding: 7px;
border: none;
font-weight: bold;
font-size: 14px;
color: #f5f3eb;
}

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

input#textBox_uname
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/memberBox_info_bkgds.jpg) no-repeat 0 0;
}

input#textBox_uname:focus
{
background-position: 0 -30px;
}

input#textBox_pwd
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/memberBox_info_bkgds.jpg) no-repeat 0 -60px;
}

input#textBox_pwd:focus
{
background-position: 0 -90px;
}

div.memberBox-forgot
{
float: left;
display: inline;
width: 132px;
height: 30px;
}

div.memberBox-forgot a
{
display: block;
width: 132px;
height: 30px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

div#forgotUser a
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/memberBox_info_bkgds.jpg) no-repeat -109px 0;
}

div#forgotUser a:focus,
div#forgotUser a:hover
{
background-position: -109px -30px;
}

div#forgotPass a
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/memberBox_info_bkgds.jpg) no-repeat -109px -60px;
}

div#forgotPass a:focus,
div#forgotPass a:hover
{
background-position: -109px -90px;
}

div#memberBox-buttons
{
width: 268px;
height: 44px;
}

div#memberBox-buttons-register
{
float: left;
display: inline;
width: 113px;
padding: 14px 0 0 0;
}

div#memberBox-buttons-register a
{
display: block;
width: 113px;
text-decoration: none;
font-weight: bold;
font-size: 93%;
color: #f5f3eb;
overflow: hidden;
}

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

div#memberBox-buttons-enter
{
float: left;
display: inline;
width: 134px;
height: 44px;
}

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

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

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

div#middle-colTwo
{
float: left;
display: inline;
width: 541px;
padding: 0 63px 0 33px;
}

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

/* ----- h2#pageTitle ----- */

h2#pageTitle
{
line-height: 36px;
padding: 0 0 20px 0;
color: #5c7343;
font-size: 242%;
}

/* ----- div#content ----- */

div#content
{
padding: 0 0 50px 0;
}

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

div#backToTop a
{
display: block;
line-height: 15px;
text-decoration: none;
text-align: center;
font-size: 108%;
color: #5c7343;
overflow: hidden;
}

div#backToTop a:focus,
div#backToTop a:hover
{
color: #39271e;
}

/* -------------------------------------------------
div#bottomWrapperOne
------------------------------------------------- */

div#bottomWrapperOne
{
text-align: center;
background: #3b2922 url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/bottomWrapperOne_bkgd.jpg) repeat-y center top;
}

div#bottomWrapperTwo
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/bottomWrapperTwo_bkgd.jpg) repeat-x center top;
}

div#bottomContainerOne
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/bottomWrapperOne_bkgd.jpg) repeat-y 0 0;
}

div#bottomContainerOne
{
width: 912px;
min-height: 1px;
padding: 38px 0 20px 86px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/bottomContainerTwo_bkgd.jpg) no-repeat 0 0;
}

* html div#bottomContainerOne
{
height: 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* -------------------------
p#copyright
------------------------- */

p#copyright
{
float: left;
display: inline;
width: 359px;
padding: 14px 20px 0 0;
line-height: 15px;
color: #f7f6f2;
}

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

div#companyLogo
{
float: left;
display: inline;
width: 164px;
height: 38px;
}

div#companyLogo a:active,
div#companyLogo a:link,
div#companyLogo a:visited
{
display: block;
width: 164px;
height: 38px;
padding: 0;
text-decoration: none; /* Netscape 8.1 */
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/company_logo.jpg) no-repeat 0 0;
overflow: hidden;
}

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

/* -------------------------------------------------
extras for rsvp page
------------------------------------------------- */

p#registryLogos
{
padding: 10px 0 0 0;
}

p#registryLogos a:active,
p#registryLogos a:link,
p#registryLogos a:visited,
p#registryLogos a:focus,
p#registryLogos a:hover
{
float: left;
display: inline;
width: 135px;
height: 80px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}

a#registryKohls:active,
a#registryKohls:link,
a#registryKohls:visited,
a#registryKohls:focus,
a#registryKohls:hover
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/kohls.jpg) no-repeat 0 0;
}

a#registryKohls:focus,
a#registryKohls:hover
{
background-position: 0 -80px;
}

a#registryDillards:active,
a#registryDillards:link,
a#registryDillards:visited,
a#registryDillards:focus,
a#registryDillards:hover
{
width: 136px;
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/dillards.jpg) no-repeat 0 0;
}

a#registryDillards:focus,
a#registryDillards:hover
{
background-position: 0 -80px;
}

a#registryLowes:active,
a#registryLowes:link,
a#registryLowes:visited,
a#registryLowes:focus,
a#registryLowes:hover
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/lowes.jpg) no-repeat 0 0;
}

a#registryLowes:focus,
a#registryLowes:hover
{
background-position: 0 -80px;
}

a#registryTarget:active,
a#registryTarget:link,
a#registryTarget:visited,
a#registryTarget:focus,
a#registryTarget:hover
{
background: transparent url(http://n1assets1.styles1.sowthespirit.com/267/2133328985/images/target.jpg) no-repeat 0 0;
}

a#registryTarget:focus,
a#registryTarget:hover
{
background-position: 0 -80px;
}