* {padding: 0; margin: 0; line-height: 100%; font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; }
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a img {border: 0;}

.clear
{
    clear: both;
    height: 0px;
    line-height:0px;
    font-size:0px;
    display:block;
}

p
{
    font-size: 0.85em;
    padding-bottom: 1em;
    line-height: 1.2em;
}

h1
{
    font-size: 1.3em;
    font-weight: 500;
    padding-bottom: 1.1em;
}

h2
{
    font-size: 1.2em;
    font-weight: 500;
    padding-bottom: 0.5em;
}

h3
{
    font-size: 1.1em;
    font-weight: 500;
    padding-bottom: 0.2em;
}

body
{
    background: #76828A url('images/bg.gif') repeat-x;
}

#mainContainer
{
    width: 933px;
    background-color: #FFF;
    margin: 0 auto;
    padding-bottom: 10px;
}

#headerContainer
{
    padding: 0px;
}

#logo
{
    float: left;
}

#ctaHeader
{
    float: right;
    width: 410px;
    font-size: 1.4em;
    text-align: right;
    padding: 40px 25px 10px 10px;
    color: #76828A;
}

#navBar
{
    background: url('images/blueNavBar.gif') no-repeat;
    padding: 10px 25px;
}


#navBar li a
{
  
    color: #49565E;
    font-weight: bold;
    font-size: .8em;
    
    list-style-type: none;
}

#navBar li a:hover { color: #000; }

#navBar li.selected
{
    padding-left: 0px;
    padding-right: 0px;
    color: #FFF;
}


#navBar li a.selected    { color: #fff; }

.activeLeft
{
    width: 9px;
    height: 61px;
    background: url('images/blueActiveNavLeft.gif') no-repeat;
    padding: 21px 5px 35px 0px;
}


.activeRight
{
    width: 9px;
    height: 61px;
    background: url('images/purpleActiveNavRight.gif') no-repeat;
    padding: 21px 5px 35px 0px;
}

#navDivider
{
    height: 4px;
    width: 881px;
    background: url('images/navDivider.gif') no-repeat 1px 0px;
}

#header
{
    clear: both;
    width: 881px;
    /*height: 282px;*/
    margin: 0 auto;
    background: url('images/header.jpg') no-repeat;
}

#headerText
{
    width: 230px;
    padding: 25px 0px 25px 425px;
    color: #222B33;
}

#headerText h2
{
    font-size: 1.1em;
    line-height: 1.1em;
    padding-bottom: 1em;
}

.white
{
    color: #FFF;
}

#contentContainer
{
    font-size: 0.9em;
    width: 881px;
    background: #C7D4D9;
    margin: 10px auto 0px auto;
    color: #49565E;
    padding-top: 10px;
}

#contentContainer a
{
    color: #1293AD;
}

/* Three Columned Row Styles */
.threeCols
{
    background: url('images/threeColsBG.gif') repeat-y;
    min-height: 120px;
}

.threeCols h1
{
    font-size: 18px;
    padding: 12px 5px;
}

.threeCols h1 a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.threeCols ul
{
    padding: 10px 0px 10px 7px;
    list-style-type: none;
}

.threeColsLeft, .threeColsMiddle, .threeColsRight
{
    float: left;
    width: 284px;
    margin-left: 7px;
}

.threeColsBottom
{
    width: 880px;
    height: 8px;
    background: url('images/threeColsBottom.gif') no-repeat;
    padding-bottom: 15px;
}

.thinYellow
{
    width: 270px;
    background: url('images/thinYellowBG.gif') no-repeat;
    padding: 8px 7px;
}

.thinYellow li
{
    background: url('images/yellowBullet.gif') 0px 3px no-repeat;
    padding: 2px 0px 5px 22px;
}

.thinYellow a h1
{
    color: #49565E;
}

.thinPurple a h1, .thinGreen a h1
{
    color: #FFF;
}

.thinPurple
{
    width: 270px;
    background: url('images/thinPurpleBG.gif') no-repeat;
    padding: 8px 7px;
}

.thinPurple li
{
    background: url('images/purpleBullet.gif') 0px 3px no-repeat;
    padding: 2px 0px 5px 22px;
}

