/* CSS Document */

body {

        background: url("../gfx/header.gif") no-repeat top left;

        margin: 0px;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 11px;

        color: #0b4a94;

        height: 100%;

        width: 100%;

}







#navigation {

        position: absolute;

        top: 86px;

        left: 165px;
        
        z-index: 1;

}

#navigation ul {

        margin: 0px;

        padding: 0px;

}

#navigation ul li {

        list-style: none;

        float: left;

        position: relative;

}

#navigation ul li a {

        display: block;

        padding: 2px 9px;

        text-decoration: none;

        color: #0b4a94;

}

#navigation ul li a:hover {

        background-color: #ecf0f4;

}







#navigation ul li:hover ul,

#navigation ul li.show_sub ul {

        display: block;

}



#navigation ul li ul {

        margin: 0px;

        padding: 0px;

        position: absolute;

        top: 20;

        left: 0;

        z-index: 2;

        display: none;

        width: 134px;

        opacity: 0.85;

        filter: alpha(opacity = 85);

        background: #d1dce8;

        border: solid 1px #5984b5;

}

#navigation ul li ul li {

        margin: 0px;

        padding: 0px;

        list-style: none;

        float: none;

        opacity: 1;

        filter: alpha(opacity = 100);

}

#navigation ul li ul li a{

        display: block;

        padding: 3px 0 3px 6px;

        width: 128px;

}

#navigation ul li ul li a:hover {

        background-color: #ecf0f4;

}



#pcch {

        position: absolute;

        font-size: 14px;

        font-weight: bold;

        color: #7696bb;

        top: 65px;

        left: 665px;

}







#content {

        width: 696px;

        position: absolute;

        background: url("../gfx/content_border.gif") repeat-y;

        top: 104px;

        left: 130px;

        font-family: Georgia, "Times New Roman", Times, serif;

        line-height: 20px;

        z-index: 0;

}

#text {

        padding: 15px 20px 0 20px;

        vertical-align: top;

}

#text p {

        margin: 0px;

        margin-bottom: 15px;

}

#text ul {

        margin: 0;

        margin-bottom: 20px;

        padding-left: 25px;

}

#text ul li {

        list-style: square;

}

#text a {

        text-decoration: none;

        color: #656959;

}

#text a:hover {

        text-decoration: underline;

        color: #656959;

}



h1 {

        font-size: 24px;

        font-weight: normal;

        margin: 0px;

        margin-bottom: 10px;

}

h2 {

        font-size: 16px;

        font-weight: bold;

        margin: 0px;

}



img.right {

        float: right;

        margin: 5px 0px 20px 20px;

        border: solid 1px #0b4a94;

}

img.left {

        float: left;

        margin: 5px 20px 20px 0;

        border: solid 1px #0b4a94;

}

img.leftfront {

        margin: 0px 0px 0px 0;

        border: solid 1px #0b4a94;

}







#footer {

        text-align: right;

        font-size: 9px;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        line-height: normal;

        background: url("../gfx/footer_bg.gif") repeat-x top;

        margin: 0 2px;

        padding: 5px 10px;

        position: relative;

        width: 672px;

}

#footer a {

        text-decoration: none;

        color: #0b4a94

}

#footer a:hover {

        text-decoration: underline;

}

#corner_left {

        position: absolute;

        background: url("../gfx/bottom_left.gif") no-repeat;

        width: 55px;

        height: 40px;

        top: 0;

        left: -54px;

}

#corner_right {

        position: absolute;

        background: url("../gfx/bottom_right.gif") no-repeat;

        width: 63px;

        height: 40px;

        top: 0;

        right: -62px;

}





/* ------- internal -------*/

#cntr_table {

        width: 692px;

        margin: 0 2px;

}

#right_colum {

        width: 167px;

        /* background-color: #f6cfa4; */
        /* background-color: #dd9053; */
        background-image: url("../gfx/sidebar.png");
        background-repeat: no-repeat;
        
        font-family: Verdana, Arial, Helvetica, sans-serif;

        vertical-align: top;

}

ul#side_nav {

        margin: 5px 10px;

        padding: 0px;

}

ul#side_nav li {

        list-style: none;

}

