/* @group Typo */

h1, h2, h3, h4, h5, h6, p {
		font-family: Arial, Helvetica, Verdana, sans-serif;
        margin: 0;
        }

h1 {
        font-size: 2em;
        line-height: 100%;
        text-transform: none;
        }

h2 {
        font-size: 1.5em;
        color: #c00;
        }

h3 {
        font-size: 1.0em;
        }

h4 {
        font-size: 1.2em;
        text-transform: uppercase;
		color:#888;
        margin-top: .5em;
        margin-left: 10px;
        letter-spacing: 1px;
        }		
		
h5 {
        font-size: 1.0em;
        line-height: 150%;
        }

h6 {
        font-size: 0.8em;
        line-height: 150%;
        }
		
		
h6.conf {
                font-family: Arial, Helvetica, "san serif";
                font-size: 0.8em;
                font-weight: bold;
                line-height:1.5;
                border:0px dotted #888;
                padding:2px;
                padding-top:4px;
                margin-top:-6px;
                color:#ffc;
                background:#6181B1;
                }
h6.conf a {
                line-height:1.5;
                color:#fff;
                background:#6181B1;
                }


p {
        line-height: 150%;
		margin-right:4px;
		font-size:medium;
        }

u {
        color:#a00;
        font-size:80%;
        }

a {
        position:relative;
        z-index:1000000;
        }

/* @end */

/* @group General */

body {
        margin: 0;
        padding: 0 5px;
        font-size: medium;
        color: black;
        font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:small;
        }

/* form {
        margin: 0;
        }
		
"Lucida Grande", Lucida, "Helvetica Neue"
        */

/* @end */
form, input, textarea, select, option {
        font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size:small;
		}
p.mceEditor {
margin-bottom:20px;
}

body.mceContentBody>p {
margin-bottom:10px;
}

#panels  {
width:92%;
background:#bbccdd;
font-size:86%;
padding:8px 8px;
margin:0px;
text-align:left;
line-height:1.5;
border-radius: 4px;
color:navy;
}

#panels ul li {
        margin: 0 0 0 10px;
        }
#panels b {
        font-size:120%;
        }

.imgfooter
{
        border:none;
        }

/* @group Utility */

*.float-divider {
        clear: both;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
        }

*.screenreader-only {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        }

*.hidden {
        position: absolute;
        top: -99999px;
        left: -99999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        }

hr {
        border-style: none;
        background-color: #2b6b82;
        background-color: silver;
        color: #2b6b82;
        height: 1px;
        width: 100%;
}

/* @end */

/* @group Link */

a:link, a:visited, a:active {
        text-decoration: none;
        color: gray;
        line-height: 150%;
}

a:hover {
        color: black;
        text-decoration: none;
        background:#ccc;
        }


.comments {
width:100%;
border:none;
//border-color:#d8d6b5;
//border-width:1px;
background:#fbfada;
background:#ccc;
font-size:80%;
color:black;
padding: 3px;
}

.comments table a {
color:gray;
}

.comments table a:hover {
color:black;
}
		
/*table tr td a*/		
/* @end */

/* @group Text */

*.message {
        text-align: left;
        font-size: 0.7em;
        }

*.copyright {
        text-align: center;
        color: #406a80;
        font: italic .8em Georgia, "Times New Roman", Times, serif;
        border-bottom: 1px dotted silver;
        border-top: 1px dotted silver;
        margin-top: .5em;
        padding: .5em;
        margin-bottom: .5em;
        letter-spacing: 1px;
        }

*.more {
        text-align: right;
        font-size: 1em;
        font-weight: bold;
        }

*.dateline {
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        color: #c00;
        padding-top: 2px;
        padding-bottom: 4px;
}

/* @end */

/* @group Section */

*.section {

        /* margin-top: 10px; */

        font-size: 0.8em;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        border-top: 6px solid #719ab7;
        border-bottom: 1px solid silver;
        margin-bottom: 6px;
        position:relative;
        z-index:10000;
        }

*.section h2 {
        position: relative;
        text-indent: 10px;
        padding: 2px 0 4px;
        background-color: #adc5dd;
        color: #2b6b82;
        font-weight: bold;
}

*.section p {
        margin: 5px 10px;
        }

/* @end */

/* -- ACTION -- */

/* @group Button */

*.button {
        background: url("button.html") no-repeat left top;
        border: none;
        width: 85px;
        height: 26px;
        font-weight: bold;
        vertical-align: -2px;
        padding: 0;
        cursor: pointer;
        margin-top: 1em;
        margin-bottom: 1em;
        }

