@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #dbdbdb;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	}
#container {
	width: 960px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left; 
	}
#pfv-container {
	width: 700px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #ccc;
	text-align: left; 
	}
.pfv-text {
	width:680px;
	font-size:80%;
	padding:10px;
	text-align: left; 
	}
@media print {
	BODY {color: #000; background: none;} 
}


#header {
	width: 960px;
	height:auto;
	background-image: url(../images/1_ojp_mast_02_cell.gif);
	background-repeat:repeat-x;
	padding: 0 0 0 0;
	border:0px solid #000;  
	}
.title {
	font-size:20px;
	font-weight:bold;
	color:#336699;
	}
.l1 {
	font-size:18px;
	font-weight:bold;
	color:#5e80a2;
	}
.l2 {
	font-size:16px;
	font-weight:bold;
	color:#525050;
	}
.l3 {
	font-size:13px;
	font-weight:bold;
	color:#525050;
	}
#top-nav {
	width:855px;
	margin-left:53px}
#mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
	font-style:12px;
	}
#m-links {
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#32415b;
	border:0px solid #000;
	margin:0px 0px 15px 0px;
	width:150px;
	}
#m-links-about {
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	color:#32415b;
	border:0px solid #000;
	margin:0px 0px 15px 0px;
	width:160px;
	}
#f-size {
	text-decoration:none;
	}
#about-text {
	display:block; 
	float:left; 
	width:530px; 
	font-size:13px;
	padding: 0px 0px 0px 3px;
	}
.first	{
	 float: left;
	 font-size: 250%;
	 line-height: 0.85em;
	 margin-right: 0.03em;
	 margin-bottom:-0.25em;
	 color:#666666;
	}
.text {
	padding:0px 35px 6px 35px;
	text-align:left;
	font-size:12px;
	color:#525050;
	border:0px solid #000;
	}
.clear {clear:both;}

#footer { 
	width:855px;
	margin-left:52px;
	padding: 5px 0px 10px 0px; 
	background:#fff;
	text-align:center;
	font-size:10px;
	letter-spacing:-1px;
	color:#525050;
	border: 0px solid #000;
	margin-top:20px;
	margin-bottom:20px;
	} 
#footer p {
	margin: 0; 
	padding: 5px 0px 5px 0px;
	}
#footer a {
	font-weight: normal;
	color: #2159AD;
	padding:0px;
	}

#footer a:visited {
	font-weight: normal;
	color: #7B64FF;
	padding:0px;
}
#footer a:hover {
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	padding:0px;
}
a:link {
	font-weight: normal;
	color: #2159AD;
	text-decoration: underline;
	padding:0px;
}
a:visited {
	font-weight: normal;
	color: #7B64FF;
	text-decoration: underline;
	padding:0px;
}
a:hover {
	font-weight: normal;
	color: #FF0000;
	text-decoration: underline;
	padding:0px;
}


#box-frame {
	width:865px; 
	border:0px solid #000; 
	padding: 15px 0px 15px 0px;
	}

/* Ads*/
#ads {
    width: 660px;
	height:100px;
    margin: 0 auto;
	text-align:center;
	padding:6px;
    position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
/* End Ads*/

/* scrolling images */
#slider {
    width: 815px;
	height:112px;
    margin: 0 auto;
    position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
.scroll {
	overflow: hidden;
	width: 815px;
    margin: 0 auto;
    position: relative;
	}
.scrollContainer {
	position: relative;
	}
.scrollContainer div.panel {
    padding: 10px;
    width: 140px;
	height: 104px;
	}
.inside {
	padding: 0px;
	}
.inside img {
	display: block;
	border: 0px solid #666;
	margin: 0 0 0px 0;
	width: 140px;
	}
.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 11px;
	margin: 0 0 0px 0;
	}
.inside p {
	font-size: 11px;
	color: #ccc;
	}
.scrollButtons {
    position: absolute;
    top: -1px;
    cursor: pointer;
	}
.scrollButtons.left {
    left: -22px;
	}
.scrollButtons.right {
    right: -20px;
	}
.hide {
    display: none;
	}
/* End scrolling images */

