/* --------------------------------------------------------------------------------------------
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
   ** NOTE: follow PSD instructions on what color each element will be
-------------------------------------------------------------------------------------------- */

/* -------------------------------------------------
Sticky Footer: http://ryanfait.com/sticky-footer/
NOTE: wrapper height properties are for IE6
------------------------------------------------- */
* {margin: 0}
html, body {height: 100%;}
.wrapper {
min-height: 100%;
/*height: auto !important;
height: 100%;*/
margin: 0 auto -100px;
}
.footer, .push {height: 100px;}

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */
body
{
color: #333;
font-family: Arial, Helvetica, sans-serif, serif, Verdana;
}

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

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

a:visited
{
color: #9f69b4;
}

a:focus,
a:hover
{
color: #78bd44;
}

h1,h2,h3,h4,h5,h6
{
font-weight: normal; margin: 20px 0;
}

.contentEdit h1 {font-size: 2.75em;}
.contentEdit h2 {font-size: 2.5em;}
.contentEdit h3 {font-size: 2.25em;}
.contentEdit h4 {font-size: 2em;}
.contentEdit h5 {font-size: 1.75em;}
.contentEdit h6 {font-size: 1.5em;}

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

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

/* -------------------------------------------------
main structure
------------------------------------------------- */
body
{
padding: 0px;
margin: 0px;
background: #d1a6eb;
}

div#topWrapper,
div#bottomWrapper
{
min-width: 982px;
}

div#topContainer
{
margin: 0 auto;
width: 982px;
min-height: 887px;
}

/*------------------------------------------------
Marquee
------------------------------------------------*/
div#MarqueeWrapper
{
display: block;
margin: 0 0 0 441px;
width: 500px;
height: 25px;
padding: 0 10px 10px 10px;
white-space: nowrap;
}

div#MarqueeContainer
{
padding: 0 15px;
width: 470px;
height: 25px;
background: #fff;
}

div#Marquee
{
width: 470px;
height: 25px;
overflow:hidden;
}

#Marquee span
{
width: 470px;
height: 25px;
line-height: 25px;
font-size: 123.1%;
color: #6b267d;
}
/* END ALTER - Marquee */

/* -------------------------------------------------
header
------------------------------------------------- */
div#header
{
height: 333px;
}

h1#headerLogo
{
display: block;
float: left;
width: 501px;
height: 265px;
}

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

div#bannerWrapper
{
display: block;
float: left;
margin: 31px 0 0 0;
padding: 10px;
width: 380px;
height: 247px;
overflow: hidden;
}

div#slideshow-wrapper
{
position: relative;
width: 380px;
height: 247px;
overflow: hidden;
}

div#slideshow-wrapper > img
{
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
}

div#slideshow-container
{
position: absolute;
top: 0px;
left: 0px;
width: 380px;
height: 247px;
overflow: hidden;
z-index: 0;
}

div#slideshow-container img
{
position: absolute;
min-width: 380px;
max-width: 380px;
min-height: 247px;
}

/* -------------------------------------------------
middle
------------------------------------------------- */
div#middle
{
padding: 0 0 0 21px;
}

div#colOneWrapper
{
display: block;
float: left;
margin: -68px 0 0 0;
padding: 10px;
width: 260px;
}

div#colOneContainer
{
padding: 0 0 10px 0;
width: 260px;
background-color: #fff;
}

div#colTwoWrapper
{
display: block;
float: left;
width: 640px;
padding: 0 0 0 20px;
}

div#colTwoContainer
{
padding: 10px;
width: 620px;
}

div#colTwo
{
width: 620px;
background: #fff;
}

/* -------------------------------------------------
vertical Nav
------------------------------------------------- */
div#verticalNavContainer,
ul#preNavButtons,
ul#verticalNav
{
width: 260px;
}

ul#preNavButtons li,
ul#verticalNav li
{
display: block;
width: 260px;
min-height: 56px;
}

ul#preNavButtons li a,
ul#verticalNav li a
{
display: block;
width: 204px;
min-height: 32px;
padding: 12px 0 12px 56px;
border-bottom: 4px solid #fff;
font-size: 138.5%;
line-height: 32px;
text-decoration: none;
color: #3c1047;
}

ul#preNavButtons li a:focus,
ul#preNavButtons li a:hover,
ul#verticalNav li a:focus,
ul#verticalNav li a:hover
{
color: #6b267d;
}

ul#verticalNav li a:focus,
ul#verticalNav li a:hover
{
background-position: 17px -116px;
}

/* -------------------------------------------------
bookmarkLinks
------------------------------------------------- */
div#boomarkLinksWrapper
{
margin: 0 auto;
padding: 50px 0 40px 0;
width: 200px;
height: 32px;
}

ul#bookmarkLinks li
{
float: left;
}

ul#bookmarkLinks li:first-child
{
width: 124px;
height: 32px;
line-height: 32px;
font-size: 138.5%;
text-align: center;
color: #6b267d;
}

ul#bookmarkLinks li a
{
display: block;
margin: 0 0 0 6px;
width: 32px;
height: 32px;
text-indent: -9999px;
text-decoration: none;
outline: none;
overflow: hidden;
}

ul#bookmarkLinks li a#favorites:focus,
ul#bookmarkLinks li a#favorites:hover,
ul#bookmarkLinks li a#delicious:focus,
ul#bookmarkLinks li a#delicious:hover
{
background-position: 0 -32px;
}

/* -------------------------------------------------
company box
------------------------------------------------- */
div#companyBox
{
width: 160px;
height: 106px;
border: 10px solid #d1a6eb;
margin: 0 auto;
}

/* -------------------------------------------------
Page Content
------------------------------------------------- */
h2#pageTitle
{
width: 580px;
padding: 35px 20px 20px 20px;
font-size: 272%;
font-weight: bold;
line-height: 40px;
color: #6b267d;
overflow: hidden;
}

div#pageContent
{
width: 550px;
padding: 0 35px 35px 35px;
word-wrap: break-word;
overflow: hidden;
}

/* -------------------------------------------------
Footer
------------------------------------------------- */
div#footerInfo
{
width: 640px;
padding: 14px 0 0 0;
line-height: 22px;
text-align: center;
font-size: 93%;
color: #6b267d;
}

div#footerInfo p
{
min-height: 22px;
}

div#footerLinks
{
padding: 0;
overflow: hidden;
color: #6b267d;
}

div#footerLinks a
{
margin: 0 0 0 3px;
text-decoration: none;
color: #6b267d;
}

div#footerLinks a:focus,
div#footerLinks a:hover
{
color: #a873bf;
}

div#footerLinks a:before
{
content: "|";
margin: 0 5px 0 3px;
line-height: 20px;
color: #6b267d;
}

div#footerLinks span + a:before
{
content: "";
margin: 0 5px 0 0;
}

div#footerLinks span
{
content: "";
margin: 0 3px 0 3px;
}

div#footerLinks a + span:before
{
content: "-";
margin: 0 3px 0 0;
}

div#companyLogoBox
{
margin: 0 auto;
padding: 8px 0 0 0;
width: 177px;
height: 32px;
}

a#companyLogo
{
display: block;
width: 177px;
height: 32px;
margin: 0;
text-indent: -9999px;
overflow: hidden;
outline: none;
}

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