*.button: hover {
        color: red;
        position: relative;
        top: 1px;
        left: 1px;
        }

/* @end */

/* @group Tab */

#searchtext {
        margin-top: 12px;
        width: 200px;
        float: left;
}



ul.tabs {
        float: left;
        width: 408px;
        margin: 0;
        padding: 0;
        border-top: 6px solid #719ab7;
}

ul.tabs li {
        float: left;
        width: 136px;
        list-style-type: none;
}

/* un-selected tab*/

ul.tabs *.tab-label {
        position: relative;
        top:-2px;
        margin: 0px;
        cursor: pointer;
        padding-top: 2px;
        padding-bottom: 4px;

        background-color: #adc5dd;

        text-align: center;
        font-size: 1em;

        font-weight: normal;
        color: white;
        color: #2b6b82;

}

/* selected tab */

ul.tabs li.selected *.tab-label {
        position: relative;
        top:-2px;
        margin:0px;
        background: #719ab7;
        font-weight: bold;
        color: white;
        }

ul.tabs {
        position: relative;
        }

ul.tabs *.tab-content {
        position: absolute;
        width: 100%;

        /* height: 30em; */

        border: 1px solid #406a80;
        border-top-style: none;
        left: -99999px;
        /* overflow: auto; GH */
        border-bottom-style: none;
        border-right-style: dotted;
        border-left-style: dotted;
        }

ul.tabs li.selected *.tab-content {
        left: 0;
        width: 406px;
        }

ul.tabs li *.oi2 {
        margin: 0;
        padding: 10px;
        }

ul.tabs *.hover {
        text-decoration: none;
        }

*.oi2 p {
        padding-bottom:8px;
		width:390px;
		
        }

/* @end */

/* @group Menu */

*.menu {
        float: left;
        position: relative;
        z-index: 10000;
        cursor: pointer;
        white-space: nowrap;
        }

*.menu a {
        font-size: 0.9em;
        text-decoration: none;
        color: black;
        cursor:pointer;
        }

*.menu h2 {
        float: left;
        margin: 6px 0;
        padding: 3px 1px;
        width: 166px;
        color: white;
        text-align: center;
        background-color: #adc5dd;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: .8em;
        font-weight: bold;
}

*.menu h4 {
        display: inline;
        margin: 0;
        }

*.menu ul {
        position: absolute;
        margin: 0;
        padding: 0;
        padding-bottom: 5px;
        background: url("g3.html") repeat-x left bottom white;
        }

*.menu li {
        margin: 0;
        padding: 2px 25px;
        list-style-type: none;
        color: black;
        }

*.menu li img {
        margin-left: -22px;
        padding-right: 5px;
        }

*.menu li.separator {
        margin-top: 5px;
        border-top: 1px solid gray;
        padding-top: 5px;
        }

*.menu li.flyout-trigger {
        background: url("flyout1.html") no-repeat right center;
        }

*.menu h2.hover {
        background: url("g2.html") repeat-x left top white;
        }

*.menu li.hover {
        background-color: #c00;
        color: white;
        }

*.menu ul.dropdown {
        top: 100%;
        clear: left;
        }

*.menu ul.submenu {
        left: 100%;
        margin-top: -1.5em;
        margin-left: -0.3em;
        }

*.menu *.hidden {
        left: -99999px;
        top: -99999px;
        }

*.menu h3, *.menu ul {
        border-left: 1px solid yellow;
        border-right: 1px solid orange;
        border-top: 1px solid yellow;
        border-bottom: 1px solid orange;
        }

*.menu li.flyout-trigger.hover {
        background: url("flyout2.html") no-repeat right center #c00;
        }

*.menu li.hover > a {
        color: white;
        }

/* @end */

/* @group Rollup */
/*
*.rollup-trigger {
        cursor: pointer;
        }

*.rollup-trigger: hover {
        color: #c00;
        }


span.rollup-trigger {
        font-size: 0.65em;
        padding-left: 8px;
        background: url("hide.gif") no-repeat left top;
        }

span.rolledup {
        background: url("show.gif") no-repeat left top;
        }

h5.rollup-trigger {
        font-size: 0.65em;
        padding-left: 8px;
        background: url("hide.gif") no-repeat left top;
		}

		
		
*.hidden {
        position: absolute;
        top: -99999px;
        left: -99999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        }
*/
/* @end */