/* secondary pages */
.lines {
	margin-bottom:-13px;
	}
.top-cell {
	background-image: url(../images/2_cont_top.jpg);
	background-repeat:no-repeat;
	font-size:13px;
	color: #336699; 
	font-weight:bold; 
	text-align:left; 
	padding:13px 0px 10px 40px; 
	margin:0;
	text-decoration:none;
	}
.top-cell2 {
	background-image: url(../images/2_cont_top.jpg);
	background-repeat:no-repeat;
	font-size:13px;
	color: #336699; 
	font-weight:bold; 
	text-align:left; 
	padding:3px 0px 0px 40px; 
	margin:0;
	text-decoration:none;
	}
.top-cell a {
	color: #336699; 
	font-weight:bold; 
	text-align:left; 
	margin:0;
	text-decoration:none;
	}

.top-cell2 a{
	font-size:13px; 
	color: #336699; 
	font-weight:bold; 
	text-align:left; 
	margin-top:-20px;
	text-decoration:none;
	}
.mid-cell {
	background-image: url(../images/2_cont_cell.jpg);
	background-repeat:repeat-y;
	}
.bottom-cell {
	background-image: url(../images/2_cont_bttm.jpg);
	background-repeat:no-repeat;
	}
.mid-cell p {
	background-image: url(../images/arrow-blu.gif);
	background-repeat:no-repeat;
	font-size:12px;
	color:#000;
	text-align:left; 
	padding:1px 2px 3px 15px; 
	margin:5px 0px 0 10px; 
	border:0px solid #000; width: 240px;
	}
.box-intro {
	display:block; 
	margin:6px 0px 12px 12px;
	width:260px; 
	border:0px solid #000;
	color:#000;
	}
	
/* End secondary pages */

/* Third level pages */

.section-header {
	text-align:right; 
	font-size:10px; 
	color:#999999; 
	padding-right:3px;}

.section-header a {
	font-weight: normal;
	color: #2159AD;
	text-decoration: none;
	padding:0px;
	}

.section-header a:visited {
	font-weight: normal;
	color: #7B64FF;
	text-decoration: none;
	padding:0px;
}
.section-header a:hover {
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
	padding:0px;
}

.menuhead {
	background-image:url(../images/3_ln_top.gif); 
	background-repeat:no-repeat; 
	height:21px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	text-align:center; 
	color:#fff; 
	padding-top:3px}

.menuhead2 {
	background-image:url(../images/3_ln_top_2.jpg); 
	background-repeat:no-repeat; 
	height:42px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	text-align:center; 
	color:#fff; 
	padding-top:3px}

.menuhead2 a{
	height:42px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	text-align:left;
	text-decoration:none; 
	color:#fff; 
	padding-top:3px}


.menuhead a{
	height:21px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:15px; 
	font-weight:bold; 
	text-align:left;
	text-decoration:none; 
	color:#fff; 
	padding-top:3px}

.menuheadertext {
	font-size:11px;
	color:#000;
	padding:0px;}
	
.menuheadertext2 {
	font-size:11px;
	color:#000;
	font-weight:bold;
	background-color:#d7e3ef;
	border-bottom:1px solid #ccc;
	padding:5px;}

.menuheadertext2 a {
	text-decoration:none;
	color:#000;
	}

.menuheadertext3 {
	font-size:11px;
	color:#000;
	font-weight:bold;
	background-color:#d7e3ef;
	border-bottom:0px solid #ccc;
	padding:5px 5px 0px 5px;}

.menuheadertext3 a{
	text-decoration:none;
	color:#000;}


.sectitle {
width:223px;
font-size:11px;
color:#000;
font-weight:normal;
background-color:#e8eff6;
border-bottom:1px solid #ccc;
padding:5px;}

.sectitle a {
text-decoration:none;
color:#000;
}

#level3-text {
	padding:0px 5px 0px 243px; 
	border:0px solid #000}
#sidebox {
	float:right; 
	width:195px; 
	border:1px solid #255482;
	margin:8px;
	font-size:11px;}
#sidebox ul{
	width:165px; 
	border:0px solid #255482;
	margin:0px 0px 0px 0px;
	padding-left:28px;
	font-size:11px;}

