/* --------------------------------------------------------------------------------------------
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/300/2133328432/

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_300.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: #494949;
font-family:  Arial, Verdana, Tahoma, 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: #0d67df;
}

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

a:visited
{
color: #0b57bd;
}

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

.contentEdit h1
{
padding: 0.5em;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
margin: 0.2em 0;
font-size: 227%;
color: #000;
background: #d8d8d8;
}

.contentEdit h2
{
padding: 0.5em;
border-top: 1px solid #808080;
border-bottom: 1px solid #808080;
margin: 0.2em 0;
font-size: 227%;
color: #0d67df;
background: #ececec;
}

.contentEdit h3
{
padding: 2.75em 0.75em 0.75em 0.75em;
margin: 0.2em 0;
font-size: 182%;
color: #FFF;
background: #000 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/h3_bkgd.jpg) no-repeat 0 0;
}

.contentEdit h4
{
padding: 0.75em 0.75em 2.75em 0.75em;
margin: 0.2em 0;
font-size: 182%;
color: #FFF;
background: #000 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/h4_bkgd.jpg) no-repeat left bottom;
}

.contentEdit h5
{
padding: 0.75em 0.5em 0.75em 3em;
margin: 0.2em 0;
font-size: 182%;
color: #000;
background: #d8d8d8 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/h5_bkgd.jpg) no-repeat 0 0;
}

.contentEdit h6
{
padding: 0.75em 0.5em 0.75em 3em;
margin: 0.2em 0;
font-size: 182%;
color: #0d67df;
background: #ececec url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/h6_bkgd.jpg) no-repeat 0 0;
}

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

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

a[href^="http:"]:active,
a[href^="http:"]:link,
a[href^="http:"]:visited
{
padding: 0 12px 0 0;
text-decoration: underline;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/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 (300.style.jamspiritsites.com) with client URL
-------------------------------------------------------------------------------------------- */
a[href^="http://www.trainedbythepros.com"]:active,
a[href^="http://www.trainedbythepros.com"]:link,
a[href^="http://www.trainedbythepros.com"]:visited,
a[href^="http://trainedbythepros.com"]:active,
a[href^="http://trainedbythepros.com"]:link,
a[href^="http://trainedbythepros.com"]:visited,
a[href^="http://n1media1.images1.jamspiritsites.com"]:active,
a[href^="http://n1media1.images1.jamspiritsites.com"]:link,
a[href^="http://n1media1.images1.jamspiritsites.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 12px 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/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.jamspiritsites.com/300/2133328432/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.jamspiritsites.com/300/2133328432/images/content_wordLink.gif) no-repeat center right;
}

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

body
{
margin: 0 0 30px 0;
background: #909090 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/body_bkgd.jpg) repeat-x 0 0;
}

div#wrapper
{
text-align: center;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/wrapper_bkgd.jpg) no-repeat center top;
}

div#container
{
width: 998px;
margin: 0 auto;
text-align: left;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/wrapper_bkgd.jpg) no-repeat -170px top;
}

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

div#clientLogo
{
width: 998px;
height: 239px;
}

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

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

div#horizontalNav
{
width: 990px;
height: 40px;
padding: 0 0 0 4px;
}

ul#Primary 
{
width: 990px;
height: 40px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat 0 0;
}

ul#Primary li
{
/* first level list items are always visible */
float: left;
display: inline;
position: relative;
width: 165px;
height: 40px;
text-align: center;
}

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: 145px;
height: 18px;
line-height: 18px;
padding: 11px 10px;
font-size: 108%;
color: #FFF;
text-decoration: none;
}

ul#Primary li#navOne a:focus,
ul#Primary li#navOne a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat 0 -40px;
}

ul#Primary li#navTwo a:focus,
ul#Primary li#navTwo a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat -165px -40px;
}

ul#Primary li#navThree a:focus,
ul#Primary li#navThree a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat -330px -40px;
}

ul#Primary li#navFour a:focus,
ul#Primary li#navFour a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat -495px -40px;
}

ul#Primary li#navFive a:focus,
ul#Primary li#navFive a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat -660px -40px;
}

ul#Primary li#navSix a:focus,
ul#Primary li#navSix a:hover
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/horizontalNav_bkgd.jpg) no-repeat -825px -40px;
}

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

ul#Primary li ul 
{
/* second level unordered lists appear off-page until mouseover */
position: absolute;
width: 165px;
height: auto;
top: auto;
left: -9999px;
padding: 0 0 1px 0;
margin: 0;
list-style: none;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/dropDown_bkgd.jpg) no-repeat left bottom;
overflow: hidden;
z-index: 2000;
}

ul#Primary li ul li
{
width: 165px;
height: auto;
}

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: 145px;
height: auto;
padding: 10px;
line-height: 18px;
text-decoration: none;
text-align: center;
font-size: 108%;
color: #FFF;
background: #0a56ba url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/dropDown_button.jpg) no-repeat 0 0;
}

