/* --------------------------------------------------------------------------------------------
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.)

INSTRUCTIONS:
Make changes to the following:
1. all color values throughout this document should be altered - COLORS LOCATED AT END OF DOCUMENT.
   ** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */
body
{
font-family: Impact, verdana, arial, helvetica, sans-serif;
margin: 0px auto 0px auto;
}

.contentEdit h1
{
margin: 0.2em 0;
font-size: 272%;
}

.contentEdit h2
{
margin: 0.2em 0;
font-size: 227%;
}

.contentEdit h3
{
margin: 0.2em 0;
font-size: 182%;
}

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

.contentEdit h5
{
margin: 0.2em 0;
font-size: 123.1%;
}

.contentEdit h6
{
margin: 0.2em 0;
font-size: 123.1%;
}


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

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

div#wrapper
{
min-height: 745px;
min-width: 950px;
text-align: center;
}

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

/* -------------------------------------------------
Header
------------------------------------------------- */
div#top 
{
width: 950px;
height: 443px;
}

div#headTop 
{
width: 950px;
height: 162px;
}

/* -------------------------------------------------
client logo
------------------------------------------------- */

div#clientLogo
{
display: inline;
float: left;
width: 530px;
height: 162px;
}

div#clientLogo a,
div#clientLogo a:active,
div#clientLogo a:link,
div#clientLogo a:visited,
div#clientLogo a:focus,
div#clientLogo a:hover
{
display: block;
width: 530px;
height: 162px;
text-decoration: none;
text-indent: -9999px;
outline: none;
overflow: hidden;	
}

/* --------------------------------------------------------------------------------------------
Marquee
-------------------------------------------------------------------------------------------- */
div#MarqueeWrapper 
{
display: inline;
float: right;
width: 348px;
height: 18px;
padding: 62px 36px 82px 36px;
}

div#Marquee 
{
width: 348px; 
height: 18px;
left: 0;
top: 0;
overflow: hidden;
}
#Marquee span 
{
width: 420px;
height: 18px;
line-height: 18px;
font-size: 108%;
font-weight: bold;
font-family: verdana, arial, helvetica, sans-serif;
}

/* END ALTER - Marquee */

/* -------------------------------------------------
div#Banner
------------------------------------------------- */
div#bannerWrapper
{
position: relative;
width: 950px;
height: 211px;
padding: 0 0 75px 0;
}

div#mainPic
{
display: block;
width: 950px;
height: 211px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}

div#Banner
{
display: block;
height: 211px;
z-index: 1;
}

/* -------------------------------------------------
Middle
------------------------------------------------- */
div#middle 
{
background-position: -275px -443px;
}

/*-- middle-colOne --*/

div#middle-colOne 
{
float: left;
width: 239px;
}

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

div#home 
{
width: 179px;
height: 34px;
padding: 10px 30px 26px 30px;
}

div#home a
{
display: block;
font-size: 227%;
width: 179px;
font-family: Impact;
line-height: 34px;
text-align: center;
text-decoration: none;
}

/* -------------------------------------------------
vertical navigation
------------------------------------------------- */

div#verticalNav-wrapper 
{
width: 239px;
height: auto;
}

ul#verticalNav li 
{
width: 199px;
padding: 12px 20px 10px 20px;
background-position: 0 top;
}

ul#verticalNav li.lastItem 
{
border: none;
}

ul#verticalNav li a,
ul#verticalNav li a:active,
ul#verticalNav li a:link,
ul#verticalNav li a:visited,
ul#verticalNav li a:focus,
ul#verticalNav li a:hover
{
display: block;
font-family: Impact;
text-decoration: none;
text-align: center;
font-size: 182%;
overflow: hidden;
}

/* -------------------------------------------------
Member Box
------------------------------------------------- */
div#memberBox 
{
display: block;
width: 159px;
height: 28px;
padding: 32px 40px 50px 40px;
}

div#memberBox a,
div#memberBox a:link,
div#memberBox a:visited,
div#memberBox a:active,
div#memberBox a:focus,
div#memberBox a:hover 
{
display: block;
font-size: 182%;
font-family: Impact;
text-decoration: none;
text-align: center;
overflow: hidden;
}

/* -------------------------------------------------
JAM Box
------------------------------------------------- */

div#minilogo 
{
width: 160px;
height: 106px;
padding: 10px 40px 10px 40px;
}

/* -------------------------------------------------
 middle-colTwo 
------------------------------------------------ */
div#middle-colTwo 
{
float: left;
width: 711px;
}

div#pageContent-container 
{
width: 631px;
min-height: 525px;
padding: 26px 50px 0px 30px;
}

* html div#pageContent-container
{
height: 525px;
}

h2#pageTitle 
{
width: 631px;
min-height: 40px;
padding: 0 0 23px 0;
line-height: 40px;
font-size: 272%;
}

div#pageContent 
{
width: 631px;
padding: 17px 0px 30px 0px;
font-family: verdana, arial, helvetica, sans-serif;
word-wrap: break-word;
overflow: hidden;
}

/* -------------------------------------------------
Footer
------------------------------------------------- */

div#footer 
{
width: 950px;
height: 215px;
}

/* ----- a#companyLogo ----- */
a#companyLogo:active,
a#companyLogo:link,
a#companyLogo:visited,
a#companyLogo:focus,
a#companyLogo:hover
{
display: block;
width: 125px;
height: 40px;
margin: 0 39px 20px 786px;
text-decoration: none;
text-indent: -9999px;
outline: none;
overflow: hidden;
}

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


div#footer-content 
{
width: 910px;
height: auto;
padding: 0 0 0 40px;
font-family: verdana, arial, helvetica, sans-serif;
}

p.copyright
{
padding: 0 0 15px 0;
font-size: 197%;
}

/* -------------------------------------------------
Styled Content

color: = font colors
------------------------------------------------- */

body
{
color: #CACACA;
}

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

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

a:visited
{
color: #8F5797;
}

a:focus,
a:hover
{
color: #138DAF;
}

.contentEdit h1
{
color: #9E60A7;
}

.contentEdit h2
{
color: #138DAF;
}

.contentEdit h3
{
color: #9E60A7;
}

.contentEdit h4
{
color: #138DAF;
}

.contentEdit h5
{
color: #9E60A7;
}

.contentEdit h6
{
color: #138DAF;
}

.contentEdit img
{
border-color: #9E60A7;
}

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

body
{
background-color: #000;
}

/* --------------------------------------------------------------------------------------------
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
-------------------------------------------------------------------------------------------- */
div#MarqueeWrapper 
{
visibility: visible;
}

#Marquee span 
{
color: #fff;
}

div#home a
{
color: #fff;
}

div#home a:hover 
{
color: #138CAF;
}

ul#verticalNav 
{
background: #f7f7f7;
}

ul#verticalNav li a,
ul#verticalNav li a:active,
ul#verticalNav li a:link,
ul#verticalNav li a:visited,
ul#verticalNav li a:focus,
ul#verticalNav li a:hover
{
color:#000;
}

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

ul#verticalNav li a.on {
color: #fff;
}

/* --------------------------------------------------------------------------------------------
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;
}

div#memberBox a,
div#memberBox a:link,
div#memberBox a:visited,
div#memberBox a:active,
div#memberBox a:focus,
div#memberBox a:hover 
{
color: #FFF;
}

div#memberBox a:focus,
div#memberBox a:hover 
{
color: #138CAF;
}

h2#pageTitle 
{
color: #fff;
}

div#footer-content a 
{
color: #ffffff;
}

div#footer-content a:hover 
{
color: #138DAF;
}