* {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;
    padding-bottom:0px;
    margin-bottom:0px;
    margin-top:-10px;
    
}

html>body #navBar
{
     
     margin-top:0px;
}

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

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

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


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

html>body #navDivider
{
    margin-top:0px;
}

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

html>body #header
{
    margin-top:10px;
}

#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;
  height:100%;

  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;
}
.threeCols ul.newsList { padding-bottom: 0px; }

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

.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;
margin-left:7px;
    padding: 8px 7px;

}

html>body .thinYellow
{
margin-left: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, .thinRed a h1, thinAqua a h1, thinBlue a h1, .thinOrange a h1
{
    color: #FFF;
}

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


html>body .thinPurple
{
margin-left:14px;
}

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

.thinOrange
{
    width: 270px;
    background: url('images/thinOrangeBG.gif') no-repeat;
margin-left:7px;
    padding: 8px 7px;

}

html>body .thinOrange
{
margin-left:7px;
}

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

.thinBlue
{
    width: 270px;
    background: url('images/thinBlueBG.gif') no-repeat;
    margin-left:7px;
    padding: 8px 7px;

}

html>body .thinBlue
{
margin-left:7px;
}

.threeColsMiddle .thinBlue { margin-left: 14px; }
html>body .threeColsMiddle .thinBlue { margin-left: 14px; }


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

.thinAqua
{
    width: 270px;
    background: url('images/thinAquaBG.gif') no-repeat;
    padding: 8px 7px;
margin-left:7px;
}


html>body .thinAqua
{
margin-left:14px;
}

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

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

}

.thinRed
{
    width: 270px;
    background: url('images/thinRedBG.gif') no-repeat;
    padding: 8px 7px;
margin-left:7px;

}

.thinNewsBox
{
    width: 270px;
    background: url('images/thinBlueBG.gif') no-repeat;
    padding: 8px 7px;
margin-left:7px;

}

html>body .thinGreen, html>body .thinRed, html>body .thinNewsBox
{
margin-left:21px;
}

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

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

.thinNewsBox li
{
    background: url('images/blueBullet.gif') 0px 3px no-repeat;
    padding: 2px 11px 5px 11px;
}
.thinNewsBox .newsList li, .thinNewsBox .newsList .newsThumbnail { padding-bottom: 0px; }
.thinNewsBox .newsList .newsAuthor, .thinNewsBox .newsList .postCategory, .thinNewsBox .newsList .postTags { display: none; }



.thinText
{
    float: left;
    width: 145px;
}
.threeColsLeft .thinBlue .thinText { width: 100%; }

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

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

.greenText, redText
{
    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;
margin-left:-1px;
}

.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;
margin-left:-1px;
}

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

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

}

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

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

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

}

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

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

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

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

.aquaHeadRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/aquaHeadRight.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;
margin-left:-1px;
}

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

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

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

.redHeadRight
{
    float: left;
    width: 10px;
    height: 47px;
    background: url('images/redHeadRight.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;
height:100%;    
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: 0px;
}

.twoColsWide-ThinRight
{
    float: left;
    width: 284px;
    margin-left: 7px;
height:100%;
min-height:160px;
}

.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;
margin-left:7px;
}

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

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


html>body .thinBox
{
margin-left:7px;
}

.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: 0px 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;
height:100%;   
 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;
}

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