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

/* -------------------------------------------------
content styling / GLOBAL
-- NOTE: pre-vA
------------------------------------------------- */
body {color: #5c5c5c; font-family: "Lucida Grande", arial, verdana, sans-serif; padding: 0px; margin: 0px; background-color: #e0bae7;}
a, .title_9, .title_9Bold, .title_10, .title_10Bold, .title_12, .title_12Bold, .title_14, .title_14Bold, .title_16, .title_16Bold {color: #980fb1;}

/* Fix for calendar days of the week color. */
.white_9Bold {color: #FFF; }
a:visited {color: #980fb1; }
a:focus, a:hover {color: #c275d0; }
h1, h2, h3, h4, h5, h6 {font-weight: bold; }
.contentEdit h1 {margin: 20px 0; font-size: 2.25em; color: #980fb1; }
.contentEdit h2 {margin: 20px 0; font-size: 2em; color: #c275d0; }
.contentEdit h3 {margin: 20px 0; font-size: 1.75em; color: #980fb1; }
.contentEdit h4 {margin: 20px 0; font-size: 1.5em; color: #c275d0; }
.contentEdit h5 {margin: 20px 0; font-size: 1.25em; color: #980fb1; }
.contentEdit h6 {margin: 20px 0; font-size: 1em; color: #c275d0; }
.contentEdit img {border-color: #CCC; }
.contentEdit img.imageStyle {border: 10px solid #c275d0;}

/* -------------------------------------------------
main structure
------------------------------------------------- */
#wrapper {min-width: 990px; padding: auto; margin: auto; font-size: 123%; overflow: hidden; }

/* -------------------------------------------------
header
------------------------------------------------- */
#header-info {width: 990px; height: 375px; padding: 0; margin: 0 auto; position: relative; }
#home-button {display: block; position: absolute; top: 9px; left: 42px; width: 36px; height: 36px; padding: 0; margin: 0; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#home-button:focus, #home-button:hover {background-position: 0 -36px; }
#member-button {display: block; position: absolute; top: 9px; right: 42px; width: 36px; height: 36px; padding: 0x; margin: 0; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#member-button:focus, #member-button:hover {background-position: -36px -36px; }

#banner-container {width: 930px; }
#client-logo {display: block; float: left; width: 482px; height: 312px; padding: 0; margin: 0; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
#banner-wrapper {position: relative; width: 447px; height: 312px; padding: 0; float: right; }

/*------------------------------------------------
Slideshow
------------------------------------------------*/
#slideshow-wrapper {padding: 0; }
#slideshow-container {position: absolute; top: 27px; left: 28px; width: 333px; height: 222px; overflow: hidden; z-index: 5;}
#slideshow-wrapper > img {position: absolute; top: 0; left: 0; z-index: 10; }
#slideshow-container img {position: absolute; top: 0; min-width: 333px; max-width: 333px; min-height: 222px; }
#slideshow-bg {background-color: #000; position: absolute; top: 27px; left: 28px; width: 333px; height: 222px;  z-index: 4;}

/*------------------------------------------------
marquee
------------------------------------------------*/
#marquee-wrapper {display: block; position: absolute; bottom: 45px; right: 130px; width: 400px; height: 20px; padding: 0; white-space: nowrap; }
#marquee {width: 400px; height: 20px; overflow:hidden; }
#marquee span {width: 400px; height: 20px; line-height: 20px; font-size: 100%; font-weight: normal; text-transform: uppercase; color: #c275d0; }

/* -------------------------------------------------
middle
------------------------------------------------- */
#middle-wrapper {width: 990px; margin: 0 auto; padding-bottom: 161px; }
#middle {width: 930px; min-height: 315px; padding: 0; margin: 0 30px; background-color: #FFF; }
#col-one {display: block; float: left; width: 225px; padding: 0; }
#menu-title {padding: 0 0 45px 40px; text-transform: uppercase; font-size: 24px; font-family: palatina, serif; color: #980fb1;}
#col-two {display: block; float: right; width: 700px; }

/* -------------------------------------------------
verticalNav
------------------------------------------------- */
#verticalNav {padding: 20px 0 0 0; }
#verticalNav li {padding: 0 0 0 30px; }
#verticalNav li a {display: block; padding: 3px 0 15px 0; line-height: 20px; font-size: 100%; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #c275d0; overflow: hidden; }
#verticalNav li a:focus, #verticalNav li a:hover {color: #980fb1;}

/* -------------------------------------------------
company box
------------------------------------------------- */
#company-box-wrapper {margin: 30px 0 30px -10px; width: 250px; height: 226px;}
#company-box {width: 160px; height: 106px; padding-top: 77px; margin: 0 auto;}

/* -------------------------------------------------
Page Content
------------------------------------------------- */
#page-title-wrapper {}
#page-title {font-family: palatina, serif; padding: 0; font-size: 225%; font-weight: bold; line-height: 40px; color: #980fb1; word-wrap: break-word; padding: 0 0 50px 25px; }
#page-content {padding: 30px 15px 20px 40px; word-wrap: break-word; overflow: hidden; }

/* -------------------------------------------------
Footer
------------------------------------------------- */
#footer {width: 990px; margin: 0 auto; padding: 50px 115px 0 0; color: #980fb1; text-align: right;}
#footer-links {padding: 0; line-height: 18px;}
#footer-links a {padding: 0 0 0 4px; font-weight: bold; text-decoration: none; color: #980fb1;}
#footer-links a:focus, #footer-links a:hover {color: #c275d0;}
#footer p {display: block; padding: 0; font-size: 87.5%; line-height: 26px;}

#company-logo {float: right; display: block; width: 180px; height: 26px; line-height: 26px; margin: 20px 0; text-indent: 190px; overflow: hidden; outline: none; }
#company-logo:focus, #company-logo:hover {background-position: 0 -28px; }

img.vB-iconTitle {vertical-align: middle; }