/* Ocean CSS 1.0 By Joshua D. Peterson */

/* Root CSS */

html {
background-image:url(images/pe-mbg.png);
background-repeat:repeat;
height:auto;
}

body {
background-image:url(images/pe-bg.png);
background-repeat:repeat-x;
margin:0px auto 0px auto;
height:auto;
}

.t-measure {
display:block;
width:800px;
margin:0;
border:0;
padding:0;
}

.t-sep {
height:25px;
}

.t-font {
font-family:Arial;
font-size: 16px;
color: #ffffff;
text-align:left;
line-height:11pt;
}

.t-link a{
font-family:Arial;
font-size:10pt;
color:#222266;
text-decoration:none;
line-height:11pt;
}

.t-link a:hover {
color:#000000;
border-bottom: #000000 1px dotted;
}

/* Container CSS */

.t-cont {
margin:0 auto 0 auto;
height:auto;
}

/* Quick Links CSS */

.ql-div {
background-image:url(images/pe-ql.png);
height:25px;
}

.ql-div-link {
font-size:.75em;
text-align:right;
text-transform:lowercase;
line-height:1.75em;
}

.ql-div-link a{
font-size:.95em;
font-weight:bold;
color:#ffffff;
margin-left:10px;
margin-right:10px;
}

.ql-div-link a:hover{
color:#133e4f;
border-bottom-color:#133e4f;
}

/* Logo */

.logo-div {
background-image:url(images/pe-lo.png);
height:100px;
line-height:100px;
}

.logo-header {
font-family:Verdana;
font-size:1.5em;
color:#ffffff;
margin:0;
}

/* Navigation */

.nav-div {
background-image:url(images/pe-n.png);
height:25px;
}

.nav-link {
font-size:.75em;
color:#ffffff;
line-height:24px;
text-align:center;
}

.nav-link a{
margin:0 5px 0 2px;
padding:.25em 5px .25em 5px;
font-size:.95em;
font-weight:bold;
color:#133e4f;
line-height:25px;
border-bottom:none;
}

.nav-link a:hover{
color:#091914;
background-image:url(images/pe-lbg.png);
background-repeat:repeat-x;
background-position:-50%;
border-bottom:none;
}

.nav-selected{
background-image:url(images/pe-lbg.png);
background-repeat:repeat-x;
background-position:-50%;
}

.nav-selected b{
color:#000000;
}

.nav-sep-div {
background-image:url(images/pe-n2.png);
font-size:.75em;
text-align:center;
}

.nav-sep-link a{
font-size:.95em;
font-weight:bold;
color:#133e4f;
margin:0 10px 0 10px;
line-height:25px;
}

/* Advertisement */

.ad-div {
background-image:url(images/pe-ad.png);
height:200px;
line-height:200px;
}

.ad-div img{
width:792px;
height:192px;
margin:4px;
}

/* Content Styles
   
   DO NOT edit unless you know what you are doing!
*/

.content-25 {
background-image:url(images/pe-25bg.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-25 .c-contain {
background-image:url(images/pe-25t.png);
}

.content-25 .c-left-col {
width:180px;
}

.content-25 .c-right-col {
width:580px;
}

.content-50 {
background-image:url(images/pe-50bg.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-50 .c-contain {
background-image:url(images/pe-50t.png);
}

.content-50 .c-left-col {
width:380px;
}

.content-50 .c-right-col {
width:380px;
}

.content-75 {
background-image:url(images/pe-75bg.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-75 .c-contain {
background-image:url(images/pe-75t.png);
}

.content-75 .c-left-col {
width:580px;
}

.content-75 .c-right-col {
width:180px;
}

.c-contain {
display:block;
background-repeat:no-repeat;
width:800px;
height:auto;
margin:0;
border:0;
padding:0;
}

.c-left-col, .c-right-col {
display:block;
padding-top:10px;
margin:0;
}

.c-left-col {
float:left;
}

.c-right-col {
float:right;
}


/* You can edit these below.
   
   Don't touch the float values though.
*/

.bquote {
background-image:url(images/pe-bquote.png);
background-position:21px 0px;
background-repeat:no-repeat;
color:#9edef8;
margin:15px;
padding:50px 10px 18px 25px;
font-size:.95em;
line-height:1.25em;
text-align:left;
}

ul, li {
color:#9edef8;
list-style:outside square;
}

.nav-style {
font-size:.8em;
line-height:1em;
margin:10px;
width:100%;
}

.nav-style .bquote{
padding-bottom:0px;
}

.nav-style p{
font-size:.95em;
line-height:1.25em;
color:#003145;
margin-left:10px;
}

.nav-style a{
color:#94b7c5;
font-size:.95em;
font-weight:bold;
line-height:1.5em;
margin-left:10px;
}

.nav-style a:hover{
color:#acdaef;
border-bottom:#ffffff 1px dotted;
}

.nav-style h1 {
font-size:1.25em;
font-weight:bold;
color:#c3e0ec;
margin:0px 0px 10px 0px;
}

.nav-style h2 {
font-size:.95em;
font-weight:bold;
color:#b4ced9;
margin:5px 0px 5px 10px;
}

.nav-style .hr {
background-image:url(images/pe-cf.png);
background-position:center;
height:1px;
margin:.75em 0 .75em 0;
border:0;
}

.con-style {
font-size:1em;
line-height:1em;
margin:10px;
width:100%;
}

.con-style p{
font-size:.80em;
line-height:1.25em;
margin:5px 5px 10px 5px;
color:#cce0e8;
}

.con-style a{
color:#e7f8ff;
font-weight:bold;
}

.con-style a:hover{
color:#ffffff;
border-bottom:1px dotted #cce0e8;
}

.con-style h1 {
font-size:1.25em;
font-weight:bold;
color:#d7ebf3;
margin:0 0 0 5px;
}

.con-style h2 {
font-size:1.05em;
font-weight:bold;
color:#95c8dc;
margin:15px 0 5px 5px;
}

.con-style h3 {
font-size:.95em;
font-weight:bold;
color:#85ceeb;
margin:15px 0 5px 10px;
}

.con-style .hr {
background-image:url(images/pe-cf.png);
background-position:top center;
height:1px;
margin:.5em 0 .5em 0;
border:0;
}

/* Leave this one alone, thank you. */

.c-foot {
width:800px;
height:1px;
clear:both;
}

/* Footer */

.foot-div {
background-image:url(images/pe-f.png);
height:100px;
}

.foot-font {
font-size:.75em;
color:#ffffff;
text-align:center;
padding:2em 0 2em 0;
}

.foot-font a{
color:#85ceeb;
}

.foot-ref {
background-image:url(images/pe-fr.png);
height:20px;
margin:5px 0px 5px 0;
}