@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

a:link {
	color: #00488f;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #00488f;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #e47919;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #e47919;
	font-weight: bold;
	text-decoration: underline;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#ojp-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#masthead_rgt_top {
	position: relative;
	margin: 10px;
	padding: 0px;
	width:100%;
	
	}
.masthead_nav {
	display: none;
	font-size:11px;}
#search {
	margin: -14% 5% 0 0;
	padding: 0px;
	height: 21px;
	float: right;
	border:0px solid red;
}
#srch_box {
	margin: 0px;
	padding: 0px;
	height: 18px;
	color: #999999;
	border: 2px solid #e5e5e5;
}
#srch_box2 {margin: 0px; padding: 0px; float: left; height: 19px; color: #999999; border: 1px solid #e5e5e5; width: 75%; font-size: 90%;}
#srch_bttn {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: right;
	height: 37px;
	width: 21px;
}
#sub-header-img {float:right; *float:right}
#ovc-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	overflow:hidden;
}
#ovc-img {display: block; margin:0}
#ovc-img-tab {display: none; margin:0}
#ipvs-header {
	clear: both;
	float: left;
	margin:6px 0px 0px 0px;
	padding-top:6px;
	width: 100%;
	display: block;
	border-top: 1px solid #000;
}
h1 {font-size:120%; color:#007893; margin-bottom:20px;}
h2 {font-size:110%; color:#007893; font-style:italic}
h3 {font-size:100%; color:#935117; font-weight:bold}
h4 {font-size:100%; color:#000; font-style:normal; text-decoration:underline}

.line {border-top:1px solid #e47919; margin-top:-10px}
#ipvs-img {display: block; margin:0px}
.ipvs-img-tab {display: none; margin:0px;}
#top-nav {display: none; margin: 0px;}
#toolkit{display: none; margin: 0px}
#toolkit-tab {display: none; float:right;}
.banner-bottom { margin-top:-15px}
#media-box {width: 75%; padding:7%; border:1px solid #0F2941; margin:20px 0px 10px 0px}
.intor_bg {float:right; clear: both}
#left-col {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#left-col-c {
	background-image:url(../images/1_ln_cell.jpg);
	background-repeat:repeat-y;
	margin-top:-4px;
	margin-bottom:-8px;
	padding-left:8px;
	clear:both;
	color:#fff;
	line-height:18px;
	}
#left-col-c a:link {
	color:#fff; 
	font-size:100%; 
	font-weight:normal;
	}
#left-col-c a:hover {
	color:#F5FF00; 
	font-size:100%; 
	font-weight:normal;
	text-decoration:none;
	}
#left-col-c a:visited {
	color:#FFF; 
	font-size:100%; 
	font-weight:normal;
	text-decoration:none;
	}
#left-col-title {
	font-size:120%; 
	color:#fff;
	margin-bottom:8px;
	font-weight:bold;
	}