#sidebox-head {
	width:185px; 
	padding:5px; 
	font-size:11px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	background-color:#5E80A2}	
#sidebox-text p{
	padding:6px;
	margin:5px 0px 0px 0px; 
	font-size:11px;
	}

#textbox { width:380px; 
	border:1px solid #255482;
	margin:8px 0px 8px 0px;
	font-size:11px;}
#textbox ul{
	width:340px; 
	border:0px solid #000;
	margin:0px 0px 0px 0px;
	padding-left:30px;
	font-size:11px;}

#textbox-head {
	padding:5px; 
	font-size:11px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	background-color:#5E80A2}	
#textbox-text p {
	padding:8px;
	margin:5px 0px 0px 0px; 
	font-size:11px;
	}
#textbox-text li {
	padding:8px;
	margin:5px 0px 0px 0px; 
	font-size:11px;
	}
#textboxw { 
	width:580px; 
	border:1px solid #255482;
	margin:8px 0px 8px 15px;
	font-size:11px;
	}
#textboxw p.quote {
	display:block; 
	margin:0px 35px 10px 40px;}

#toolbox {
	float:right; 
	width:195px; 
	border:1px solid #255482;
	margin:8px;
	font-size:11px;}
#toolbox ul{
	width:165px; 
	border:0px solid #255482;
	margin:0px 0px 0px 6px;
	padding-left:20px;
	font-size:11px;}

#toolbox-head {
	width:185px; 
	padding:5px; 
	font-size:11px; 
	font-weight:bold; 
	color:#ffffff; 
	text-align:center; 
	background-color:#5E80A2}	

#toolbox-text p{
	padding:8px;
	margin:5px 0px 0px 0px; 
	font-size:11px;
	}

#navbox {
	float:right; 
	width:195px; 
	border:1px solid #255482;
	margin:8px;}
#navbox ul{
	width:165px; 
	border:0px solid #255482;
	margin-left:0px;
	padding-bottom:0px;
	padding-left:20px;
	font-size:11px;
	}

#navbox-head {
	width:185px; 
	padding:5px; 
	font-size:11px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	background-color:#003360}	
#sidebox-text p{
	padding:6px;
	margin:5px 0px 0px 0px; 
	font-size:11px;}
#columns {
	padding: 0px;
	margin: 12px 0px 0px 0px;}
.col1 {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	width: 120px;}
.col2 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 455px;}
.col1b{
	padding: 0px 2px 0px 10px;
	margin: 0px;
	float: left;
	width: 220px;}
.col2b{
	padding: 0px 12px 0px 20px;
	margin-left: -10px;
	float: left;
	width: 300px;
	border:0px solid #000}
.types_col1 {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	width: 30px;}
.types_col2 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 555px;}
.types_col3 {
	padding: 0px 0px 12px 0px;
	margin: 0px;
	float: left;
	width: 340px;}
.types_col4 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 340px;}
.svs_col1 {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	width: 30px;}
.svs_col2 {
	padding: 0px;
	margin: 0px;
	float: left;
	width: 250px;}
.quote {
	display:block; 
	margin:0px 35px 0px 40px;
	}
ul li {
	margin-bottom:13px;}
ul li ul {
	padding: 0px 0px 0px 13px;}
ul li ul li {
	margin: 13px 0px;}
ol li {
	margin-bottom:13px;}
th.header {
	color:#ffffff; 
	text-align:center; 
	background-color:#5E80A2}	
table.datacollected {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;}
table.datacollected td {
	border-bottom: 1px solid  #999999;}
table.datacollected th {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;}	
table.dataeval  {
	border: 1px solid #999999;}	
table.dataeval th  {
	border-right: 1px solid  #999999;
	border-bottom: 1px solid  #999999;}
table.dataeval td  {
	padding: 5px;
	border-right: 1px solid  #999999;}

/* End rhird level pages */

/* sticky tip */
.stickytooltip{
box-shadow: 0px 0px 0px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 0px 0px 0px #818181;
-moz-box-shadow: 0px 0px 0px #818181;
display:none;
position:absolute;
display:none;
border:0px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}
/* End end sticky */