.thinGreen
{
    width: 270px;
    background: url('images/thinGreenBG.gif') no-repeat;
    padding: 8px 7px;
}

.thinGreen li
{
    background: url('images/greenBullet.gif') 0px 3px no-repeat;
    padding: 2px 0px 5px 22px;
}

.thinText
{
    float: left;
    width: 145px;
}

.thinText p
{
    padding-left: 10px;
    padding-right: 2px;
}

.thinImg
{
    float: right;
    padding: 12px 5px 10px 0px;
}

.greenText
{
    float: left;
    width: 170px;
}

.yellowHeadLeft
{
    float: left;
    width: 3px;
    height: 47px;
    background: url('images/yellowHeadLeft.gif') no-repeat;
}

.yellowHeadMiddle
{
    float: left;
    height: 47px;
    background: url('images/yellowHeadMiddle.gif') repeat-x;
}

.yellowHeadRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/yellowHeadRight.gif') no-repeat;
}

.purpleHeadLeft
{
    float: left;
    width: 3px;
    height: 47px;
    background: url('images/purpleHeadLeft.gif') no-repeat;
}

.purpleHeadMiddle
{
    float: left;
    height: 47px;
    background: url('images/purpleHeadMiddle.gif') repeat-x;
}

.purpleHeadRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/purpleHeadRight.gif') no-repeat;
}

.greenHeadLeft
{
    float: left;
    width: 3px;
    height: 47px;
    background: url('images/greenHeadLeft.gif') no-repeat;
}

.greenHeadMiddle
{
    float: left;
    height: 47px;
    background: url('images/greenHeadMiddle.gif') repeat-x;
}

.greenHeadRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/greenHeadRight.gif') no-repeat;
}

.textArea p
{
    padding-left: 10px;
    padding-right: 10px;
}


/* Two Columned Row Styles */

.twoColsWide-Thin
{
    background: url('images/twoColsWide-ThinBG.gif') repeat-y;
    min-height: 120px;
}

.twoColsWide-Thin h1
{
    font-size: 18px;
    padding: 12px 5px;
}

.twoColsWide-Thin a h1
{
    color: #FFF;
}

.twoColsWide-Thin h1 a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.twoColsWide-Thin ul
{
    padding: 10px 0px 0px 7px;
    list-style-type: none;
}

.twoColsWide-ThinLeft
{
    float: left;
    width: 575px;
    margin-left: 7px;
}

.twoColsWide-ThinRight
{
    float: left;
    width: 284px;
    margin-left: 7px;
}

.twoColsWide-ThinBottom
{
    width: 880px;
    height: 8px;
    background: url('images/twoColsWide-ThinBottom.gif') no-repeat;
    padding-bottom: 15px;
}

.wideBox
{
    width: 560px;
    background: url('images/wideBlueBG.gif') no-repeat;
    padding: 8px 7px 0px 7px;
    min-height: 160px;
}

.thinBox p {padding: 5px 10px 5px 10px;}

.thinBox
{
    width: 270px;
    background: url('images/thinBlueBG.gif') no-repeat;
    padding: 8px 7px 0px 7px;
    min-height: 160px;
}

.wideText
{
    width: 531px;
    padding: 10px 10px 5px 15px;
    font-size: 1.1em;
}

.wideBoxTextCol
{
    float: left;
    width: 350px;
    padding: 10px 5px 5px 15px;
    font-size: 1.1em;
}

.wideBox .wideBoxTextCol ul
{
    list-style-type: disc;
    padding: 0 10px 0.9em 15px;
    font-size: 0.9em;
}

.wideBoxTextCol li
{
    padding-bottom: 2px;
}

.wideBoxPictureCol
{
    float: right;
    width: 170px;
    padding: 10px 10px 5px 10px;
    font-size: 1.1em;
}

.headLeft
{
    float: left;
    width: 3px;
    height: 47px;
    background: url('images/blueHeadLeft.gif') no-repeat;
}

.headMiddle
{
    float: left;
    height: 47px;
    background: url('images/blueHeadMiddle.gif') repeat-x;
    margin-left:-1px;
}

.headRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/blueHeadRight.gif') no-repeat;
}