#content {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: block;
}
#right-col {
	clear: none;
	float: left;
	margin-left: 4.1666%;
	width: 100%;
	display: none;
}
#pfv {display: none; margin-top:20px; font-size:90%}
.date {
	display; block; float:right; font-size:9.5px; color:#000; margin-top:15px; border:1px solid #fff; font-weight:bold}
.pfv-date {
	display; none; width:100%; text-align:right; font-size:11px; color:#000; margin:10px 0px; font-weight:bold}
	
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#footertext {clear: both; font-size: 75%; text-align: center;display: block; border-top:1px solid #000; padding-top: 5px;}
/************************************************************************************
MOBILE TOP NAV
*************************************************************************************/
#mobilenav {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; background-color:transparent;  display: block;}
#mainnavigation {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; display: block; background-color:#FFF;}
/* menu icon */
#menu-icon {color: #184B76; margin-top: 0; font-weight: bold; font-size: 12px; width: 38px; height: 26px; background: #58cee5 url(../images/menu-icon.png) no-repeat 5px center; padding: 10px 5px 0 30px; cursor: pointer; border: solid 0px #8f8f8f; display: block; float: left; /* show menu icon */}
#menu-icon:hover {background-color: #98dff1;}
#menu-icon.active {background-color: #98dff1;}
/* main nav */
#topicnavul {position: absolute; margin: 0; padding: 0; z-index: 100000000000; width: 85%; padding: 0; background: #fff; border-left: solid 1px #ccc; border-right: solid 1px #ccc;  display: none; /* visibility will be toggled with jquery */ font-size: 12px;}
ul#topicnavul {margin: 0; padding: 0;}
#topicnavul li {clear: both; float: none; text-align: left; margin: 0; padding: 5px 5px 3px 0;	border-bottom: solid 1px #ccc; list-style:none; background-color:#98dff1;}
#topicnavul li.indent {padding-left:10px; font-weight:normal}
#topicnavul a, #topnav ul a {font: inherit; none; display: inline; padding: 0 0 0 3px;	color: #184B76;font-weight: bold; font-size: 11px; border: none; text-decoration:none;}
#topicnavul a:hover, #topnav ul a:hover {color: #e47919; background-image: none;}
#topicnavul li.last a {border-right: none; padding: 0 0 0 3px;}
/* dropdown */
#topicnavul ul {margin: 4px 0 0 0; padding: 0; list-style:none; background-color:#98dff1;}
#topicnavul ul li {margin: 0; padding: 3px 0 2px 10px; border: none;}
#leftnavhp {clear: both; float: left; margin: 0; padding: 0; width: 100%;}
#leftnav {float: left; margin: 0; padding: 0; width: 100%; background-color:#CCC;}
/* topic icon */
#topic-icon {color: #184B76; margin-top: 0; font-weight: bold; font-size: 12px; text-align:center; width: 80px; height: 30px; background: #58cee5 url(../images/menu-downarw.png) no-repeat 90% 50%; padding: 6px 0 0 5px; cursor: pointer; border-right: solid 0px #8f8f8f; margin:0px 2px; display: block; float: left; /* show menu icon */}

#topic-icon:hover {background-color: #98dff1;}
#topic-icon.active {background-color: #98dff1;}
#topnav {padding: 0; margin: 0; display: none; z-index:100000000;  /* visibility will be toggled with jquery */}
#topnav li {width: 93%; margin: 0; padding: 5px; list-style:none; border-bottom: 0px solid #ccc; background-color: #98dff1;  border:1px solid #ccc}
#topnav li a {display: block; width: 100%; text-decoration: none; font-size: 85%; font-weight: bold;}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#ojp-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/1_ojp_mast_02_cell.gif);
	background-repeat:repeat-x;
}
#masthead_rgt_top {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 39px;
}
.masthead_nav {
	display: none;
	font-size:11px;}
#search {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	height: 21px;
	float: right;
}
#srch_box {
	margin: 0px;
	padding: 0px;
	height: 18px;
	color: #999999;
	border: 2px solid #e5e5e5;
}
#srch_bttn {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: right;
	height: 37px;
	width: 21px;
}
#sub-header-img {float:right; *float:right}
#ovc-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:12px;
}
#ovc-img {display: none; margin:0}
#ovc-img-tab {display: block; margin:0}
#ipvs-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
 broder-top: 1px solid #000;
 font-size:12px;
}
h1 {font-size:140%; color:#007893; margin-bottom:20px;}
h2 {font-size:120%; color:#007893; font-style:italic}
h3 {font-size:110%; color:#935117; font-weight:bold}
h4 {font-size:100%; color:#000; font-style:normal; text-decoration:underline}
.line {border-top:1px solid #e47919; margin-top:-10px}
#ipvs-img {display: none; margin:0px}
.ipvs-img-tab {display: block; margin:0px}
#top-nav {display: none; margin: 0px;}
#toolkit{display: none; margin: 0px}
#toolkit-tab {display: block; float:right; font-size:10px}
#mobilenav {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; background-color:transparent;  display: none;}
.banner-bottom { margin-top:-12px}
#media-box {width:84%; padding-left:15px; border:1px solid #0F2941; margin:20px 0px 10px 0px}
.intor_bg {float:right; clear: both}
#left-col {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#left-col-c {
	background-image:url(../images/1_ln_cell.jpg);
	background-repeat:repeat-y;
	margin-top:-4px;
	margin-bottom:-8px;
	padding-left:8px;
	clear:both;
	color:#fff;
	line-height:18px;
	}
#left-col-c a:link {
	color:#fff; 
	font-size:100%; 
	font-weight:normal;
	}
#left-col-c a:hover {
	color:#F5FF00; 
	font-size:100%; 
	font-weight:normal;
	text-decoration:none;
	}
#left-col-title {
	font-size:120%; 
	color:#fff;
	margin-bottom:8px;
	font-weight:bold;
	}
#content {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 68%;
	display: block;
}
#right-col {
	clear: none;
	float: left;
	margin-left: 3%;
	width: 25%;
	display: block;
}
#pfv {display: none; margin-top:20px; font-size:90%}
.date {
	display; block; width:100%; font-size:9.5px; color:#000; margin-top:15px; text-align:right; border:0px solid red; font-weight:bold}
.pfv-date {
	display; block; width:100%; text-align:right; font-size:11px; color:#000; margin:10px 0px; font-weight:bold}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	font-size:65%;
	text-align:center;
	display: block;
	border-top:1px solid #ccc;
	padding-top:8px;
}
.ojp-logo {float:left;}
.ovc-logo {float:right; border: 0px solid red; }
#footertext {clear: both; font-size: 75%; text-align: center; border-top:0px solid #000; padding-top: 5px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
body {
	background-color:#ccc;
	}
.gridContainer {
	width: 88.2%;
	max-width: 933px;
	*max-width: 943px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	background-color:#fff;
	overflow:hidden;
	}
#ojp-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(../images/1_ojp_mast_02_cell.gif);
	background-repeat:repeat-x;
}