ul#side_nav li a {

        text-decoration: none;

        color: #0b4a94;

}

ul#side_nav li a:hover {

        text-decoration: underline;

}

#pcch_family {

        color: #FFFFFF;

        font-weight: bold;

        background-color: #0b4a94;

        text-align: center;

        height: 23px;

}

#right_colum #foto {

        margin: 10px 15px 10px 20px;

        text-align: center;

}

#foto img {

        border: solid 1px #0b4a94;

        margin-bottom: 5px;

}

#foto p {

        line-height: normal;

        margin: 0px;

        text-align: left;

}

.more {

        text-align: right;

}

.more a {

        text-decoration: none;

        color: #656959;

}

.more a:hover {

        text-decoration: underline;

}



/* ------- front page -----------*/



#left {

        width: 241px;

        /* background-color: #f6cfa4; */
        
        /*
        background-image: url("/skins/pcch/gfx/sidebar.png");
        background-repeat:repeat-x;
        */
        
        padding-top: 0px;
        margin-top: 0px;
        
        background: url("../gfx/pcch_front_page_people.gif") no-repeat bottom left #f9f9f9;
        
        font-family: Verdana, Arial, Helvetica, sans-serif;
        
        padding-bottom: 172px;

        vertical-align: top;

}

#left #meet_family {

        margin: 0px;

        margin-bottom: 0;

}

#left h1 {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 24px;

        font-style: italic;

}

#meet_family p {

        line-height: normal;

        margin: 0;

}

#meet_family p img {

        float: left;

        margin-right: 10px;

        border: solid 1px #0b4a94;

}

#site_links {

        background-color: #7a899c;

        height: 23px;

        color: #FFFFFF;

        font-weight: bold;

}

#site_links p{

        margin-left: 15px;

}

#left #side_nav {

        margin-left: 15px;

}



#gallery {
	
  height: 230px;

}


#gallery {

        vertical-align: top;

        background-color: #0b4a94;

        color: #FFFFFF;

        font-family: Verdana, Arial, Helvetica, sans-serif;

}

#gallery img {
        
        border: none;
        
        display: block;
        
        height: 227px;
        
        width: 449px;

        margin: 0px;

        margin-top: 13px;

        margin-left: 1px;

}

#median {

        padding: 0 12px;

        background-color: #0b4a94;

        height: 27px;

}

#median p {

        margin: 0;

        padding: 3px 0 0;

        float: left;

        color: #FFFFFF;

}

#median a#prev,

#median a#next {

        float: right;

        display: block;

        margin-top: 8px;

        width: 36px;

        height: 15px;

}

#median a#prev span,

#median a#next span {

        display: none;

}



a#prev {

        background: url("../gfx/prev.gif") no-repeat;

}

a#next {
        
        background: url("../gfx/next.gif") no-repeat;
}



#story {

        padding: 15px;

        vertical-align: top;

}

#web_poll {

        vertical-align: top;

        width: 143px;

        /* background-color: #f6cfa4; */
        background-image: url("../gfx/sidebar.png");
        background-repeat:repeat-x;

}

#w_poll {

        background-color: #0b4a94;

        color: #cccccc;

        width: 128px;

        padding: 2px 0 2px 15px;

        font-size: 18px;

        font-family: Georgia, "Times New Roman", Times, serif;

}

#web_poll form {

        /* margin: 7px 14px; */
        margin: 3px 6px;

        color: #0d286c;

        font-family: Verdana, Arial, Helvetica, sans-serif;

        line-height: 15px;

}

#web_poll .submit
{
        background-color: #FFFFFF;
        border: solid #0b4a94 1px;
}


/* The styles below are styles we originally added to the custom.css file to attempt to fix the home page so I am placing them in this file at the bottom. This allows them to still override any settings above them but also lets you only have to edit one CSS file. */


#left #meet_family {
        padding: 10px 15px 10px 20px;
        text-align: left;
        /*padding: 15px; /* Carried over from the old meet_family style in styles.css - had to change original to 0px */
        /* This style overrides the foto style from the styles.css file */
}

#testimonials_home_gfx {
        display: block;
        background-image: url("../gfx/testimonials_home.gif");
        background-repeat: no-repeat;
        height: 53px;
        width: 206px;
}