@charset "utf-8";
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	


/* 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. */
.gridContainer {width: 97%; padding: 0; margin: 0 auto; background-color: #fff!important;}
#topmast {clear: both; float: left; margin-left: 0; padding-right: 3%; width: 97%; display: block;}
#topmast_rgt {clear: both; float: left; margin-left: 0; width: 100%; display: block; font-size: 80%; text-align: right;}
#topmast_rgt a, #topmast_rgt a:link {color: #000; font-weight: bold; text-decoration: none;}
#topmast_rgt a:visited {color: purple; text-decoration: none;}
#topmast_rgt a:hover {color: #000;	text-decoration: underline;}
#search {clear: both; float: left; margin: 5px 0 5px 0; padding: 0 0 0 2.5%; width: 93%; display: block; text-align:center;}
#srch_box {margin: 0; padding: 0; height: 18px; float: none; border: 2px solid #e5e5e5; width: 40%;}
#srch_bttn {margin: 0 0 0 1.5%; padding-right: 5%; float: right; width: 25.5%; text-align:left;}
#search_space {display: none;}
#content {clear: both; float: left; margin: 0 2.5%; width: 95%; display: block; background-color: #fff;}
#content_home {clear: both; float: left; margin: 0 2.5%; padding: 0; width: 95%; background-color: #fff;}
#content_lft {float: left; margin: 0; padding: 0; width: 100%;}
#content_rgt {float: left; margin: 10px 0 0 0; padding: 0; width: 98.6%; background-image: none; border:none; background-position: bottom; background-repeat: repeat-x;}
#content_rgt_sub {float: left; margin: 10px 0 0 0; padding: 2%; width: 95%; background-image: none; border: 0px solid #8f8f8f; background-position: bottom; background-repeat: repeat-x;}
#newscontent_lft {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 100%;}
.image_newsarchive {display: none;}
.image_newsarchive2 {padding: 0; margin: 0 10px 0 0; border: none; float: right;}
#newscontent_rgt {clear: both; float: left; margin: 0; padding: 0; width: 100%;}
#maintabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 100%;}
.title2 {padding: 0; margin: 0; font-size: 140%; font-weight: bold; text-align: center; color: #00447A; display: none;}
#rgtnav_news {clear: both; float: left; margin: 10px 0 0 0; padding: 0; text-align: center; width: 100%;}	
#multimediatabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; text-align: center; width: 100%;}

#mobilemc {clear: both; margin: 0; padding: 0; width: 100%;}
#mobilemc_box {margin: 0; padding: 0; width: 229px; border: 1px solid #8f8f8f; background-image:url(../images/2_body_bkgd.jpg); background-repeat:repeat-x; background-position:bottom;}
#mobilemc_title {margin: 0; padding: 5px 0 15px 0; color: #316395; font-size: 16px; font-weight:normal; text-align: center;}
.mobilemc_tabs {margin: 0 0 0 3px; padding: 0; color: #316395; font-size: 10px; font-weight:normal; text-align: center; border: 1px solid #8f8f8f; width: 68px; float: left;}
.mobilemc_tabs a, .mobilemc_tabs a:link, .mobilemc_tabs a:visited, .mobilemc_tabs a:hover {color: #316395; font-size: 10px; font-weight:normal; text-decoration:none;}
#mobilemc_vidtitle {margin: 0; padding: 1px 0 1px 7px; color: #666; font-size: 10px; font-weight:normal; text-align: left; border-top: 1px solid #8f8f8f;}

.hpboxcol1 {clear: none; float: left; margin: 10px 0 0 0; padding: 0; width: 100%; border: 1px solid #8f8f8f;}
.hpboxcol2 {clear: none; float: left; margin: 10px 0 0 0; padding: 0; width: 100%; border: 1px solid #8f8f8f;}
.hpboxheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; text-align: center; color: #00447a; font-weight: bold;}
.hpboxcont {position: relative; margin: 0px; padding: 5px; height: 175px;  font-size: 90%; overflow-y:scroll;}
.hpboxcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.frboxcol1 {margin: 0px; padding: 0px; float: left; width: 100%; text-align:center;}
.frboxcont1 {margin: 0; padding: 1%; font-size: 90%; border-right: none; border-bottom: 1px solid #8f8f8f;}
.frboxcont2 {margin: 0; padding: 1%; font-size: 90%; border-right: none; border-bottom: 1px solid #8f8f8f;}
.frboxcont3 {margin: 0; padding: 1%; font-size: 90%; border-bottom: 1px solid #8f8f8f;}
.frboxcont4 {margin: 0; padding: 2px; font-size: 90%;}
.frboxcont1 p, .frboxcont2 p, .frboxcont3 p, .frboxcont4 p {margin: 5px; padding: 0px; text-align:left;}
.frboxcont1 p.heading a, .frboxcont2 p.heading a, .frboxcont3 p.heading a, .frboxcont4 p.heading a {margin: 0px; padding: 0px; color: #00447a; font-weight: bold; text-decoration: none; font-size: 100%;}
.iwantto {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 100%; border: 1px solid #8f8f8f;}
.iwtheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; color: #00447a; font-weight: bold;}
.iwtcont {margin: 0px; padding: 5px; font-size: 90%;}
.iwtcont ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
.iwtcont ul li {margin: 0px; padding: 0px;}
.iwtcont ul li a, .bureaus_col1 a:link {color: #184B76; text-decoration: none; display: inline-block; margin-left: -2px; vertical-align: text-top;}
.iwtcont ul li a:hover {color: #000; text-decoration: underline;}
.eventcont {margin: 0px; padding: 5px; font-size: 90%; height: 145px; overflow:auto;}
.iwtcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.eventcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.ojphome {display: none;}
.clearbr {display: none;}
.ojptopicimg {display: none;}
#newssub_content_lft {display: none;}
#newssub_content_rgt {float: left; margin: 0; padding: 0; width: 98.6%; background-image: none; border:none; background-position: bottom; background-repeat: repeat-x;}
#gallery_out {margin: 0; padding: 0.4%; width: 99.56%; border: 1px solid #8f8f8f;}
#gallery_mid {margin: 0; padding: 0; background-color: #c8c7c7;}
#gallery {width:760px; position:relative; height:60px; margin:0px 0px 20px 0; background-color: #C8C7C7;}
.gallery_text {padding: 0 8%; margin: 0; color: #00447A;}
#videogal {padding: 0; margin: -135px 0 0 0;}
div.videogallery_cont_nf {margin: 20px 0 0 0; padding: 0px; width: 100%;}
.videogallery_cont_nf_lft {text-align: left; float: left; width: 26%; margin: 0; padding: 0 2%;}
.videogallery_cont_nf_rgt {padding: 0; text-align: left; width: 70%; margin: 0; float: left;}
div.rowpr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; clear: both; width: 100%; margin: 0; 	padding: 10px 0 0 0;}
.prcol1 {text-align: left; float: left; font-weight: bold; padding: 0; width: 30%;}
.prcol2 {text-align: left; float: left; padding: 0; width: 70%;}
.nicol1 {text-align: left; float: left; font-weight: bold; padding: 5px 0 0 2px; width: 22%;}
.nicol2 {text-align: left; float: left; padding: 5px 0 0 0; width: 73%;}
.subcol1 {text-align: left; float: left; width: 98%; margin: 0; padding: 0;}
.subcol2 {padding: 0; text-align: left; width: 98%; margin: 0; float: left;}
.subcol1 ul, .subcol2 ul {margin: 0;}
.fundtitle {margin: 15px 0 0 0; padding: 0; color: #666; font-weight: bold; font-family: arial, sans-serif; font-size: 100%;}
#breadcrumbs {margin: 0 0 10px 0; padding: 0px; font-size: 80%;}
.blog1 {margin: 0; padding: 2% 1.5%; background-color: #fff; border-bottom: 1px solid #666;}
.blog2 {margin: 0; padding: 2% 1.5%; background-color: #eaeaea; border-bottom: 1px solid #666;}		
.blogcol1 {margin: 0; padding: 0; width: 20%; float: left;}	
.blogcol2 {margin: 0 0 0 2%; padding: 0; width: 78%; float: left;}
.blogdate {margin: 0 0 5px 0; padding: 0; color: #666; font-weight: bold; font-style:italic;}
.blogcol2 a.more, .blogcol2 a.more:link, .blogcol2 a.more:visited, .blogcol2 a.more:hover {color: #fff; font-size: 100%; font-weight: normal; text-decoration: none; background-color: #364B9A; padding: 1px 5px; border-radius:5px;}
.blogtitle {padding: 0; margin: 10px 0 0 0;}
.blogtitle a, .blogtitle a:link {font-size: 110%; font-weight: bold; color: #184B76; text-decoration: none;}
.blogtitle a:visited {color: purple; text-decoration: none;}
.blogtitle a:hover {color: #993300; text-decoration: underline;}
.blogimg {margin: 0 0 12px 0; padding: 0; border: 1px solid #666; float: none;}
#ocr-news-updates { width: 50%; margin-right: 10px;}

/************************************************************************************
MOBILE TOP NAV
*************************************************************************************/
#mobilenav {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; background-color:#E2E1E1; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; display: block;}
#mainnavigation {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; display: block; background-color:#FFF;}
#homelink {float: left; color: #184B76; margin: 0; padding: 3px 0 0 10px; width: 70px; cursor: pointer; background-image:url(../images/home-icon.png); background-repeat:no-repeat; background-position: 93% 50%; height: 22px; display: block; border-right: none;}
#homelink a, #homelink a:link {margin: 0; padding: 0; text-decoration: none; line-height: 21px; color: #184B76; font-weight: bold; font-size: 12px;}
#homelink:hover {background-color: #E2E1E1;}
/* menu icon */
#menu-icon {color: #184B76; margin-top: 0; font-weight: bold; font-size: 12px; width: 55px; height: 21px; background: #E2E1E1 url(../images/menu-icon.png) no-repeat 5px center; padding: 6px 5px 0 37px; cursor: pointer; border-right: solid 1px #8f8f8f; display: block; float: left; /* show menu icon */}
#menu-icon:hover {background-color: #E2E1E1;}
#menu-icon.active {background-color: #ecebeb;}
/* main nav */
#topnav {position: absolute; top: 0; left: 120px; z-index: 100000000000; width: 58%; 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#topnav {margin: 0; padding: 0;}
#topnav 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:#ecebeb;}
#topnav li.news {padding: 5px 0 0 0;}
#topnav li.first {border-left: none;}
#topnav li.last {border-right: none;}
#topnav a, #topnav ul a {font: inherit; display: inline; padding: 0 0 0 3px;	color: #184B76;font-weight: bold; font-size: 11px; border: none; text-decoration:none;}
#topnav a:hover, #topnav ul a:hover {color: #990703; background-image: none;}
#topnav li.last a {border-right: none; padding: 0 0 0 3px;}
/* dropdown */
#topnav ul {margin: 4px 0 0 0; padding: 0; list-style:none; background-color:#ecebeb;}
#topnav 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; width: 115px; height: 21px; background: #E2E1E1 url(../images/menu-downarw.png) no-repeat 90% 50%; padding: 6px 0 0 5px; cursor: pointer; border-right: solid 1px #8f8f8f; display: block; float: left; /* show menu icon */}
#topic-icon:hover {background-color: #E2E1E1;}
#topic-icon.active {background-color: #ecebeb;}
#topicnavul, #topicnavul2 {padding: 0; margin: 0; display: none; /* visibility will be toggled with jquery */}
#topicnavul li, #topicnavul2 li {width: 96%; margin: 0; padding: 5px; list-style:none; border-bottom: 1px solid #fff; background-color: #184B76;}
#topicnavul li a, #topicnavul2 li a {display: block; color: #fff; width: 100%; text-decoration: none; font-size: 85%; font-weight: bold;}

/************************************************************************************
TICKERS (anythingSlider Carousels) - styling expanded to more breakpoints, revamped, and moved to fluid-slider.css
*************************************************************************************/

/************************************************************************************
MOBILE FOOTER
*************************************************************************************/
#megafooter {clear: both; float: left; margin: 2% 2% 45px 2%; padding: 1%; width: 94%; color: #000000; background-color:#fff; border: 1px solid #8f8f8f;}
#megafooter_cont {margin: 0; padding: 0px; width: 100%; border: none;}
#megafooter_text {margin: 0; padding: 0px; font-size: 10px; font-weight: normal; color: #184B76; background-color: #eaeaea;}
#megafooter_ojp {margin: 0; padding: 2% 0; float: left; text-align: center; width: 100%; font-weight: bold; color: #184B76; background-color: #d2d2d2;}
.ojp_col1 {margin: 10px 0 0 0; padding: 0px; float: left; width: 100%; text-align: left;}
.ojp_col2 {margin: 0px; padding: 0px; float: left; width: 100%; text-align: left;}
.ojp_col1 ul, .ojp_col2 ul {margin: 0 0 0 2%; padding: 0 0 0 10%; list-style-image: url(../images/1_f_rt_dia_bllt.gif);}
.ojp_col1 a, .ojp_col1 a:link, .ojp_col2 a, .ojp_col2 a:link {font-size: 100%; color: #184B76; text-decoration: none;}
.ojp_col1 a:visited, .ojp_col2 a:visited {font-size: 100%; color: purple; text-decoration: none;}
.ojp_col1 a:hover, .ojp_col2 a:hover {font-size: 100%; color: #184B76; text-decoration: underline;}
#bureaus {clear: both; margin: 0px; padding: 2%; float: left; width: 96%; background-color: #eaeaea;}
#bureaus_title {margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px solid #184B76; color: #184B76;}
#bureaus ul {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 16px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
#bureaus ul li {margin: 0px; padding: 0px 0px 3px 0px;}
#bureaus a, #bureaus a:link {color: #184B76; text-decoration: none;}
#bureaus a:visited {color: purple; text-decoration: none;}
#bureaus a:hover {color: #000000; text-decoration: underline;}
a.go-top {position: fixed; bottom: 35px; right: 0; color: #000!important; background-color: rgba(0, 0, 0, 0.2); font-size: 12px; padding: 8px 10px; display: none; text-decoration: none!important;}
a.go-top:visited {color: #000!important; text-decoration: none;}
a.go-top:hover {background-color: rgba(0, 0, 0, 0.6); text-decoration: none; color: #fff!important; font-weight: normal;}
.fixedfooter {position: fixed; bottom: 0; padding-top:1px; padding-bottom: 1px; background-color:#9EB6D8; text-align: center; width: 100%;}
.image_stay {display: none;}

@media only screen and (min-width: 481px) {
#slider1 li div.slide-text p {margin: 10px 0px; width: 68%; font-size: 11px;}
#slider1 li div.slide-title {font-size: 16px; font-weight: bold; color: #00447A; width: 95%;}
#slider1 li div.slide-title2 {font-size: 18px; font-weight: bold; color: #00447A; width: 85%;}
#slider1 li div.slide-title4 {display: none;}
p.text4 {display: block; padding-top: 25px;}
.slide-title3 {font-size: 16px;}
#ocr-news-updates { width: 65%; margin-right: 10px;}	
}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 551px) {
.gridContainer {width: 100%; padding: 0; margin: 0 auto; background-color: #fff!important;}
#topmast {clear: both; float: left; margin: 0 0 30px 0; width: 100%; display: block;}
#topmast_rgt {position: absolute; right: 2.5%; top: 22px; margin-left: 0; display: block; font-size: 80%; text-align: right;}
#search {position: absolute; left: 0; top: 105px; margin: 0; width: 50%; display: block;}
#srch_box {margin: 0; padding: 0; height: 18px; float: none; border: 2px solid #e5e5e5; width: 50%;}
#srch_bttn {margin: 0 0 0 1.5%; padding: 0; float: right; width: 25.5%; text-align:left;}
#search_space {display: none;}
#content {clear: both; float: left; margin: 0 2.5% 0 2.5%; width: 95%; display: block; background-color: #fff;}
#content_lft {float: left; margin: 0; padding: 0; width: 100%;}
#content_rgt {float: left; margin: 10px 0 0 0; padding: 0; width: 100%; background-image: none; border: none; background-position: bottom; background-repeat: repeat-x;}
#content_rgt_sub {float: left; margin: 10px 0 0 0; padding: 2%; width: 95.6%; background-image: none; background-position: bottom; background-repeat: repeat-x; border: 1px solid #000;}
#newscontent_lft {clear: none; float: left; margin: 10px 0 0 0; padding: 0; width: 68%;}
.image_newsarchive {display: inline; padding: 0; margin: 20px 10px 0 0; border: none; float: right;}
.image_newsarchive2 {display: none;}
#newscontent_rgt {clear: none; float: left; margin: 0; padding: 0; width: 32%;}
#maintabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 98.2%;}
.title2 {padding: 0; margin: 0; font-size: 140%; font-weight: bold; text-align: center; color: #00447A; display: none;}
#rgtnav_news {clear: both; float: left; margin: 34px 0 0 0; padding: 0; text-align: center; width: 100%;}	
#multimediatabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; text-align: center; width: 100%;}
.frboxcol1 {margin: 0px; padding: 0px; float: left; width: 50%;}
.frboxcont1 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; min-height: 200px;}
.frboxcont2 {margin: 0px; padding: 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: none; min-height: 200px;}
.frboxcont3 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-bottom: 1px solid #8f8f8f;  min-height: 200px;}
.frboxcont4 {margin: 0px; padding: 2px; font-size: 90%; min-height: 200px;}
.frboxcont1 p, .frboxcont2 p, .frboxcont3 p, .frboxcont4 p {margin: 5px; padding: 0px;}
.frboxcont1 p.heading a, .frboxcont2 p.heading a, .frboxcont3 p.heading a, .frboxcont4 p.heading a {margin: 0px; padding: 0px; color: #00447a; font-weight: bold; text-decoration: none; font-size: 100%;}
.ojphome {display: none;}
#gallery {width:100%; position:relative; height:60px; margin:0px 0px 20px 0; background-color: #C8C7C7;}
#videogal {padding: 0; margin: 0 0 0 0;}
div.videogallery_cont_nf {margin: 20px 0 0 0; padding: 0px; width: 70%;}
.videogallery_cont_nf_lft {text-align: right; float: left; width: 56%; margin: 0; padding: 0 2%;}
.videogallery_cont_nf_rgt {padding: 0; text-align: left; width: 40%; margin: 0; float: left;}
div.rowpr {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; clear: both; width: 100%; margin: 0; 	padding: 10px 0 0 0;}
.prcol1 {text-align: left; float: left; font-weight: bold; padding: 0; width: 15%;}
.prcol2 {text-align: left; float: left; padding: 0; width: 85%;}
.nicol1 {text-align: left; float: left; font-weight: bold; padding: 5px 0 0 2px; width: 10%;}
.nicol2 {text-align: left; float: left; padding: 5px 0 0 0; width: 85%;}
#breadcrumbs {margin: 0 0 10px 0; padding: 0px; font-size: 80%;}
.blog1 {margin: 0; padding: 2% 1.5%; background-color: #fff; border-bottom: 1px solid #666;}
.blog2 {margin: 0; padding: 2% 1.5%; background-color: #eaeaea; border-bottom: 1px solid #666;}		
.blogcol1 {margin: 0; padding: 0; width: 20%; float: left;}	
.blogcol2 {margin: 0 0 0 2%; padding: 0; width: 78%; float: left;}
.blogdate {margin: 0 0 5px 0; padding: 0; color: #666; font-weight: bold; font-style:italic;}
.blogcol2 a.more, .blogcol2 a.more:link, .blogcol2 a.more:visited, .blogcol2 a.more:hover {color: #fff; font-size: 100%; font-weight: normal; text-decoration: none; background-color: #364B9A; padding: 1px 5px; border-radius:5px;}
.blogtitle {padding: 0; margin: 10px 0 0 0;}
.blogtitle a, .blogtitle a:link {font-size: 110%; font-weight: bold; color: #184B76; text-decoration: none;}
.blogtitle a:visited {color: purple; text-decoration: none;}
.blogtitle a:hover {color: #993300; text-decoration: underline;}
.blogimg {margin: 0 0 10px 10px; padding: 0; border: 1px solid #666; float: right;}
#ocr-news-updates { width: 72%; margin-right: 20px;}
#ocr-news-updates h2 { background-color: #184B76; color: #fff; padding: 3px; font-size: .95em; width: auto; text-decoration: none; }
/************************************************************************************
TABLET TOP NAV
*************************************************************************************/
#mobilenav {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; background-color:#E2E1E1; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; display: block;}
#mainnavigation {position: relative; clear: both; float: left; margin: 0; width: 100%; padding: 0; display: block; background-color:#FFF;}
#homelink {float: left; color: #184B76; margin: 0; padding: 3px 0 0 10px; width: 70px; cursor: pointer; background-image:url(../images/home-icon.png); background-repeat:no-repeat; background-position: 93% 50%; height: 22px; display: block; border-right: none;}
#homelink a, #homelink a:link {margin: 0; padding: 0; text-decoration: none; line-height: 21px; color: #184B76; font-weight: bold; font-size: 12px;}
#homelink:hover {background-color: #E2E1E1;}
/* menu icon */
#menu-icon {color: #184B76; margin-top: 0; font-weight: bold; font-size: 12px; width: 55px; height: 21px; background: #E2E1E1 url(../images/menu-icon.png) no-repeat 5px center; padding: 6px 5px 0 37px; cursor: pointer; border-right: solid 1px #8f8f8f; display: block; float: left; /* show menu icon */}
#menu-icon:hover {background-color: #E2E1E1;}
#menu-icon.active {background-color: #ecebeb;}
/* main nav */
#topnav {position: absolute; top: 0; left: 120px; z-index: 100000000000; width: 33%; 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#topnav {margin: 0; padding: 0;}
#topnav 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:#ecebeb;}
#topnav li.news {padding: 5px 0 0 0;}
#topnav li.first {border-left: none;}
#topnav li.last {border-right: none;}
#topnav a, #topnav ul a {font: inherit; display: inline; padding: 0 0 0 3px;	color: #184B76;font-weight: bold; font-size: 11px; border: none; text-decoration:none;}
#topnav a:hover, #topnav ul a:hover {color: #990703; background-image: none;}
#topnav li.last a {border-right: none; padding: 0 0 0 3px;}
/* dropdown */
#topnav ul {margin: 4px 0 0 0; padding: 0; list-style:none; background-color:#ecebeb;}
#topnav ul li {margin: 0; padding: 3px 0 2px 10px; border: none;}

/* topic icon */
#topic-icon {color: #184B76; margin-top: 0; font-weight: bold; font-size: 12px; width: 115px; height: 21px; background: #E2E1E1 url(../images/menu-downarw.png) no-repeat 90% 50%; padding: 6px 0 0 5px; cursor: pointer; border-right: solid 1px #8f8f8f; display: block; float: left; /* show menu icon */}
#topic-icon:hover {background-color: #E2E1E1;}
#topic-icon.active {background-color: #ecebeb;}
#topicnavul, #topicnavul2 {padding: 0; margin: 0; display: none; /* visibility will be toggled with jquery */}
#topicnavul li, #topicnavul2 li {width: 96%; margin: 0; padding: 5px;	list-style:none; border-bottom: 1px solid #fff; background-color: #184B76;}
#topicnavul li a, #topicnavul2 li a {display: block; color: #fff; width: 100%; text-decoration: none; font-size: 85%; font-weight: bold;}

/************************************************************************************
TICKERS (anythingSlider Carousels) - styling expanded to more breakpoints, revamped, and moved to fluid-slider.css
*************************************************************************************/
/************************************************************************************
TABLET FOOTER
*************************************************************************************/
#megafooter {clear: both; float: left; margin: 10px 2% 45px 2.5%; padding: 1%; width: 93.25%; color: #000000; background-color:#fff; border: 1px solid #8f8f8f;}
#megafooter_cont {margin: 0; padding: 0px; width: 100%; border: none;}
#megafooter_text {margin: 0; padding: 0px; font-size: 10px; font-weight: normal; color: #184B76; background-color: #eaeaea;}
#megafooter_ojp {margin: 0; padding: 2% 0; float: left; text-align: center; width: 100%; font-weight: bold; color: #184B76; background-color: #d2d2d2;}
.ojp_col1 {clear: left; margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col2 {margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col1 ul, .ojp_col2 ul {margin: 0 0 0 2%; padding: 0 0 0 10%; list-style-image: url(../images/1_f_rt_dia_bllt.gif);}
.ojp_col1 a, .ojp_col1 a:link, .ojp_col2 a, .ojp_col2 a:link {font-size: 100%; color: #184B76; text-decoration: none;}
.ojp_col1 a:visited, .ojp_col2 a:visited {font-size: 100%; color: purple; text-decoration: none;}
.ojp_col1 a:hover, .ojp_col2 a:hover {font-size: 100%; color: #184B76; text-decoration: underline;}
#bureaus {clear: both; margin: 0px; padding: 2%; float: left; width: 96%; background-color: #eaeaea;}
#bureaus_title {margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px solid #184B76; color: #184B76;}
#bureaus ul {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 16px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
#bureaus ul li {margin: 0px; padding: 0px 0px 3px 0px;}
#bureaus a, #bureaus a:link {color: #184B76; text-decoration: none;}
#bureaus a:visited {color: purple; text-decoration: none;}
#bureaus a:hover {color: #000000; text-decoration: underline;}
a.go-top {position: fixed; bottom: 35px; right: 0; color: #000!important; background-color: rgba(0, 0, 0, 0.2); font-size: 12px; padding: 8px 10px; display: none; text-decoration: none!important;}
a.go-top:visited {color: #000!important; text-decoration: none;}
a.go-top:hover {background-color: rgba(0, 0, 0, 0.6); text-decoration: none; color: #fff!important; font-weight: normal;}
.fixedfooter {position: fixed; bottom: 0; padding-top:1px; padding-bottom: 1px; background-color:#9EB6D8; text-align: center; width: 100%;}
.image_stay {display: none;}
}



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

@media only screen and (min-width: 810px) {
.gridContainer {position: relative; width: 960px; max-width: 960px; min-width: 960px; padding: 0; margin: 10px auto 0 auto; background-color: #fff!important;}
#topmast {clear: both; float: left; margin: 0; padding: 0; width: 100%; display: block;}
#topmast_rgt {position: relative; right: 0; top: 0; float: right; margin-left: 0; padding: 20px 20px 0px 0px; width: 413px; display: block; font-size: 80%; text-align: right; height: 85px;}
#search {position: absolute; right: 0; top: 55px; margin: 0; display: block; width: 100%;}
#srch_box {margin: 0; padding: 0; float: none; height: 18px; border: 2px solid #e5e5e5; width: 21%;}
#srch_bttn {margin: 0 0 0 1%; float: right; padding-right: 15px; width: 10%; text-align:left;}
#search_space {width:60.8%; margin:0; padding: 0; float: left; display: block;}
#content {clear: both; float: left; margin: 0 2%; width: 96.5%; display: block; background-color: #fff;}
#content_home {clear: both; float: left; margin: 0 1.5% 0 2%; padding: 0; width: 96%; background-color: #fff;}
#content_lft {float: left; margin: 0 1% 0 0; padding: 0; width: 23.6%; background-color:#fff;}
#content_rgt {float: right; margin: 0; padding: 0; width: 74.75%; background-image:none; border:none; background-position: bottom; background-repeat: repeat-x;}
#content_rgt_sub {float: left; margin: 0 0 0 0.5%; padding: 1.5%; width: 71.6%; background-image:url(../images/2_body_bkgd.jpg); min-height: 347px; border: 1px solid #8f8f8f; background-position: bottom; background-repeat: repeat-x;}
#newscontent_lft {clear: none; float: left; margin: 10px 0 0 0; padding: 0; width: 74%;}
.image_newsarchive {display: block; padding: 0; margin: 20px 10px 0 0; border: none; float: right;}
.image_newsarchive2 {display: none;}
#newscontent_rgt {clear: none; float: left; margin: 0; padding: 0; width: 26%;}
#maintabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 98.2%;}
.title2 {clear: both; text-align: left; padding: 0; margin: 10px 0 0 0; font-size: 140%; font-weight: bold; color: #00447A; display: block;}
#rgtnav_news {clear: both; float: left; margin: 34px 0 0 0; padding: 0; text-align: center; width: 100%;}	
#multimediatabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; text-align: center; width: 100%;}
.hpboxcol1 {clear: none; float: left; margin: 10px 1% 0 0; padding: 0; width: 67.7%; border: 1px solid #8f8f8f;}
.hpboxcol2 {clear: none; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 30.7%; border: 1px solid #8f8f8f;}
.hpboxheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; text-align: center; color: #00447a; font-weight: bold;}
.hpboxcont {position: relative; margin: 0px; padding: 5px; height: 523px; overflow: auto; font-size: 90%; overflow-y:scroll;}
.hpboxcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.frboxcol1 {margin: 0px; padding: 0px; float: left; width: 50%;}
.frboxcont1 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; min-height: 263px;}
.frboxcont2 {margin: 0px; padding: 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: none; min-height: 263px;}
.frboxcont3 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-bottom: 1px solid #8f8f8f;  min-height: 263px;}
.frboxcont4 {margin: 0px; padding: 2px; font-size: 90%; min-height: 263px;}
.frboxcont1 p, .frboxcont2 p, .frboxcont3 p, .frboxcont4 p {margin: 5px; padding: 0px;}
.frboxcont1 p.heading a, .frboxcont2 p.heading a, .frboxcont3 p.heading a, .frboxcont4 p.heading a {margin: 0px; padding: 0px; color: #00447a; font-weight: bold; text-decoration: none; font-size: 100%;}
.iwantto {clear: both; float: left; margin: 8px 0px 0px 0px; padding: 0px; width: 100%; border: 1px solid #8f8f8f;}
.iwtheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; color: #00447a; font-weight: bold;}
.iwtcont {margin: 0px; padding: 0px 5px 8px 5px; font-size: 90%;}
.iwtcont ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
.iwtcont ul li {margin: 0px; padding: 0px;}
.iwtcont ul li a, .bureaus_col1 a:link {color: #184B76; text-decoration: none; display: inline-block; margin-left: -2px; vertical-align: text-top;}
.iwtcont ul li a:hover {color: #000; text-decoration: underline;}
.eventcont {margin: 0px; padding: 8px 5px; font-size: 90%; height: 168px; overflow:auto;}
.iwtcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.eventcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.ojphome {display: inline;}
#newssub_content_lft {display: block; float: left; margin: 0 1% 0 0; padding: 0; width: 19.6%; background-color:#fff;}
#newssub_content_rgt {margin: 0 0 0 0.5%; padding: 1.5%; width: 75.6%; min-height: 302px; background-image:url(../images/2_body_bkgd.jpg); border: 1px solid #8f8f8f; text-align: left; float: left; background-position: bottom;
background-repeat: repeat-x;}
#news_nav {margin: 0; padding: 0; border: 1px solid #8f8f8f; width: 180px;}	
#gallery_out {margin: 0; padding: 0.4%; width: 98.90%; border: 1px solid #8f8f8f;}
#gallery_mid {margin: 0; padding: 0; background-color: #c8c7c7;}
#gallery {width:760px; position:relative; height:60px; margin:0px 0px 20px 100px; background-color: #C8C7C7;}
.subcol1 {text-align: left; float: left; width: 48%; margin: 0; padding: 0;}
.subcol2 {padding: 0; text-align: left; width: 48%; margin: 0 0 0 20px; float: left;}
.fundtitle {margin: 15px 0 0 0; padding: 0; color: #666; font-weight: bold; font-family: arial, sans-serif; font-size: 100%;}	
#breadcrumbs {margin: 0 0 10px 0; padding: 0px; font-size: 80%;}
.blog1 {margin: 0; padding: 2% 1.5%; background-color: #fff; border-bottom: 1px solid #666;}
.blog2 {margin: 0; padding: 2% 1.5%; background-color: #eaeaea; border-bottom: 1px solid #666;}		
.blogcol1 {margin: 0; padding: 0; width: 20%; float: left;}	
.blogcol2 {margin: 0 0 0 2%; padding: 0; width: 78%; float: left;}
.blogdate {margin: 0 0 5px 0; padding: 0; color: #666; font-weight: bold; font-style:italic;}
.blogcol2 a.more, .blogcol2 a.more:link, .blogcol2 a.more:visited, .blogcol2 a.more:hover {color: #fff; font-size: 100%; font-weight: normal; text-decoration: none; background-color: #364B9A; padding: 1px 5px; border-radius:5px;}
.blogtitle {padding: 0; margin: 10px 0 0 0;}
.blogtitle a, .blogtitle a:link {font-size: 110%; font-weight: bold; color: #184B76; text-decoration: none;}
.blogtitle a:visited {color: purple; text-decoration: none;}
.blogtitle a:hover {color: #993300; text-decoration: underline;}
.blogimg {margin: 0 0 10px 10px; padding: 0; border: 1px solid #666; float: right;}		

/************************************************************************************
TOP NAV
*************************************************************************************/
#mobilenav {display: none;}
#topics-icon {display:none }
#menu-icon {display: none;}
#mainnavigation {position: relative; clear: none; float: left; margin: 5px 0; width: 98.1%; padding: 0; display: block;  text-align: right; background-color:#FFF;}
#topnav li ul {display: none;}
#topnav {position: relative; top: 0; left: 0; z-index: 100000000000;  padding: 0; background: #fff; border-left: none; border-right: none; display: inline!important; /* visibility will be toggled with jquery */ font-size: 12px;}
#topnav li {clear: none; float: none; text-align: right; margin: 0; padding: 0;	border-bottom: none; list-style:none; background-color:#fff; border-right: 1px solid #184B76; line-height: 11px; color: #184B76; display: inline!important;}
#topnav li.news {padding: 0;}
#topnav li.first {border-left: none;}
#topnav li.last {border-right: none;}
#topnav a, #topnav ul a {font: inherit; display: inline; padding: 0 12px 0 12px;	color: #184B76;font-weight: bold; font-size: 11px; border: none; text-decoration:none;}
#topnav a:hover, #topnav ul a:hover {color: #990703; background-image: none;}
#topnav li.last a {border-right: none; padding: 0 1px 0 12px;}
/* dropdown */
#topnav ul {margin: 4px 0 0 0; padding: 0; list-style:none; background-color:#fff; }
#topnav ul li {margin: 0; padding: 3px 0 2px 10px; border: none;}
#leftnavhp {display: none;}
#leftnav {float: left; margin: 0; padding: 0; background-color:#e2e1e1; border: 1px solid #8f8f8f;}
#topicnavul, #topicnavul2 {padding: 0; margin: 0; display: block; /* visibility will be toggled with jquery */}
#topicnavul li, #topicnavul2 li {width: 93.6%; margin: 0; padding: 5px 3%;	list-style:none; border-bottom: none; background-color: #e2e1e1; background-image:url(../images/1_ln_line.gif); background-repeat:no-repeat; background-position: 5px bottom}
#topicnavul li.lastlink, #topicnavul2 li.lastlink {width: 93.6%; margin: 0; padding: 5px 3%;	list-style:none; border-bottom: none; background-color: #e2e1e1; background-image:none; background-repeat:no-repeat; background-position: 5px bottom}
#topicnavul li a, #topicnavul li a:link, #topicnavul li a:visited, #topicnavul2 li a, #topicnavul2 li a:link, #topicnavul2 li a:visited {display: block; color: #184B76; text-decoration: none; font-size: 105%; font-weight: 550; padding: 0 0 0 10px; width: 85%;}
#topicnavul li a:hover, #topicnavul2 li a:hover {color: #990703;}
.ojptopicimg {display: block; margin: 5px 0; padding: 0; text-align: center;}

/************************************************************************************
TICKERS (anythingSlider Carousels) - styling expanded to more breakpoints, revamped, and moved to fluid-slider.css
*************************************************************************************/
/************************************************************************************
FOOTER
*************************************************************************************/
#megafooter {clear: both; float: left; margin: 0.5% 2% 0.5% 2%; padding: 0; width: 96.5%; color: #000000; background-color:#fff; border: none;}
#megafooter_cont {margin: 0 1% 0 0; padding: 0; width: 75.9%; border: 1px solid #8f8f8f;}
#megafooter_cont_news {margin: 0 1% 0 0; padding: 0; width: 72.1%; border: 1px solid #8f8f8f;}
#megafooter_text {margin: 0.5%; padding: 0; font-size: 10px; font-weight: normal; color: #184B76; background-color: #eaeaea; height: 148px;}
#megafooter_ojp {margin: 0.8%; padding: 19px 5px 0px 5px; float: right; text-align: center; width: 50%; font-size: 10px; font-weight: bold; color: #184B76; background-color: #d2d2d2; height: 120px;}
.ojp_col1 {margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col2 {margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col1 ul, .ojp_col2 ul {margin: 0 0 0 2%; padding: 0 0 0 10%; list-style-image: url(../images/1_f_rt_dia_bllt.gif);}
.ojp_col1 a, .ojp_col1 a:link, .ojp_col2 a, .ojp_col2 a:link {font-size: 100%; color: #184B76; text-decoration: none;}
.ojp_col1 a:visited, .ojp_col2 a:visited {font-size: 100%; color: purple; text-decoration: none;}
.ojp_col1 a:hover, .ojp_col2 a:hover {font-size: 100%; color: #184B76; text-decoration: underline;}
#bureaus {clear: none; margin: 0; padding: 6px 10px 4px 10px; float: left; width: 39%; background-color: #eaeaea;}
#bureaus_news {clear: none; margin: 0; padding: 6px 10px 4px 10px; float: left; width: 41%; background-color: #eaeaea;}
#bureaus_title {margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px solid #184B76; color: #184B76;}
#bureaus ul, #bureaus_news ul {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 16px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
#bureaus ul li, #bureaus_news ul li {margin: 0px; padding: 0px 0px 3px 0px;}
#bureaus a, #bureaus a:link, #bureaus_news a, #bureaus_news a:link {color: #184B76; text-decoration: none;}
#bureaus a:visited, #bureaus_news a:visited {color: purple; text-decoration: none;}
#bureaus a:hover, #bureaus_news a:hover {color: #000000; text-decoration: underline;}
a.go-top {position: fixed; bottom: 0; right: 0; color: transparent!important; background-color: transparent; font-size: 12px; padding: 8px 10px; display: none; text-decoration: none!important;}
a.go-top:visited {color: transparent!important; text-decoration: none;}
a.go-top:hover {background-color: transparent; text-decoration: none; color: transparent!important; font-weight: normal;}
.fixedfooter {display: none;}
.image_stay {margin: 0; padding: 0; display: block; border: none; float: right;}
}


@media print {
.gridContainer {position: relative; width: 960px; max-width: 960px; min-width: 960px; padding: 0; margin: 10px auto 0 auto; background-color: #fff!important;}
.gridContainer a:link:after, a:visited:after { content:" "; }
#topmast {clear: both; float: left; margin: 0; padding: 0; width: 100%; display: block;}
#topmast_rgt {position: relative; right: 0; top: 0; float: right; margin-left: 0; padding: 20px 20px 0px 0px; background-image:url(../images/1_ojp_header_bkgd.jpg); background-repeat:no-repeat; width: 413px; display: block; font-size: 80%; text-align: right; height: 85px;}
#search {position: absolute; right: 0; top: 55px; margin: 0; display: block; width: 100%;}
#srch_box {margin: 0; padding: 0; float: none; height: 18px; border: 2px solid #e5e5e5; width: 21%;}
#srch_bttn {margin: 0 0 0 1%; float: right; padding-right: 15px; width: 10%; text-align:left;}
#search_space {width:60.8%; margin:0; padding: 0; float: left; display: block;}
#content {clear: both; float: left; margin: 0 2%; width: 96.5%; display: block; background-color: #fff;}
#content_home {clear: both; float: left; margin: 0 1.5% 0 2%; padding: 0; width: 96%; background-color: #fff;}
#content_lft {float: left; margin: 0 1% 0 0; padding: 0; width: 23.6%; background-color:#fff;}
#content_rgt {float: right; margin: 0; padding: 0; width: 74.75%; background-image:none; border:none; background-position: bottom; background-repeat: repeat-x;}
#content_rgt_sub {float: left; margin: 0 0 0 0.5%; padding: 1.5%; width: 71.6%; background-image:url(../images/2_body_bkgd.jpg); min-height: 347px; border: 1px solid #8f8f8f; background-position: bottom; background-repeat: repeat-x;}
#newscontent_lft {clear: none; float: left; margin: 10px 0 0 0; padding: 0; width: 74%;}
.image_newsarchive {display: block; padding: 0; margin: 20px 10px 0 0; border: none; float: right;}
.image_newsarchive2 {display: none;}
#newscontent_rgt {clear: none; float: left; margin: 0; padding: 0; width: 26%;}
#maintabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; width: 98.2%;}
.title2 {clear: both; text-align: left; padding: 0; margin: 10px 0 0 0; font-size: 140%; font-weight: bold; color: #00447A; display: block;}
#rgtnav_news {clear: both; float: left; margin: 34px 0 0 0; padding: 0; text-align: center; width: 100%;}	
#multimediatabs {clear: both; float: left; margin: 10px 0 0 0; padding: 0; text-align: center; width: 100%;}
.hpboxcol1 {clear: none; float: left; margin: 10px 1% 0 0; padding: 0; width: 67.7%; border: 1px solid #8f8f8f;}
.hpboxcol2 {clear: none; float: left; margin: 10px 0px 0px 0px; padding: 0px; width: 30.7%; border: 1px solid #8f8f8f;}
.hpboxheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; text-align: center; color: #00447a; font-weight: bold;}
.hpboxcont {position: relative; margin: 0px; padding: 5px; height: 495px; overflow: auto; font-size: 90%; overflow-y:scroll;}
.hpboxcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.frboxcol1 {margin: 0px; padding: 0px; float: left; width: 50%;}
.frboxcont1 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f; min-height: 249px;}
.frboxcont2 {margin: 0px; padding: 2px; font-size: 90%; border-right: 1px solid #8f8f8f; border-bottom: none; min-height: 249px;}
.frboxcont3 {margin: 0px; padding: 0px 2px 2px 2px; font-size: 90%; border-bottom: 1px solid #8f8f8f;  min-height: 249px;}
.frboxcont4 {margin: 0px; padding: 2px; font-size: 90%; min-height: 249px;}
.frboxcont1 p, .frboxcont2 p, .frboxcont3 p, .frboxcont4 p {margin: 5px; padding: 0px;}
.frboxcont1 p.heading a, .frboxcont2 p.heading a, .frboxcont3 p.heading a, .frboxcont4 p.heading a {margin: 0px; padding: 0px; color: #00447a; font-weight: bold; text-decoration: none; font-size: 100%;}
.iwantto {clear: both; float: left; margin: 8px 0px 0px 0px; padding: 0px; width: 100%; border: 1px solid #8f8f8f;}
.iwtheader {margin: 0px; padding: 5px; background-color: #e2e1e1; border: 2px solid #fff; font-size: 14px; color: #00447a; font-weight: bold;}
.iwtcont {margin: 0px; padding: 0px 5px 8px 5px; font-size: 90%;}
.iwtcont ul {margin: 0px; padding: 0px 0px 0px 15px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
.iwtcont ul li {margin: 0px; padding: 0px;}
.iwtcont ul li a, .bureaus_col1 a:link {color: #184B76; text-decoration: none; display: inline-block; margin-left: -2px; vertical-align: text-top;}
.iwtcont ul li a:hover {color: #000; text-decoration: underline;}
.eventcont {margin: 0px; padding: 8px 5px; font-size: 90%; height: 168px; overflow:auto;}
.iwtcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.eventcont p {margin: 0px 0px 10px 0px; padding: 0px;}
.ojphome {display: inline;}
#newssub_content_lft {display: block; float: left; margin: 0 1% 0 0; padding: 0; width: 19.6%; background-color:#fff;}
#newssub_content_rgt {margin: 0 0 0 0.5%; padding: 1.5%; width: 75.6%; min-height: 302px; background-image:url(../images/2_body_bkgd.jpg); border: 1px solid #8f8f8f; text-align: left; float: left; background-position: bottom;
background-repeat: repeat-x;}
#news_nav {margin: 0; padding: 0; border: 1px solid #8f8f8f; width: 180px;}	
#gallery_out {margin: 0; padding: 0.4%; width: 98.90%; border: 1px solid #8f8f8f;}
#gallery_mid {margin: 0; padding: 0; background-color: #c8c7c7;}
#gallery {width:760px; position:relative; height:60px; margin:0px 0px 20px 100px; background-color: #C8C7C7;}
.subcol1 {text-align: left; float: left; width: 48%; margin: 0; padding: 0;}
.subcol2 {padding: 0; text-align: left; width: 48%; margin: 0 0 0 20px; float: left;}
.fundtitle {margin: 15px 0 0 0; padding: 0; color: #666; font-weight: bold; font-family: arial, sans-serif; font-size: 100%;}	

/************************************************************************************
TOP NAV
*************************************************************************************/
#mobilenav {display: none;}
#topics-icon {display:none }
#menu-icon {display: none;}
#mainnavigation {position: relative; clear: none; float: left; margin: 5px 0; width: 98.1%; padding: 0; display: block;  text-align: right; background-color:#FFF;}
#topnav li ul {display: none;}
#topnav {position: relative; top: 0; left: 0; z-index: 100000000000;  padding: 0; background: #fff; border-left: none; border-right: none; display: inline!important; /* visibility will be toggled with jquery */ font-size: 12px;}
#topnav li {clear: none; float: none; text-align: right; margin: 0; padding: 0;	border-bottom: none; list-style:none; background-color:#fff; border-right: 1px solid #184B76; line-height: 11px; color: #184B76; display: inline!important;}
#topnav li.news {padding: 0;}
#topnav li.first {border-left: none;}
#topnav li.last {border-right: none;}
#topnav a, #topnav ul a {font: inherit; display: inline; padding: 0 12px 0 12px;	color: #184B76;font-weight: bold; font-size: 11px; border: none; text-decoration:none;}
#topnav a:hover, #topnav ul a:hover {color: #990703; background-image: none;}
#topnav li.last a {border-right: none; padding: 0 1px 0 12px;}
/* dropdown */
#topnav ul {margin: 4px 0 0 0; padding: 0; list-style:none; background-color:#fff; }
#topnav ul li {margin: 0; padding: 3px 0 2px 10px; border: none;}
#leftnavhp {display: none;}
#leftnav {float: left; margin: 0; padding: 0; background-color:#e2e1e1; border: 1px solid #8f8f8f;}
#topicnavul, #topicnavul2 {padding: 0; margin: 0; display: block; /* visibility will be toggled with jquery */}
#topicnavul li, #topicnavul2 li {width: 93.6%; margin: 0; padding: 5px 3%;	list-style:none; border-bottom: none; background-color: #e2e1e1; background-image:url(../images/1_ln_line.gif); background-repeat:no-repeat; background-position: 5px bottom}
#topicnavul li.lastlink, #topicnavul2 li.lastlink {width: 93.6%; margin: 0; padding: 5px 3%;	list-style:none; border-bottom: none; background-color: #e2e1e1; background-image:none; background-repeat:no-repeat; background-position: 5px bottom}
#topicnavul li a, #topicnavul li a:link, #topicnavul li a:visited, #topicnavul2 li a, #topicnavul2 li a:link, #topicnavul2 li a:visited {display: block; color: #184B76; text-decoration: none; font-size: 105%; font-weight: 550; padding: 0 0 0 10px; width: 85%;}
#topicnavul li a:hover, #topicnavul2 li a:hover {color: #990703;}
.ojptopicimg {display: block; margin: 5px 0; padding: 0; text-align: center;}

/************************************************************************************
TICKERS (anythingSlider Carousels) - styling expanded to more breakpoints, revamped, and moved to fluid-slider.css
*************************************************************************************/

/************************************************************************************
FOOTER
*************************************************************************************/
#megafooter {clear: both; float: left; margin: 0.5% 2% 0.5% 2%; padding: 0; width: 96.5%; color: #000000; background-color:#fff; border: none;}
#megafooter_cont {margin: 0 1% 0 0; padding: 0; width: 75.9%; border: 1px solid #8f8f8f;}
#megafooter_cont_news {margin: 0 1% 0 0; padding: 0; width: 72.1%; border: 1px solid #8f8f8f;}
#megafooter_text {margin: 0.5%; padding: 0; font-size: 10px; font-weight: normal; color: #184B76; background-color: #eaeaea; height: 148px;}
#megafooter_ojp {margin: 0.8%; padding: 19px 5px 0px 5px; float: right; text-align: center; width: 50%; font-size: 10px; font-weight: bold; color: #184B76; background-color: #d2d2d2; height: 120px;}
.ojp_col1 {margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col2 {margin: 10px 0 0 0; padding: 0; float: left; width: 50%; text-align: left;}
.ojp_col1 ul, .ojp_col2 ul {margin: 0 0 0 2%; padding: 0 0 0 10%; list-style-image: url(../images/1_f_rt_dia_bllt.gif);}
.ojp_col1 a, .ojp_col1 a:link, .ojp_col2 a, .ojp_col2 a:link {font-size: 100%; color: #184B76; text-decoration: none;}
.ojp_col1 a:visited, .ojp_col2 a:visited {font-size: 100%; color: purple; text-decoration: none;}
.ojp_col1 a:hover, .ojp_col2 a:hover {font-size: 100%; color: #184B76; text-decoration: underline;}
#bureaus {clear: none; margin: 0; padding: 6px 10px 4px 10px; float: left; width: 39%; background-color: #eaeaea;}
#bureaus_news {clear: none; margin: 0; padding: 6px 10px 4px 10px; float: left; width: 41%; background-color: #eaeaea;}
#bureaus_title {margin: 0px; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; border-bottom: 1px solid #184B76; color: #184B76;}
#bureaus ul, #bureaus_news ul {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 16px; list-style-image: url(../images/1_f_lft_dia_bllt.gif);}
#bureaus ul li, #bureaus_news ul li {margin: 0px; padding: 0px 0px 3px 0px;}
#bureaus a, #bureaus a:link, #bureaus_news a, #bureaus_news a:link {color: #184B76; text-decoration: none;}
#bureaus a:visited, #bureaus_news a:visited {color: purple; text-decoration: none;}
#bureaus a:hover, #bureaus_news a:hover {color: #000000; text-decoration: underline;}
a.go-top {position: fixed; bottom: 0; right: 0; color: transparent!important; background-color: transparent; font-size: 12px; padding: 8px 10px; display: none; text-decoration: none!important; }
a.go-top:visited {color: transparent!important; text-decoration: none;}
a.go-top:hover {background-color: transparent; text-decoration: none; color: transparent!important; font-weight: normal;}
.fixedfooter {display: none;}
.image_stay {margin: 0; padding: 0; display: block; border: none; float: right;}	


}