﻿body
{
    font: Verdana;
    font-family: Verdana, sans-serif;
    background: url(Assets/bg.png) repeat-x;
    font-size: 70%;
    line-height: 165%;
    color: #333333;
    text-decoration: none;
    margin: 0px;
}

a
{
    color: #009B81;
    text-decoration: none;
}

a:hover
{
    color: #333333;
}

a.plus
{
    color: #009B81;
    text-decoration: none;
    background: url(Assets/plus.gif) no-repeat 0px 4px;
    padding: 0px 0px 0px 12px;
}

a.plus:hover
{
    color: #333333;
}

p
{
    padding: 10px 0px 5px 0px;
    margin: 0px;
}

h3
{
    font-size: 145%;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}

h1
{
    margin: 0px;
    padding: 0px;
    font-size: 181%;
    font-weight: normal;
    color: #0B7F6E;
}

h4
{
    font-size: 109%;
    font-weight: bold;
    color: #0B7F6E;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

.h4Text
{
    font-size: 109%;
    font-weight: bold;
    color: #0B7F6E;
}

h4.legal
{
    font-size: 109%;
    font-weight: bold;
    color: #FF8400;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

h4.creative
{
    font-size: 109%;
    font-weight: bold;
    color: #1491B4;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

h4.education
{
    font-size: 109%;
    font-weight: bold;
    color: #A31A06;
    padding: 15px 0px 0px 0px;
    margin: 0px;
}

#wrapper
{
    width: 950px;
    margin: 0 auto;
    padding: 0px;
}

#headerNav
{
    width: 950px;
    height: 22px;
}

#headerNav ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#headerNav li
{
    float: right;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    background: url(Assets/splitLine.gif) no-repeat top right;
}

#headerNav li.end
{
    float: right;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background: none;
}

#headerNav li a
{
    margin: 0px;
    padding: 0px;
    color: #999999;
    text-decoration: none;
}

#headerNav li a:hover
{
    text-decoration: underline;
}

#header
{
    width: 950px;
    height: 98px;
}

#logo
{
    float: left;
    margin: 20px 0px 0px 0px;
}

#logo a
{
    background: url(Assets/logo.png) no-repeat;
    width: 125px;
    height: 67px;
    display: block;
}

#headerSearch
{
    float: right;
    margin: 15px 0px 0px 0px;
    color: #999999;
}

#phoneNo
{
    margin: 18px 0px 0px 0px;
    width: 225px;
    height: 24px;
    background: url(Assets/phoneNumber.gif) no-repeat right;
}

.navPage
{
    width: 950px;
    height: 30px;
    padding: 0px 0px 1px 0px;
    margin: 0px 0px 1px 0px;
    border-bottom: solid 3px #CCCCCC;
    position: relative;
    z-index: 300;
}

/* -- Nav styles are in HorizontalMenu.css -- */

#printNav
{
    width: 950px;
    height: 25px;
    background: #F3F3F3;
}

#printNav ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
}

#printNav li
{
    float: right;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

#printNav li.first
{
    float: right;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    color: #999999;
    background: url(Assets/subNavSplitLine.gif) no-repeat 0px 4px;
}

#printNav li.textSize
{
    float: right;
    margin: 0px;
    padding: 0px 5px 0px 0px;
    background: none;
}

#printNav li a
{
    color: #999999;
    text-decoration: none;
}

#printNav li a.small
{
    font-size: 91%;
    color: #999999;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

#printNav li a.medium
{
    font-size: 100%;
    color: #999999;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
}

#printNav li a.large
{
    font-size: 109%;
    color: #999999;
    text-decoration: none;
    padding: 0px 5px 0px 0px;
}

#printNav li a.email
{
    color: #999999;
    text-decoration: none;
    background: url(Assets/mail.gif) no-repeat;
    padding: 1px 0px 2px 20px;
}

#printNav li a.print
{
    color: #999999;
    text-decoration: none;
    background: url(Assets/print.gif) no-repeat;
    padding: 1px 0px 2px 19px;
}

#printNav li a.addPrint
{
    color: #999999;
    text-decoration: none;
    background: url(Assets/addPrint.gif) no-repeat;
    padding: 1px 0px 2px 19px;
}

#printNav li a:hover, #printNav li a.email:hover, #printNav li a.print:hover, #printNav li a.addPrint:hover, #printNav li a.small:hover, #printNav li a.medium:hover, #printNav li a.large:hover
{
    text-decoration: underline;
}

#footer
{
    width: 950px;
    margin: 5px 0px 30px 0px;
}

#footer ul
{
    list-style: none;
    margin: 5px 0px 0px 0px;
    padding: 0px;
}

#footer li
{
    float: left;
    padding: 0px 7px 0px 7px;
    color: #999999;
    background: url(Assets/footerSplitLine.gif) no-repeat 0px 5px;
}

#footer li.first
{
    float: left;
    padding: 0px 7px 0px 15px;
    color: #999999;
    background: none;
}

#footer li.right
{
    float: right;
    padding: 0px 15px 0px 7px;
    background: url(Assets/footerSplitLine.gif) no-repeat 0px 5px;
}

#footer li.rightEnd
{
    float: right;
    padding: 0px 7px 0px 0px;
    background: none;
}

#footer li a
{
    color: #999999;
}

#footer li a:hover
{
    text-decoration: underline;
}

#footerBorder
{
    width: 950px;
    height: 1px;
    border-top: solid 1px #DDDDDD;
    border-bottom: solid 3px #31A49E;
}



/* -------------------- Page CSS ------------------- */

#flashContainer
{
    width: 950px;
    height: 286px;
    margin: 15px 0px 0px 0px;
}

#lowerContents
{
    width: 950px;
    margin: 15px 0px 0px 0px;
}

#leftColumn
{
    float: left;
    width: 273px;
}

#middleColumn
{
    float: left;
    width: 380px;
    margin: 0px 12px 0px 12px;
}

#rightColumn
{
    float: left;
    width: 273px;
}

.sideColumnBoxHeader
{
    width: 243px;
    height: 19px;
    padding: 1px 15px 1px 15px;
    border-bottom: solid 1px #DDDDDD;
    font-weight: bold;
    color: #333333;
    background: url(Assets/boxHeaderBg.png) repeat-x;
}

.sideColumnBox
{
    width: 243px;
    min-height: 65px;
    padding: 0px 15px 0px 15px;
    margin: 1px 0px 15px 0px;
    background: url(Assets/boxBg.png) repeat-x;
}

.sideColumnBox p
{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    line-height: 155%;
}

.middleColumnBoxHeader
{
    width: 350px;
    height: 19px;
    padding: 1px 15px 1px 15px;
    border-bottom: solid 1px #DDDDDD;
    font-weight: bold;
    color: #333333;
    background: url(Assets/boxHeaderBg.png) repeat-x;
}

.middleColumnBox
{
    width: 350px;
    min-height: 65px;
    padding: 0px 15px 0px 15px;
    margin: 1px 0px 15px 0px;
    background: url(Assets/boxBg.png) repeat-x;
}

.middleColumnBox p
{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    line-height: 155%;
}


#page
{
    width: 950px;
    margin: 15px 0px 15px 0px;
}

#leftPageColumn
{
    float: left;
    width: 205px;
}

#middlePageColumn
{
    float: left;
    width: 500px;
    margin: 0px 20px 0px 20px;
}

#middlePageColumn p
{
    padding: 15px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
}

#middlePageColumn h4
{
    padding: 10px 15px 0px 15px;
}

#rightPageColumn
{
    float: left;
    width: 205px;
}

#subNav
{
    width: 205px;
}

#subNav ul
{
    width: 205px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#subNav li
{
    width: 205px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #C2C2C2;
}

#subNav li.bottom
{
    width: 205px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #C2C2C2;
    border-bottom: solid 1px #C2C2C2;
}

#subNav li a
{
    display: block;
    color: #666666;
    font-size: 109%;
    padding: 2px 15px 2px 15px;
}

#subNav li a.corporateOn
{
    display: block;
    color: #0B7F6E;
    font-weight: bold;
    font-size: 109%;
    background: url(Assets/Corporate/plus.gif) no-repeat 0px 8px;
    padding: 2px 15px 2px 12px;
    margin: 0px 0px 0px 15px;
}
#subNav li a.corporateSubOn
{
    color: #0B7F6E;
    font-weight: bold;
}
#subNav li a.corporate:hover
{
    color: #0B7F6E;
}

#subNav li a.legalOn
{
    display: block;
    color: #FF8400;
    font-weight: bold;
    font-size: 109%;
    background: url(Assets/Legal/plus.gif) no-repeat 0px 8px;
    padding: 2px 15px 2px 12px;
    margin: 0px 0px 0px 15px;
}
#subNav li a.legalSubOn
{
    color: #FF8400;
    font-weight: bold;
}
#subNav li a.legal:hover
{
    color: #FF8400;
}

#subNav li a.creativeOn
{
    display: block;
    color: #1491B4;
    font-weight: bold;
    font-size: 109%;
    background: url(Assets/Creative/plus.gif) no-repeat 0px 8px;
    padding: 2px 15px 2px 12px;
    margin: 0px 0px 0px 15px;
}
#subNav li a.creativeSubOn
{
    color: #1491B4;
    font-weight: bold;
}
#subNav li a.creative:hover
{
    color: #1491B4;
}

#subNav li a.educationOn
{
    display: block;
    color: #A31A06;
    font-weight: bold;
    font-size: 109%;
    background: url(Assets/Education/plus.gif) no-repeat 0px 8px;
    padding: 2px 15px 2px 12px;
    margin: 0px 0px 0px 15px;
}
#subNav li a.educationSubOn
{
    color: #A31A06;
    font-weight: bold;
}
#subNav li a.education:hover
{
    color: #A31A06;
}

#subNav li ul li
{
    width: 205px;
    padding: 0px 0px 0px 0px;
    border-top: dotted 1px #C2C2C2;
}

#subNav li ul li a
{
    display: block;
    color: #666666;
    font-size: 100%;
    padding: 2px 15px 2px 27px;
}

.pageTitle
{
    width: 500px;
    height: 74px;
    margin: 0px 0px 10px 0px;
}

.pageTitle2
{
    width: 500px;
    height: 50px;
    margin: 0px 0px 10px 0px;
}

.pageTitleBg
{
    width: 485px;
    height: 39px;
    margin: 0px 0px 10px 0px;
    padding: 11px 0px 0px 15px;
    background: url(Assets/pageTitleBg.png) no-repeat;
}

#fashTitle
{
    width: 480px;
    height: 25px;
}

.subTitle
{
    width: 470px;
    padding: 15px 15px 5px 15px;
    margin: 0px 0px 1px 0px;
    border-bottom: solid 1px #C2C2C2;
}


.title
{
    width: 470px;
    padding: 5px 15px 10px 15px;
    margin: 0px 0px 1px 0px;
    border-bottom: solid 1px #DDDDDD;
}

.pageText
{
    width: 470px;

}

.pageText2
{
    width: 470px;
    border-top: solid 3px #31A49E;
    padding: 0px 15px 0px 15px;
}

.pageColumnBoxHeader
{
    width: 175px;
    height: 19px;
    padding: 1px 15px 1px 15px;
    border-bottom: solid 1px #DDDDDD;
    font-weight: bold;
    color: #333333;
    background: url(Assets/boxHeaderBg.png) repeat-x;
}

.pageColumnBox
{
    width: 175px;
    min-height: 65px;
    padding: 0px 15px 0px 15px;
    margin: 1px 0px 15px 0px;
    background: url(Assets/boxBg.png) repeat-x;
}

.pageColumnBox p
{
    margin: 0px;
    padding: 10px 0px 5px 0px;
    line-height: 155%;
}






/* ------------- classes -------------- */

ul
{
    margin: 5px 0px 5px 0px;
    padding: 0px;
    list-style: none;
}

li
{
    margin: 0px;
    padding: 2px 0px 2px 0px;
}

.bulletText
{
    width: 430px;
    padding: 10px 20px 5px 20px;
}

.bulletText ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.bulletText li
{
    margin: 0px;
    padding: 5px 0px 5px 25px;
    font-size: 100%;
    background: url(Assets/Corporate/listItem.gif) no-repeat 0px 8px;
}

.bulletText li.corporate
{
    float: left;
    width: 190px;
    margin: 0px;
    padding: 5px 0px 5px 25px;
    font-size: 109%;
    background: url(Assets/Corporate/listItem.gif) no-repeat 0px 8px;
}

.bulletText li.legal
{
    float: left;
    width: 190px;
    margin: 0px;
    padding: 5px 0px 5px 25px;
    font-size: 109%;
    background: url(Assets/Legal/listItem.gif) no-repeat 0px 8px;
}

.bulletText li.creative
{
    float: left;
    width: 190px;
    margin: 0px;
    padding: 5px 0px 5px 25px;
    font-size: 109%;
    background: url(Assets/Creative/listItem.gif) no-repeat 0px 8px;
}

.bulletText li.education
{
    float: left;
    width: 190px;
    margin: 0px;
    padding: 5px 0px 5px 25px;
    font-size: 109%;
    background: url(Assets/Education/listItem.gif) no-repeat 0px 8px;
}


.clear
{
    clear: both;
}

.news
{
    background: url(Assets/rss.gif) no-repeat;
    padding: 0px 0px 2px 19px;
}

img.boxImage
{
    display: block;
    margin: 1px 0px 1px 0px;
    padding: 0px 0px 1px 0px;
    border-bottom: solid 1px #DDDDDD;
}

img.inTextImage
{
    float: left;
    display: block;
    margin: 0px 10px 0px 0px;
    padding: 1px;
    border: solid 1px #DDDDDD;
}

.italic
{
    font-style: italic;
}

.searchBox
{
    width: 140px;
    height: 17px;
    padding: 1px 2px 0px 2px;
    border: solid 1px #DDDDDD;
    font-size: 100%;
}

input.searchBtn
{
    background: url(Assets/btnBg.png) repeat-x;
    height: 20px;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 100%;
    padding: 0px 2px 0px 2px;
    cursor: pointer;
}

/* ------------ Manager Nav ------------- */

#managerNav
{
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
    height: 20px;
}

#managerNav ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#managerNav li
{
    list-style: none;
    position: relative;
    float: left;
    padding: 0px 15px 0px 15px;
    background: url(Assets/splitLineNav.gif) no-repeat right 5px;
}

#managerNav li.end
{
    list-style: none;
    position: relative;
    float: left;
    padding: 0px 0px 0px 15px;
    background: none;
}

#managerNav li a
{
    color: #009B81;
    padding: 5px 0px 5px 0px;
}

#managerNav li a:hover
{
    color: #333333;
    text-decoration: none;
}


.subTitleAdmin
{
    width: 920px;
    padding: 0px 15px 5px 15px;
    margin: 0px 0px 1px 0px;
    border-bottom: solid 1px #C2C2C2;
}

#adminPageContent
{
    width: 920px;
    padding: 15px 15px 5px 15px; 
}

#locationMap
{
    width: 500px;
    height: 255px;
    margin: 10px 0px 0px 0px;
}