.newsDate
{
     text-align: right;
    font-size: 0.75em;
    padding: 25px 10px 0px 0px;
}

.newsText
{
    width: 250px;
    padding: 3px 10px;
}

.newsText img
{
    padding-bottom: 3px;
}

.newsText h3
{
    font-size: 1em;
    padding-bottom: 0.5em;
}


.oneWideCol
{
    background: url('images/oneWideColBG.gif') repeat-y;
    min-height: 120px;
    padding: 0 7px;
}

.oneWideCol h1
{
    font-size: 18px;
    padding: 12px 5px;
}

.oneWideCol a h1
{
    color: #FFF;
}

.oneWideCol h1 a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.oneWideCol ul
{
    padding: 10px 0px 0px 7px;
    list-style-type: none;
}

.oneWideColBottom
{
    width: 880px;
    height: 8px;
    background: url('images/oneWideColBottom.gif') no-repeat;
    padding-bottom: 15px;
}

.widestBox
{
    width: 852px;
    background: url('images/widestBlueBG.gif') no-repeat;
    padding: 8px 7px 0px 7px;
    min-height: 160px;
}

.widestText
{
    width: 822px;
    padding: 10px 15px 0px 15px;
    font-size: 1.1em;
    text-align: justify;
}


/* Half/Half sytles for French site */
.twoColsHalf-Half
{
    background: url('images/twoColsHalf-HalfBG.gif') repeat-y;
    min-height: 120px;
}

.twoColsHalf-Half h1
{
    font-size: 18px;
    padding: 12px 5px;
}

.twoColsHalf-Half h1 a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.twoColsHalf-Half ul
{
    padding: 10px 0px 10px 7px;
    list-style-type: none;
}

.twoColsHalf-HalfLeft, .twoColsHalf-HalfRight
{
    float: left;
    width: 429px;
    margin-left: 7px;
}

.twoColsHalf-HalfBottom
{
    width: 880px;
    height: 8px;
    background: url('images/twoColsHalf-HalfBottom.gif') no-repeat;
    padding-bottom: 15px;
}

.halfYellow
{
    width: 415px;
    background: url('images/halfYellowBG.gif') no-repeat;
    padding: 8px 7px;
}

.halfYellow li
{
    background: url('images/yellowBullet.gif') 0px 3px no-repeat;
    padding: 2px 0px 5px 22px;
}

.halfYellow a h1
{
    color: #49565E;
}

.halfPurple a h1
{
    color: #FFF;
}

.halfPurple
{
    width: 415px;
    background: url('images/halfPurpleBG.gif') no-repeat;
    padding: 8px 7px;
}

.halfPurple li
{
    background: url('images/purpleBullet.gif') 0px 3px no-repeat;
    padding: 2px 0px 5px 22px;
}

.halfText
{
    float: left;
    width: 290px;
}

.halfText p
{
    padding-left: 10px;
    padding-right: 2px;
}


/* One Column with Subnav Styles */

.twoColsWithMenu
{
    min-height: 120px;
}

.twoColsWithMenu h1
{
    font-size: 18px;
    padding: 12px 5px;
}

.twoColsWithMenu a h1
{
    color: #FFF;
}

.twoColsWithMenu h1 a:hover
{
    text-decoration: none;
    cursor: pointer;
}

.twoColsWithMenu ul
{
    padding: 10px 0px 0px 7px;
    list-style-type: none;
}

.twoColsWithMenuLeft
{
    float: left;
    width: 575px;
    margin-left: 7px;
}

.twoColsWithMenuRight
{
    float: left;
    width: 284px;
    margin-left: 7px;
}

.wideBoxCol
{
    background: url('images/wideBoxCol.gif') repeat-y;
    min-height: 160px;
}

.thinBoxCol
{
    background: url('images/thinBoxCol.gif') repeat-y;
    min-height: 160px;
}

.wideBoxBottom
{
    background: url('images/wideBoxBottom.gif') no-repeat;
    height: 8px;
    padding-bottom: 15px;
}

.thinBoxBottom
{
    background: url('images/thinBoxBottom.gif') no-repeat;
    height: 8px;
    padding-bottom: 15px;
}

