/* --------------------------------------------------------------------------------------------
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: #000;
font-family: verdana, arial, helvetica, sans-serif;
}

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

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

a:visited
{
color: #a92244;
}

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

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

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

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

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

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

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

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

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

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

div#wrapper
{
padding: auto;
margin: auto;
height: 100%;
}

div#container
{
width: 998px;
height: 100%;
padding: auto;
margin: auto;
}

/* -------------------------------------------------
header
------------------------------------------------- */

div#header
{
width: 998px;
height: 298px;
position: relative;
}

div#homeButton
{
display: block;
float: left;
width: 132px;
height: 39px;
}

div#homeButton a,
div#homeButton a:focus,
div#homeButton a:link,
div#homeButton a:visited,
div#homeButton a:hover
{
display: block;
padding: 11px 24px 12px 45px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

div#homeButton a:focus,
div#homeButton a:hover
{
background-position: 0 -39px;
}


/* --------------------------------------------------------------------------------------------
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
{
display: inline;
float: left;
width: 714px;
height: 16px;
padding: 11px 10px 12px 10px;
visibility: visible;
}

div#Marquee
{
height: 16px;
left:0;
top:0;
width: 714px;
overflow:hidden;
}

#Marquee span
{
width: 714px;
height: 16px;
line-height: 16px;
font-size: 108%;
color: #fff;
}
/* END ALTER - Marquee */


/* --------------------------------------------------------------------------------------------
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#memberButton
{
display: none;
float: left;
width: 132px;
height: 39px;
}
/* END ALTER - Members box */

div#memberButton a,
div#memberButton a:focus,
div#memberButton a:link,
div#memberButton a:visited,
div#memberButton a:hover
{
display: block;
padding: 11px 24px 12px 45px;
color: #fff;
text-transform: uppercase;
text-decoration: none;
}

div#memberButton a:focus,
div#memberButton a:hover
{
background-position: 0 -39px;
}

/* -------------------------------------------------
banner
------------------------------------------------- */
div#Banner_wrapper
{
display: block;
width: 998px;
height: 259px;
position: relative;
z-index: 2;
}

div#Banner
{
display: block;
width: 998px;
height: 259px;
position: absolute;
top: 39px;
left: 0;
z-index: 1;
}


/* -------------------------------------------------
middle
------------------------------------------------- */
div#middle,
div#middle_container
{
width: 998px;
height: auto;
}

div#middle_colOne
{
display: block;
float: left;
width: 260px;
height: 100%;
}

div#middle_colTwo
{
display: block;
float: left;
width: 738px;
}

/* -------------------------------------------------
vertical Nav
------------------------------------------------- */
div#verticalNav_grow
{
width: 260px;
}

ul#verticalNav_bottom
{
width: 209px;
min-height: 279px;
padding: 0 27px 75px 24px;
text-align: center;
}

ul#verticalNav_bottom li a
{
display: block;
padding: 16px 0;
line-height: 18px;
font-size: 138.5%;
text-decoration: none;
text-transform: uppercase;
text-shadow: #1a1a1a 1px 0px 10px;
color: #fff;
}

ul#verticalNav_bottom li a:focus,
ul#verticalNav_bottom li a:hover
{
color: #000;
}

ul#verticalNav_bottom li:first-child
{
padding-top: 0px;
background: none;
}

ul#verticalNav_bottom li:first-child a
{
padding-top: 0px;
}

/* -------------------------------------------------
company box
------------------------------------------------- */
div#companyBox_grow
{
width: 160px;
height: 106px;
padding: 16px 56px 0 44px;
}

div#companyBox_grow img
{
border: #000 3px solid;
}

/* -------------------------------------------------
Page Content
------------------------------------------------- */
div#mainContent_wrapper
{
width: 738px;
color: #1a1a1a;
}

div#mainContent_container
{
width: 738px;
padding: 55px 0 0 0;
min-height: 230px;
}

div#mainContent
{
width: 643px;
padding: 0 56px 25px 39px;
}

h2#pageTitle
{
padding: 0 0 26px 0;
font-size: 189%;
font-weight: normal;
color: #a92244;
}

/* -------------------------------------------------
Footer
------------------------------------------------- */
div#footer
{
display: block;
width: 998px;
height: 87px;
padding: 87px 0 0 0;
color: #e3e3e3;
text-align: center;
}

div#footerIcons
{
width: 385px;
height: 30px;
padding: auto;
margin: 0 auto 9px;
}

div#footerIcons a
{
display: block;
float: left;
width: 30px;
height: 30px;
margin: 0 25px 0 0;
text-indent: -9999px;
}

div#footerIcons a#companyLogo
{
display: block;
float: left;
width: 110px;
height: 30px;
margin: 0;
text-indent: -9999px;
}

a#firefox:focus,
a#firefox:hover
{
background-position: -110px -30px;
}

a#internetExplorer:focus,
a#internetExplorer:hover
{
background-position: 0px -30px;
}

a#safari:focus,
a#safari:hover
{
background-position: -55px -30px;
}

a#delicious:focus,
a#delicious:hover
{
background-position: -165px -30px;
}

a#favorites:focus,
a#favorites:hover
{
background-position: -220px -30px;
}

a#companyLogo:focus,
a#companyLogo:hover
{
background-position: -275px -30px;
}