/* CSS Document */
/* (margin/padding: top right bottom left) */
body{
        font-family:Arial, Helvetica, sans-serif;
        margin: 0;
        background: #ffffff;
}

p{
        font-size:11px;
        text-decoration:none;
        font-weight:normal;
        padding:4px 0 3px 0;
        color:#fff;
        margin:0;
        /*border-bottom:1px dashed #CBBE84;*/
}

a{
        /*font-size:12px;*/
        font-weight:bold;
        text-decoration:none;
        color:#888;
        /*color:#482C1E;*/
}

ul {
        font-size:11px;
        text-decoration:none;
        font-weight:normal;
        color:#888;
        list-style-type: square;
}

a:hover, #text-area ul li a:hover{
        color:#aaa;
}

.center{
        text-align:center;
}

#container{
        position: relative;
        /*border: 1px solid #ff0000;*/
        width:1024px;
        margin-top:5px;
        margin-left:auto;
        margin-right:auto;
        min-height: 768px;
        -height: 768px;
        background-color:#482C1E;
        background-image: url("../css/img/bg3.jpg");
        background-repeat: repeat-x;
}

#header {
        /*border: 1px solid #000000;*/
        height: 255px;
        /*background-color:#ff0000;*/
}

#menubar{
        position:absolute;
        top:95px;
        left:10px; 
        width:1004px;
}

#pcflogo{
        position:absolute;
        margin:0;
        left:20px;
        top:7px;
        border:1px solid black;
        z-index:2;
}

#opnlogo{
        position:absolute;
        margin:0;
        left:825px;
        top:4px;
      /*  left:800px;
        top:720px;*/
        z-index:2;
}

#ocslogo{
        position:absolute;
        margin:0;
        left:885px;
        top:7px;
      /*  left:800px;
        top:720px;*/
        z-index:2;
}

#masthead{
        position:absolute;
        margin:0;
        left:20px;
        top:74px;
      /*  left:800px;
        top:720px;*/
        z-index:2;
}

#masthead p {
        font-size:12px;
        text-decoration:none;
        font-weight:normal;
        color:#fff;
}

#masthead a, #footer a {
        color:#fff;
}

#masthead a:hover, #footer a:hover {
        color:#d4c689;
}

#subheader {
        position: absolute;
        /*border: 1px dashed #000000;*/
        top:125px;
        left:300px; 
				width: 704px;
				float: left;
				margin-top: 1px;
}

#subheader-image {
        position: absolute;
        /*border: 1px dashed #000000;*/
        top:122px;
        left:70px; 
				width: 170px;
				float: left;
				margin-top: 1px;
}

	#subheader h2 { font-size: 28px; font-weight: bold; color: #666; margin: -5px 0 4px 0; }
	#subheader h2 strong { color: #888; }
	#subheader p { font-size: 14px; color: #666; line-height: 1.4; }

#stub {
        /*border: 1px dashed #000000;*/
        font-size: 1px;
        height: 5px;
        background: url('../css/img/maintext-head.gif') no-repeat;
}

.text-area {
        /*border: 1px dashed #00ff00; */
        min-height: 600px;
        -height: 600px;
        background-color:#482C1E;
        background-image: url("../css/img/bg5.gif");
        background-repeat: repeat-y;
}

.text-area p {
        margin:5px 290px 5px 40px;
        line-height: 1.3;
        font-size:12px;
        color:#666;
        border-bottom:none
}