#underSubnavCol
{
    padding: 0 7px 15px 7px;
}

#subnav
{
    width: 270px;
    background: url('images/thinBlueBG.gif') no-repeat;
    padding: 8px 7px 0px 7px;
    min-height: 160px;
}

#subnav a
{
    color: #49565E;
}    

.subnavCollapsed ul
{
    padding: 5px 1px;
}

.subnavCollapsed li
{
    /*background: url('images/subnavDivider.gif') repeat-x;*/
    padding: 10px 15px;
    font-size: 1.3em;
}

.subnavCollapsed li.first
{
    background: none;
}

.subnavOpen ul.subNavlvl1
{
    padding: 0px 2px;
}

.subnavOpen li
{
    padding: 10px 15px;
    font-size: 1.3em;
}

.subnavOpen li.open
{
    behavior: url(iepngfix.htc);
    background: url('images/blueSubnavBoxHead.png') no-repeat;
    padding: 15px 15px 0px 15px;
}

#subnav .subnavOpen li.open a, #subnav .subnavOpen li.open
{
    color: #FFFFFF;
}

ul.subNavlvl2
{
    width: 270px;
    margin-left: -18px;
    padding: 5px 0 0 0;
}

ul.subNavlvl2 li
{
    font-size: 0.75em;
    padding: 4px 5px 4px 50px;
}

ul.subNavlvl2 li.last
{
    background: url('images/subnavBoxBottom.gif') bottom no-repeat;
    padding-bottom: 20px;
}

ul.subNavlvl2 li.selected
{
    behavior: url(iepngfix.htc);
    background: url('images/subnavTick.png') 25px center no-repeat;
}

.breadcrumbs
{
    float: right;
    font-size: 0.9em;
    padding: 25px 10px 0px 0px;
}



/* Footer Styles */
#footerContainer
{
    width: 881px;
    margin: 10px auto 0px auto;
    height: 43px;
    background: url('images/footerBG.jpg') no-repeat;
    font-size: 0.8em;
}

#footerContainer ul
{
    list-style-type: none;
    padding: 15px 0px;
}

#footerContainer li
{
    display: inline;
    padding: 0px 20px 0px 25px;
}

#footerNav
{
    float: left;
    color: #000;
}

#footerNav li
{
    background: url('images/footerPipe.gif') no-repeat;
}

#footerNav li.first
{
    background: none;
}

#footerNav a
{
    color: #000;
}

#group
{
    float: right;
    padding: 15px 5px;
}

#group a
{
    color: #000;
}

#phslogo
{
    float: right;
    padding-right: 20px;
}

.yellowHeadMiddle h1, .yellowHeadMiddle h1 a
{
    color: #49565E !important;
}

.greenHeadMiddle h1, .greenHeadMiddle h1 a, .purpleHeadMiddle h1, .purpleHeadMiddle h1 a, .headMiddle h1, .headMiddle h1 a
{
    color: #FFFFFF !important;
}


/* COLOR SPECIFIC STYLE OVERRIDES */
#navBar
{
    background: url('images/purpleNavBar.gif') no-repeat;
}

.activeLeft
{
    background: url('images/purpleActiveNavLeft.gif') no-repeat;
}

.activeMiddle
{
    background: url('images/purpleActiveNavMiddle.gif') repeat-x;
}

.activeRight
{
    background: url('images/purpleActiveNavRight.gif') no-repeat;
}

.wideBox
{
    background: url('images/widePurpleBG.gif') no-repeat;
}

.thinBox
{
    background: url('images/thinPurpleBG.gif') no-repeat;
}

.headLeft
{
    background: url('images/purpleHeadLeft.gif') no-repeat;
}

.headMiddle
{
    background: url('images/purpleHeadMiddle.gif') repeat-x;
}

.headRight
{
    background: url('images/purpleHeadRight.gif') no-repeat;
}

#subnav
{
    background: url('images/thinPurpleBG.gif') no-repeat;
}

.widestBox
{
    background: url('images/widestPurpleBG.gif') no-repeat;
}

.subnavOpen li.open
{
    background: url('images/purpleSubnavBoxHead.png') no-repeat;
}