ul#Primary li ul li.ddLast a:active,
ul#Primary li ul li.ddLast a:link,
ul#Primary li ul li.ddLast a:visited,
ul#Primary li ul li.ddLast a:focus,
ul#Primary li ul li.ddLast a:hover
{
border-bottom: none;
}

ul#Primary li#navOne ul li a:focus,
ul#Primary li#navOne ul li a:hover,
ul#Primary li#navTwo ul li a:focus,
ul#Primary li#navTwo ul li a:hover,
ul#Primary li#navThree ul li a:focus,
ul#Primary li#navThree ul li a:hover,
ul#Primary li#navFour ul li a:focus,
ul#Primary li#navFour ul li a:hover,
ul#Primary li#navFive ul li a:focus,
ul#Primary li#navFive ul li a:hover,
ul#Primary li#navSix ul li a:focus,
ul#Primary li#navSix ul li a:hover
{
background: #da7500 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/dropDown_roll.jpg) no-repeat 0 0;
}

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

/* -------------------------------------------------
div#headerInfo
------------------------------------------------- */

div#headerInfo
{
padding: 0 0 0 4px;
}

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

div#homeIcon
{
float: left;
display: inline;
width: 165px;
height: 40px;
}

div#homeIcon a:active,
div#homeIcon a:link,
div#homeIcon a:visited,
div#homeIcon a:focus,
div#homeIcon a:hover
{
display: block;
width: 165px;
height: 40px;
line-height: 40px;
text-decoration: none;
text-align: center;
font-size: 108%;
color: #FFF;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/homeIcon.jpg) no-repeat 0 0;
overflow: hidden;
}

div#homeIcon a:focus,
div#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: 654px;
height: 40px;
padding: 0 3px;
visibility: visible;
}

#Marquee 
{
top: 0;
left: 0;
width: 654px;
height: 40px;
overflow: hidden;
}

#Marquee span 
{
width: 654px;
height: 40px;
line-height: 40px;
font-size: 93%;
color: #FFF;
}
/* END ALTER - Marquee */

/* --------- div#memberLogin --------- */

/* --------------------------------------------------------------------------------------------
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
-------------------------------------------------------------------------------------------- */
div#memberLogin
{
float: left;
display: inline; /* using as a link for component */
width: 165px;
height: 40px;
}
/* END ALTER - Member Box */

div#memberLogin a:active,
div#memberLogin a:link,
div#memberLogin a:visited,
div#memberLogin a:focus,
div#memberLogin a:hover
{
display: block;
width: 165px;
height: 40px;
line-height: 40px;
text-decoration: none;
text-align: center;
font-size: 108%;
color: #FFF;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/memberLogin.jpg) no-repeat 0 0;
overflow: hidden;
}

div#memberLogin a:focus,
div#memberLogin a:hover
{
background-position: 0 -40px;
}

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

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

div#middle
{
padding: 0 0 0 4px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/wrapper_bkgd.jpg) no-repeat -170px -319px;
}

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

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

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

/* ----- div#toolBoxOne ----- */

div#toolBoxOne
{
width: 600px;
padding: 18px 30px 50px 30px;
background: #efefef url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/toolBoxOne_bkgd.jpg) no-repeat 0 0;
}

h2#toolBoxOne-title
{
width: 600px;
padding: 0 0 13px 0;
border-bottom: 2px solid #c3c3c3;
}

h2#toolBoxOne-title span
{
display: block;
}

span#welcomeTitle
{
line-height: 34px;
font-size: 227%;
color: #303030;
}

span#pageTitle
{
line-height: 40px;
font-size: 272%;
color: #0b57bd;
}

div#toolBoxOne-content
{
padding: 18px 0 0 0;
}

/* --------- div#homeComponentBox-wrapper --------- */

div#homeComponentBox-wrapper
{
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/homeComp_bkgd.jpg) repeat-y 0 0;
}

div#homeComponentBox-container
{
padding: 0 0 67px 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/homeComp_bottom.jpg) no-repeat left bottom;
}

div#homeComponentBox
{
padding: 37px 30px 0 30px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/homeComp_top.jpg) no-repeat 0 0;
}

div.toolBox
{
display: inline;
width: 270px;
}

h3.toolBox-title a:active,
h3.toolBox-title a:link,
h3.toolBox-title a:visited,
h3.toolBox-title a:focus,
h3.toolBox-title a:hover
{
display: block;
width: 270px;
padding: 0 0 9px 0;
border-bottom: 1px solid #135bba;
line-height: 40px;
text-decoration: none;
font-size: 272%;
color: #FFF;
overflow: hidden;
}