.crumb {font-size:14px; color:#888;}
.crumb a {font-size:14px; color:#888;}

.text-area h2 { font-size: 16px; font-weight: bold; color: #666; margin: 15px 0 5px 40px; }

.text-area h3 { font-size: 12px; font-weight: bold; color: #666; margin: 15px 0 5px 40px; }

.text-area p strong, .text-area ul li strong {
        color:#666;
        font-size:12px;
        font-weight: bold;
}

.text-area ul {
        padding:5px 290px 5px 40px;
        margin: 0px;
        font-size:12px;
        color:#666;
        list-style-type: none;
        /* border: 1px dashed #ff0000; */
}

.text-area ul li {
        background-image: url("../css/img/bullet.gif");
        background-repeat: no-repeat;
        background-position: 10px 3px;
        padding-left: 20px;
        max-width: 650px;
        font-size:12px;
        /* border: 1px dashed #0000ff; */
}

.subitem {
        /*
        background-image: url("../css/img/bullet.gif");
        background-repeat: no-repeat;
        background-position: 10px 3px;
        padding-left: 20px;
        font-size:12px;
        border: 1px dashed #0000ff;
        */
        padding:0px 0px 5px 0px;
        width: 550px;
}

.text-area ol {
        padding:5px 290px 5px 40px;
        margin: 0px;
        font-size:12px;
        color:#666;
        list-style-type: lower-alpha;
        /*border: 1px dashed #ff0000;*/
}

.text-area ol li {
        max-width: 650px;
        font-size:12px;
        margin-left: 55px;
        margin-top: 5px;
        /*border: 1px dashed #0000ff;*/
}

.text-area ul li a, .text-area table tr td a {
        font-size:12px;
        color:#666;
}

.text-area.toggle a {
        font-size:16px;
}

.text-area.toggle img {
        padding:0px 8px 2px 15px;
}

.faqtopic p {
        position: relative;
        padding:0px 0px 0px 0px;
        left: -40px;
        width: 670px;
        /*border: 1px dashed #0000ff;*/
}


#gallery{
        position: absolute;
        /*background: white;*/
        top: 270px;
        left: 765px;
        width: 225px;
        height:420px;
        /*border:1px solid #bbb;*/
}

	.column { float: left; margin-right: 10px; }

	.column.wide { width: 710px; }
/*	.column.wide p { font-size: 12px; line-height: 1.5; color: #666; margin;2px; } */
	.column.wide h2 { color: #805a6a; font-size: 20px; line-height:1.0; margin-bottom: 5px; padding-left:18px;}
	.column.wide h3 { font-size: 12px; font-weight: bold; color: #666; margin-bottom: 15px; }
	.column.wide ul li { margin-left: -20px; font-size: 12px; line-height: 1.4; color: #666; background: url('./css/img/bullet.gif') left no-repeat; }

	.column.mid { width: 245px; margin-top:0px;}
	.column.mid h2, .column.last h2 { background: url('../css/img/box-header-245.png') top repeat-x; font-size: 15px; font-weight: bold; color: #fff; height: 22px; position: relative; }
	.column.mid h2.rounded { background: url('../css/img/box-header-245.png') top repeat-x; }
	.column.mid h2 span, .column.last h2 span { position: absolute; left: 10px; top: 8px; }
	.column.mid h2 img, .column.last h2 img { position: absolute; left: 14px; top: 9px; }
	.column.mid .box { background: #fff url('../css/img/box-footer-245.png') bottom no-repeat; padding: 10px 10px 17px 10px; margin-top:0px; margin-bottom: 10px; }
	.column.mid .box p { font-size: 11px; color: #666; line-height: 1.2; }
	.column.mid .box p strong { font-weight: bold; }

#footer {
        /*border: 1px solid #00ff00;*/
        height: 55px;
        background-image: url("../css/img/footer.jpg");
        background-repeat: repeat-x;
        padding-left: 10px;
        padding-top: 10px;
}

h1{     font-family:Arial, Helvetica, sans-serif;
        font-size:16px;
        color:#CBBE84;
        padding:8px 0 0 6px;
        margin:0;
}

h2, h3, table tr td h2 {        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#CBBE84;
        padding:6px 0 0 0;
        margin:0;
}

h4 {font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#CBBE84;
        padding:6px 0 0 0;
        margin:0;
}
table tr td h2 {        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#CBBE84;
        padding:0 6px 0 0;
        margin:0;
}


/* text area formatting columns*/
.indent {
        padding-left: 40px;
}

.conrow {
        clear: both;
        /*border:1px solid #f00;*/
}  

.concol1 {
        float:left;
        width: 200px;
        /*border:1px solid #bbb;*/
        margin: 0;
}

.concol2 {
        float:left;
        width: 500px;
        /*border:1px solid #bbb;*/
        margin: 0;
}

.concol1 p {
        line-height: 1.1;
        padding:0;
        margin: 0 0 0 80px;
}

.concol2 p {
        line-height: 1.1;
        padding:0;
        margin: 0 0 0 40px;
}

/* form formatting columns */

.formrow {
        clear: both;
        /*border:1px solid #f00;*/
}  

.formcol1 {
        float:left;
        width: 240px;
        /*border:1px solid #bbb;*/
        margin: 0;
}

.formcol3 {
        float:left;
        width: 750px;
        /*border:1px solid #bbb;*/
        margin: 0;
}

.formcol2 {
        float:left;
        width: 350px;
        /*border:1px solid #bbb;*/
        margin: 0;
        font-size:12px;
        color:#888;
}

.formcol1 p, .formcol3 p{
        line-height: 1.3;
        padding:0;
        margin: 3px 0 0 80px;
}

.formcol2 p {
        line-height: 1.3;
        padding:0;
        margin: 0 0 0 40px;
}

.formrow input, .formrow textarea, .formrow select {
        margin-top: 2px;
        margin-bottom: 3px;
        border:1px solid #CBBE84;
        font-size:12px;
        color:#888;
}

.button {
        color:#000;
} 

.asterisk{
        color:#f00;
        font-weight: bold;
}

/* show/hide DIV styles */

.hidden { display: none; }
 
.unhidden { display: block; }

/* product table and cell styles */

.prodgrid {
        color:#666;
        margin:45px;
        width:66%;
        padding: 2px;
        /*border:1px solid #888;*/
}

.titlcell {
         font-size: 10px;
         text-align:center;
         vertical-align:top;
         background-color: #ddd;
         color: #444;
}

.prodcell {
         width: 20%;
         font-weight:bold;
         font-size:11px;
         padding:2px;
}

.datacell {
         width: 10%;
         font-size: 10px;
         padding:2px;
}

.eppmcell {
         background-color: #0070c0;
         cursor:hand;
}

.riskcell {
         background-color: #d99795;
         cursor:hand;
}
.cmgrcell {
         background-color: #948b54;
         cursor:hand;
}
.pmgrcell {
         background-color: #953735;
         cursor:hand;
}
.qeicell {
         background-color: #92d050;
         cursor:hand;
}

.lplcell {
         background-color: #e46d0a;
         cursor:hand;
}

.te6cell {
         background-color: #b2a1c7;
         cursor:hand;
}

.rule {
         background-color: #888;
         padding-top: 5px;
         padding-bottom: 5px;
         height: 1px;
}