/* Main CSS Styles for DEP OPRA pages */

/*                                    */

/***** Starting Styles */

BODY {

	font-size: 100%;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336666;
}

DIV#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.clear { clear: both; }

/*        Skip Link for Accessibility */
A#skipLink { display:none; }

/***** DEP header blocks */

TABLE#deptop1, TABLE#deptop2 {
	margin: 0px;
	padding: 0px;
	font-size: x-small;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

TABLE#deptop1 TD { background: #336699; }

TABLE#deptop1 TD IMG {
	padding: 0px;
	margin: 0px;
}

TABLE#deptop1 TD#cellNJGov {
	background: #336699;
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
}

TABLE#deptop1 TD FORM#seek INPUT {

	font-size: x-small;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 30px;

}



TD#txtSeek {

	font-size: x-small;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	vertical-align: middle;

	font-weight: bold;

	line-height: 30px;

}



TABLE#deptop2 TD { 

	background-color: #003366;

	padding: 0px;

	height: 30px;

	margin: 0px;

}



TABLE#deptop2 TD IMG{ 

	padding: 0px;

	margin: 0px;

}



TABLE#deptop2 TD#deptop2banner {

	background-color: #003366;

	padding: 0px;

	height: 30px;

	margin: 0px;

	background-image: url(../images/deptitlebgsm.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

}



/**** OPRA Web Site Title Block */



#programTitle { width: 100%; }



#programTitle IMG {

	margin-top: 3px;

	margin-bottom: 1px;

	margin-left: 15px;

}





/**** Breadcrumbs Styles */



#crumbs, #crumbs A {

	font-family: "Lucida Grande", Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;

	color: #006600;

	text-decoration: none;

	whitespace: nowrap;

	font-size: 11px;

	font-weight: bold;

	margin-bottom: 15px;

}



#crumbs A:hover {

	color: #003366;

	text-decoration: underline;

}



#crumbs A.current {

	color: #000000;

	display: inline;

	font-weight: normal;

}



/* Optional Left Menu Styles */



TD#MenuLeft {

	padding-right: 5px;

}



TD#MenuLeft H3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #336666;

	text-decoration: none;

	font-weight: bold;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #336666;

	border-bottom-color: #336666;

	margin-bottom: 3px;

}



TD#MenuLeft DIV.menu {

	padding: 0px;

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



TD#MenuLeft DIV.menu UL {

	padding: 0px;

	margin: 0px;

	text-align: left;

	list-style-type: none;

}



TD#MenuLeft DIV.menu UL LI {

	font-family: Arial, Helvetica, sans-serif;

	color: #336666;

	margin-left: 0px;

	padding-left: 15px;

	border-bottom-width: .35em;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

	background-image: url(../images/blue_arr.gif);

	background-repeat: no-repeat;

	background-position: left center;

}



TD#MenuLeft DIV.menu A,

TD#MenuLeft DIV.menu A:link,

TD#MenuLeft DIV.menu A:visited {	

	display: block;

	width: 100%;

	color: #003333; 

	text-decoration: none; 

}



TD#MenuLeft DIV.menu A:active {

	color: #003333; 

	text-decoration: none; 

}



TD#MenuLeft DIV.menu A:hover {

	color: #006699;

	text-decoration: underline;

}



/**** Footer Block Styles */



#footer {

	background-color: #FFFFFF;

}



#footer TD#footerBlock P {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 10px;

	color: #000000;

	padding-left: 5px;

}



#footer IMG { right: 10px; }



/* Info Styles */

.fileinfo, .dateinfo, .linkNote {
	font-family: "Lucida Grande", Verdana, Geneva, Arial, Lucida, Helvetica, sans-serif;
	font-size: smaller;
	color: #666666;

}

.fileinfo, .dateinfo {	white-space: nowrap; }

.smaller {

	font-size: smaller;

}

.phone {

	white-space: nowrap;

}

LI {

	margin-bottom: 1.0em;

}



.highlighted {

	background-color: #F8F3DE;

	padding-top: 1px;

	padding-right: 2px;

	padding-bottom: 1px;

	padding-left: 2px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-bottom-style: solid;

	border-left-style: solid;

	border-bottom-color: #EDE0B6;

	border-left-color: #EDE0B6;

}

U {
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