div.toolBox-content
{
min-height: 130px;
background: #0f4a96 url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/homeComp_content.jpg) no-repeat 0 0;
}

* html div.toolBox-content
{
height: 130px;
}

/* If the home components are LINKS make sure the second class for the toolBox-content is toolBox-link */
div.toolBox-link td.vB-icontd
{
display: none;
}

div.toolBox-link td.vB-itemtd
{
padding: 0;
}

div.toolBox-link a:active,
div.toolBox-link a:link,
div.toolBox-link a:visited,
div.toolBox-link a:focus,
div.toolBox-link a:hover
{
display: block;
width: 270px;
line-height: 24px;
padding: 12px 0;
border-bottom: 1px solid #135bba;
text-decoration: none;
font-size: 20px;
color: #c5dbfa;
overflow: hidden;
}

div.toolBox-link a:focus,
div.toolBox-link a:hover
{
color: #FFF;
background: #000;
}
/* end home component links */

/* If the home components is RSS make sure the second class for the toolBox-content is toolBox-rss */
div.toolBox-rss td.vB-icontd
{
display: none;
}

div.toolBox-rss
{
padding: 10px 10px 0 10px;
border-bottom: 1px solid #135bba;
color: #FFF;
}

div.toolBox-rss a[href^="http:"]:active,
div.toolBox-rss a[href^="http:"]:link,
div.toolBox-rss a[href^="http:"]:visited,
div.toolBox-rss a[href^="http:"]:focus,
div.toolBox-rss a[href^="http:"]:hover
{
padding: 0;
color: #303030;
background: none;
}

div.toolBox-rss a[href^="http:"]:focus,
div.toolBox-rss a[href^="http:"]:hover
{
color: #000;
}
/* end home component rss */

/* If the home components is VIDEO make sure the second class for the toolBox-content is toolBox-video */
div.toolBox-video
{
padding: 10px 10px 0 10px;
border-bottom: 1px solid #0F4A96;
color: #FFF;
}

div.toolBox-video a:active,
div.toolBox-video a:link,
div.toolBox-video a:visited,
div.toolBox-video a:focus,
div.toolBox-video a:hover
{
color: #FFF;
}

div.toolBox-video a:focus,
div.toolBox-video a:hover
{
color: #fd8700;
}

div.toolBox-video a[href^="http:"]:active,
div.toolBox-video a[href^="http:"]:link,
div.toolBox-video a[href^="http:"]:visited,
div.toolBox-video a[href^="http:"]:focus,
div.toolBox-video a[href^="http:"]:hover
{
padding: 0;
background: none;
}

div.toolBox-video img.hmCmp-vidImg
{
border-color: #000;
background-color: #FFF;
}

div.toolBox-video ul#hmCmp-video li:first-child img.hmCmp-vidImg
{
width: 240px; /* orig 272 */
height: 172px; /* orig 204 */
border-color: #000;
background-color: #FFF;
}
/* end home component video */

/* --------- div#toolBoxTwo --------- */

div#toolBoxTwo
{
float: left;
}

/* --------- div#toolBoxThree --------- */

div#toolBoxThree
{
float: right;
}

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

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

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

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

div#Banner
{
width: 330px;
height: 572px;
}

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

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

div#middle-colTwo-bottom
{
width: 330px;
height: 246px;
padding: 157px 0 0 0;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/middle_colTwo_bottom.jpg) no-repeat 0 0;
}

div#companyBox
{
width: 160px;
height: 106px;
padding: 2px;
border: 4px solid #FFF;
margin: 0 auto;
background: #000;
}

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

div#footer
{
width: 994px;
height: 194px;
padding: 0 0 0 4px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/footer_bkgd.jpg) no-repeat 0 0;
}

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

div#backToTop a
{
display: block;
width: 990px;
height: 20px;
text-decoration: none;
text-indent: -9999px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/backToTop.gif) no-repeat 0 0;
overflow: hidden;
}

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

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

div#footerIcons
{
width: 990px;
height: 61px;
background: transparent url(http://n1assets1.styles1.jamspiritsites.com/300/2133328432/images/footerIcons.jpg) no-repeat 0 0;
}

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

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

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

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

a#firefox:focus,
a#firefox:hover
{
background-position: -165px -61px;
}

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

a#internetExplorer:focus,
a#internetExplorer:hover
{
background-position: -330px -61px;
}

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

a#safari:focus,
a#safari:hover
{
background-position: -495px -61px;
}

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

a#delicious:focus,
a#delicious:hover
{
background-position: -660px -61px;
}

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

a#favorites:focus,
a#favorites:hover
{
background-position: -825px -61px;
}

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

div#footer p
{
width: 930px;
line-height: 16px;
padding: 17px 30px 0 30px;
text-align: center;
text-transform: uppercase;
font-size: 93%;
color: #FFF;
}