/* --------------------------------------------------------------------------------------------
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.chalkjock.com/241/2133329526/

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_241.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: #EEE;
font-family: Lucida Grande, Verdana, Arial, sans-serif, Helvetica;
}

/* 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: #00A950;
}

a:visited
{
color: #008D43;
}

a:focus,
a:hover
{
color: #00FF79
}

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

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

.contentEdit h3
{
margin: 0.2em 0;
font-size: 138.5%;
color: #FFF;
}

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

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

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

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

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

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

body
{
background: #2F2A2B url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/body_bkgd.gif) repeat-x 0 0;
}

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

div#wrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/wrapper_container_bkgd.jpg) no-repeat center top;
}

div#container
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/wrapper_container_bkgd.jpg) no-repeat -251px 0;
}

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

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

div#homeIcon
{
width: 50px;
height: 50px;
padding: 5px 0 6px 908px;
}

div#homeIcon a
{
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/icons.jpg) no-repeat 0 0;
overflow: hidden;
}

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

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

div#Banner
{
width: 353px;
height: 221px;
padding: 0 0 0 601px;
}

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

/* --------------------------------------------------------------------------------------------
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 
{
width: 361px;
height: 27px;
padding: 0 0 51px 586px;
visibility: visible;
}

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

#Marquee span 
{
width: 361px;
height: 27px;
line-height: 27px;
font-size: 108%;
color: #2F2A2B;
}
/* END ALTER - Marquee */

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

div#middle
{
padding: 0 0 20px 0;
}

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

div#middle-colOne
{
float: left;
display: inline;
width: 281px;
padding: 0 66px 0 19px;
}

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

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

div#verticalNav-wrapper
{
width: 280px;
padding: 1px 0 0 0;
border-left: 1px solid #2f2a2b;
background: #322c2e url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/verticalNav_top.jpg) no-repeat 0 0;
}

div#verticalNav-container
{
padding: 0 0 1px 0;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/colOneElement_line.jpg) no-repeat left bottom;
}

ul#verticalNav
{
width: 280px;
}

ul#verticalNav li
{
border-bottom: 1px solid #2f2a2b;
}

ul#verticalNav li.lastNavItem
{
border-bottom: none;
}

ul#verticalNav li a:active,
ul#verticalNav li a:link,
ul#verticalNav li a:visited
{
display: block;
width: 175px;
line-height: 25px;
padding: 8px 10px 8px 95px;
font-size: 182%;
color: #b9b9b9;
text-decoration: none;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/verticalNav_icon.gif) no-repeat 60px 12px;
overflow: hidden;
}

ul#verticalNav li a:focus,
ul#verticalNav li a:hover
{
color: #FFF;
}

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

/* --------------------------------------------------------------------------------------------
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-wrapper
{
display: block;
width: 280px;
padding: 20px 0 0 0;
margin: 45px 0 0 0;
background: #322c2e url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/colOneElement_line.jpg) no-repeat 0 0;
}
/* END ALTER - Member Box */

div#memberBox-container
{
width: 231px;
padding: 0 27px 22px 27px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/colOneElement_line.jpg) no-repeat left bottom;
}

h2#memberBox-title
{
line-height: 24px;
font-size: 182%;
color: #B9B9B9;
font-weight: normal;
text-align: center;
}

* html h2#memberBox-title
{
padding: 0 0 10px;
}

div.memberBox-login-info
{
padding: 20px 0 0 0;
}

* html div.memberBox-login-info
{
width: 231px;
height: 30px;
padding: 10px 0 0 0;
}

div.memberBox-label
{
float: left;
display: inline;
width: 101px;
height: 30px;
line-height: 30px;
font-size: 138.5%;
color: #EEE;
}

input.memberBox-textBox
{
float: left;
display: inline;
width: 116px;
height: 16px;
padding: 5px;
border: 2px solid #646464;
font-size: 107%;
color: #000;
background: #FFF;
}

input.memberBox-textBox:focus
{
border: 2px solid #FFF;
background: #FFF;
}

div#memberBox-buttons
{
padding: 20px 0 0 0;
}

* html div#memberBox-buttons
{
padding: 10px 0 0 0;
}

div#memberBox-links
{
float: left;
display: inline;
width: 109px;
padding: 0 10px 0 0;
}

div.memberBox-link a
{
line-height: 15px;
font-size: 77%;
color: #B7B7B7;
text-decoration: none;
}

div.memberBox-link a:focus,
div.memberBox-link a:hover
{
color: #444;
}

div#memberBox-enterButton
{
float: left;
display: inline;
width: 90px;
height: 30px;
}

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

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

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

div#companyBox-wrapper
{
padding: 39px 0 0 0;
margin: 45px 0 0 0;
background: #322c2e url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/colOneElement_line.jpg) no-repeat 0 0;
}

div#companyBox-container
{
width: 168px;
height: 114px;
padding: 0 61px 39px 51px;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/colOneElement_line.jpg) no-repeat left bottom;
}

div#companyBox
{
width: 160px;
height: 106px;
border: 4px solid #2F2A2B;
background: transparent url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/companyBox_bkgd.jpg) no-repeat 0 0;
}

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

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

div#footerIcons
{
width: 220px;
height: 37px;
padding: 45px 0 0 0;
margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

div#middle-colTwo
{
float: left;
display: inline;
width: 602px;
padding: 0 30px 0 0;
}

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

div#pageContent
{
padding: 0 0 75px 0;
}

h2#pageTitle
{
line-height: 37px;
padding: 0 8px;
font-size: 272%;
color: #D1D1D1;
}

div#content
{
min-height: 350px;
padding: 20px 8px 0 11px;
}

* html div#content
{
height: 350px;
}

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

div#footer
{
width: 562px;
padding: 40px 20px 21px 20px;
background: #322c2e url(http://n1assets1.styles1.chalkjock.com/241/2133329526/images/footer_bkgd.jpg) no-repeat left bottom;
}

div#footer p
{
line-height: 18px;
padding: 0 0 20px 0;
color: #FFF;
text-align: center;
}

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

div#companyLogo
{
width: 200px;
height: 45px;
margin: 0 auto;
}

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

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

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