#masthead_rgt_top {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 39px;
	*top:-70px;
	*width:400px;
	*float: right;
	border:0px solid red;
}
.masthead_nav {
	display: block;
	position: relative;
	font-size:11px;
	float:right;
	margin-top:6px;
	margin-right:-5px;
	*float:left;
	*margin-left:40px;
	*top:-23px;
	border:0px solid red;
	}
#search {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	height: 21px;
	float: right;
}
#srch_box {
	margin: 0px;
	padding: 0px;
	height: 18px;
	color: #999999;
	border: 2px solid #e5e5e5;
	*float: right;
}
#srch_bttn {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: right;
	height: 37px;
	width: 21px;
}
#sub-header-img {float:right; *position: relative; top:-50px; *display: block; *float:right; border:0px solid red; *clear: all; }

#ovc-header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	*height:80px;
	overflow:hidden;
	font-size:12px;
}
#ovc-img {display: block; margin:0}
#ovc-img-tab {display: none; margin:0}
#ipvs-header {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
 broder-top: 0px solid #000;
 font-size:12px;
}
h1 {font-size:160%; color:#007893; margin-bottom:20px;}
h2 {font-size:130%; color:#007893; font-style:italic}
h3 {font-size:120%; color:#935117; font-weight:bold}
h4 {font-size:100%; color:#000; font-style:normal; text-decoration:underline}

.line {border-top:1px solid #e47919; margin-top:-10px}
#ipvs-img {display: block; margin:0px}
.ipvs-img-tab {display: none; margin:0px}
#top-nav {display: block; margin: 0px;}
#toolkit{display: block; float:right; margin: 0px; *margin-top:-33px; *margin-right:10px}
#toolkit-tab {display: none; float:right}
#mobilenav {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; background-color:transparent;  display: none;}
.banner-bottom { margin-top:-9px}
#media-box {width: 75%; padding:7%; border:1px solid #0F2941; margin:20px 0px 10px 0px}
.intor_bg {float:right; clear: both; *position:relative; *top:-23px;}
#left-col {
	clear: both;
	float: left;
	margin-left: 0;
	width: 18.3673%;
	display: block;
	font-size:12px;
	}
#left-col-c {
	background-image:url(../images/1_ln_cell.jpg);
	background-repeat:repeat-y;
	margin-top:-4px;
	*margin-top:-5px;
	margin-bottom:-8px;
	padding-left:8px;
	clear:both;
	color:#fff;
	line-height:18px;
	}
#left-col-c a:link {
	color:#fff; 
	font-size:12px; 
	font-weight:normal;
	}
#left-col-c a:hover {
	color:#F
5FF00; 
	font-size:12px%; 
	font-weight:normal;
	text-decoration:none;
	}
#left-col-title {
	font-size:14px; 
	color:#fff;
	margin-bottom:8px;
	font-weight:bold;
	}
#content {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 59.1836%;
	display: block;
}
#pfv-content {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 97.1836%;
	display: block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:80%;
}
#right-col {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 18.3673%;
	display: block;
}
#pfv {display: block; margin-top:20px; font-size:12px;}
.date {
	clear:none; float: right; 
	margin-left: 2.0408%;
	width: 18.3673%; font-size:11px; color:#000; text-align:center; margin-top:-3px; font-weight:bold}
.pfv-date {
	display; block; width:100%; text-align:right; font-size:11px; color:#000; margin:10px 0px; font-weight:bold}

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size:80%;
	text-align:center;
	border-top:1px solid #ccc;
	padding-top:8px;
}
.ojp-logo {float:left}
.ovc-logo {float:right}
#footertext {clear: both; font-size: 75%; text-align: center;display: block; border-top:0px solid #ccc; padding-top:0px;}
.clear { clear: both}

}