/* @group List */

ul.block {
        padding: 0;
        padding-top: 5px;
        margin: 0;
        text-align: left;
        font-weight: bold;
        }

ul.block li {
        display: block;
        padding-left: 10px;
        }

ul.list {
        padding: 0;
        padding-left: 20px;
        margin: 0;
        text-align: left;
        font-weight: bold;
        }

ul.list li {
        padding: 2px 0;
        }

ul.inline {
        padding: 0;
        margin: 0;
        text-align: center;
        }

ul.inline li {
        display: inline;
        font-size: 0.8em;
        }

/* @end */

/* -- LAYOUT -- */

/* @group Page */

#page {

        /* max-width: 840px; */

        width: 840px;
        margin-left: auto;
        margin-right: auto;

        }

/* @end */

/* @group Pre-Header */

#preheader p {
        font-size: 0.7em;
        margin: .5em;
        padding: .5em;
        color: gray;
        }

#preheader *.part1 {
        float: left;
        margin: 0;
        padding-left: 0;
        padding-bottom: 10px;
}

#preheader *.part2 {
        float: right;
        margin: 0;
        padding-right: 0;
        padding-bottom: 10px;
}

/* @end */

/* @group Header */

#header {
        float: left;
        width: 100%;
        }

#header *.oi {
        padding: 0;
        border-top: 1px dotted silver;
        border-bottom: 1px dotted silver;
        }

/*
#title {
        width: 100%;
        margin-top: 0px;
        background: url("header-02.jpg") no-repeat;
        }
*/
#title {
        width: 100%;
        margin-top: 0px;
        background: url("images/newheader.jpg") no-repeat;
        }


#title h1 {
        margin-bottom: 12px;
        margin-left:160px;
        /* text-align: center; */
        font-size: 6em;
        text-transform: none;
        letter-spacing: .35em;
        color: #2b6b82;
        }
/*
#title h2 {
        text-align: center;
        font-size: 1em;
        text-transform: none;
        letter-spacing: .2em;
        color: #c00;
        border:1px solid black;
        position:relative;
        top:-100px;
        }
*/
#subtitle {
       display: block;
       position:relative;
       left: 348px;
       top:86px;
       width: 200px;
       padding:2px;
       line-height:1.5;
        font-size: 0.9em;
        text-align:center;
        text-transform: none;
        letter-spacing: .1em;
        color: #2b6b82;
        border:0px solid #ddd;
        }

#search {
        float: right;
        margin-top: -5px;
        }

#header h2 {
        font-size: 0.8em;
        text-align: center;
        text-transform: uppercase;
        font-weight: normal;
        font-style: normal;
        letter-spacing: 6px;
        padding-top: 12px;
        padding-bottom: 6px;
}

/* @end */

/* @group Post-Header */

#postheader p {
        clear:both;
        font-size: 0.7em;
        margin: .5em;
        }

#postheader *.breadcrumbs {
        float: left;
        margin: 8px 0 0;
        }

#postheader *.breadcrumbsr {
        float:right;
        margin: -16px 0 0 0;
        border:0px solid green;
        }

#postheader *.sequential {
        float: right;
        margin: 8px 0 0;
        }

/* @end */

/* @group Content */

#body {
        float: left;
        width: 100%;
        }

#nav {
        float: left;
        width: 25%;
        min-width: 160px;
        margin-top: 8px;
        position:relative;
        z-index:1;
}

#nav *.oi {
        padding-right: 10px;
        }

.logo {
        background: url("CPBP-logo-3-200.html") no-repeat;
}

#main {
        float: left;
        width: 50%;
        min-width: 300px;
        margin-top: 10px;
        font-size: 0.8em;
        position:relative;
        z-index:1;
        }

#main *.oi {
        padding-right: 9px;
        padding-left: 1px;
        position: relative;
        top:0px;
        height: 16em;
        /* GH added this to fix Mozilla 11/6/08 */
        z-index:10000000;
}

#extras {
        float: right;
        width: 25%;
        min-width: 160px;
        margin-top: 9px;
        }

#extras *.oi {
font-size: 100%;
text-align:justify;
line-height:1.5;
} 

/* @end */

/* @group Footer */

#footer {
        clear: both;
        padding-top: 10px;
        }
	
option.books {
		background:#ffe;
		border-bottom:1px solid #aaa; 
		border-top:1px solid #aaa;
		font-size:74%;
		}


/* @end */