@import url(print.css) print; 

/* ---------------------------------------------
Screen Stylesheet for New Jersey Legal (www.njlc.net)
Updated:    01/16/2009
Author:     Robert DeBord (rmd@njlc.net)
Website:    http://www.njlc.net
------------------------------------------------- */


html, body {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; background-color: #ffffff;}
#wrapper {text-align: left; padding: 0; background: #FFFFFF; width: 790px; margin: -15px auto -20px auto;}
#banner {width: 790px; margin-top: -10px;}				 
				 
/*---------------------------*/
/* -----NAVIGATION AREA----- */
/*---------------------------*/
#left {float: left; width: 202px; font-size: 10px;}
#NaviBox {padding: 0;}
#ContactBox {padding: 5px; color: #003399; border: 1px solid #E0E0E0; text-align: center;}
#sidesearch {padding: 5px; color: #003399; border: 1px solid #E0E0E0; text-align: center; margin-top: -12px; background-color: #eeeeee;}
#preload {padding: 5px; color: #003399; border: 0; text-align: center;}
						
/*---------------------------------*/
/* -----NAVIGATION FORMATTING----- */
/* ------(NO LONGER IN USE)------- */
/*---------------------------------*/					
.Indent1 {padding-left: 20px;}
.Indent2 {padding-left: 40px;}	

/*---------------------------------------------*/						
/* -----MAIN ORT LOGIN FORM ON LOGIN PAGE----- */
/*---------------------------------------------*/
form#login {width: 430px; margin-left: 50px; padding: 10px; background-color: #F7F7F7; color: #003399; border: 1px solid #003399; font-size: 10px; text-align: right;}
#login .text {font-size: 11px; width: 100px; margin-right: 6px;}
#login .buttons {font-size: 10px; background-color: #000000; color: #FFFFFF; margin-right: 6px;}

/*-------------------------------*/
/* -----SIDE ORT LOGIN FORM----- */								
/*-------------------------------*/
form#login2 {margin-top: -1px; margin-bottom: 25px; padding: 10px; background-color: #FFFFFF; color: #003399; border: 1px solid #E0E0E0;}
#login2 .text2 {width: 140px; margin-right: 6px; background-color: #FDFDFD;}
#login2 .buttons2 {background-color: #333333; color: #FFFFFF; margin-right: 6px;}
									
/*-----------------------------*/
/* -----MAIN CONTENT AREA----- */
/*-----------------------------*/
#content {float: right; width: 570px; background:url(images/bg-content.png); background-repeat:repeat; background-position: center 15%; min-height: 800px;}
#clearfooter {position: relative; height: 20px; clear: both;}
#footer {background-color: #000000; height: 20px; position: relative; font-size: 13px; color: white; text-align: center; font-variant: small-caps; width: 790px; margin: 0 auto;}
#trivia {float: right;width: 570px;}

/*------------------------*/
/* -----NJL BLOG DIV----- */
/*------------------------*/
#njlblog {float: right; width: 200px; background: #ffffff; padding-right: 5px; padding-left: 5px; border: 1px solid #303030; margin-right: 15px; margin-left: 15px; margin-bottom: 15px;}
p.feedTitle {font-size: 20px; text-align: center; padding: 0; margin: 10px 0 10px 0;}
#njlblog ul {margin: 0px 5px 10px 5px; padding: 0; list-style: none;}	
#njlblog li {padding: 0px 0 10px 0;}
#njlblog a {outline-style: none;}
#njlblog a:link {text-decoration: none; color: blue;}			 
#njlblog a:visited {text-decoration: none; color: blue;}
#njlblog a:hover {color: #ffff33; background: #003399;}
#creditfooter {margin-left: auto; width: 90px;}

/*---------------------------------------*/				
/* -----GOOGLE CUSTOM SEARCH ENGINE----- */
/*---------------------------------------*/
#cse-search-results {margin-left: 5px;}				
form#cse-search-box {margin-left: 140px;}
form#cse-sidesearch-box {margin-left: 2px; margin-top: 15px;}																				
										
/*------------------------------------------*/
/* -----FONTS AND LIST ITEM FORMATTING----- */
/*------------------------------------------*/
p {font-size: 13px; color: #003399; padding: 0 15px 0 15px; line-height: 1.3em;}
b {font-weight: bold;}	
li {font-size: 13px; color: #666666;}
ul li.press {list-style: none; font-size: 14px; color: #003399;}
h1 {font-family: "Times New Roman", serif; font-size: 30px; color: #FFFFFF; background:url(images/RoundedTop.png); background-repeat:no-repeat; background-position: center 10%; margin-top: -10px; padding: 15px; padding-top: 25px; font-variant: small-caps; letter-spacing: -.02em; word-spacing: .35em;}
h3 {font-family: "Times New Roman", serif; font-style: italic; font-size: 26px; color: #666666; font-weight: bold; padding: 45px 5px 0 5px; margin-bottom: -0.5em; background-color: #ffffff; letter-spacing: -0.03em; word-spacing: .3em;}	 	
h4 {font-size: 18px; color: #003399; font-weight: normal; padding: 0 5px 0 15px; margin-bottom: -0.5em; border-bottom: 2px solid #003399; letter-spacing: -.03em; word-spacing: .2em;}
sup {font-size: 30%; font-weight: normal;}
blockquote {border : 1px solid #dddddd; color: #003399; width: 400px; text-align: center; margin: 0 auto; padding: 30px; background-color: #ffffff; background-image: url(images/handprint.png); background-repeat: no-repeat; background-position: center right; quotes: "\201C" "\201D"; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
blockquote:before {content: open-quote; font-weight: bold;}
blockquote:after {content: close-quote; font-weight: bold;}
blockquote#philliestrivia {width: 400px; min-height: 125px; background-image: url(images/phillieslogo.png); background-repeat: no-repeat; background-position: center left; -moz-border-radius: 10px; -webkit-border-radius: 10px; quotes: none; margin-bottom: 40px;}
#philliestrivia p {padding-left: 50px; font-size: 20px;}
			 	 
/*---------------------------*/
/* -----LINK FORMATTING----- */
/*---------------------------*/
a {outline-style: none;}
p a:link {text-decoration: none; color: blue;}			 
p a:visited {text-decoration: none; color: blue;}
p a:hover {color: #ffff33; background: #003399;}
#ContactBox a:hover {color: #ffff33; background: #003399;}		
					
/*------------------------------*/
/* -----FORMATTING CLASSES----- */
/*------------------------------*/
.centered {font-size: 11px; text-align: center; text-decoration: underline; font-weight: bold; color: #003399; margin-top: 10px;}
.flashdemo {padding-left: 20px;}
.trivia {color: #003399; font-size: 20px; font-weight: bold; border-bottom: 5px solid #003399; line-height: 0.7em;}
.hint {color: #003399; font-size: 11px; text-align: center;}
.standout {font-weight: bold; color: #4466ff; padding: 5px;}
.summaryoverview {font-weight: bold; padding-right: 10px;}
.bold {font-weight: bold;}							 

/*------------------*/
/* -----IMAGES----- */
/*------------------*/
img {border: 0;}	 
.logo {padding-left: 30px; padding-top: 5px; padding-bottom: 10px;}
.LogoName {margin-left: -7px; margin-top: 20px;}
.banner {padding-top: 5px; padding-left: 10px; }								
.preload {margin-left: -9999px;}
.embed_left {float: left; padding: 20px;}
.embed_right {float: right; padding: 20px;}
.float_right {float: right; padding: 5px;}
.float_left {float: left; padding: 10px;}
.button {margin-left: auto; margin-right: auto; display: block; padding: 20px; height: 150px; width: 150px;}
				 			
/* --------------------------------------------------- */
/* ----- THIS IS CSS FOR THE GARAGE DOORS EFFECT ----- */
/* --------------------------------------------------- */
ul#menuback {margin: 10px auto; list-style: none; background: url(images/menu-bg.jpg); background-repeat:no-repeat; background-position: 40px; width: 400px; overflow: auto;}
ul#menuback li.shutter {width: 200px; height: 100px; display: block; float: left;}
ul#menuback li#shutter1 {background: url(images/question1.png) no-repeat;}
ul#menuback li#shutter2 {background: url(images/question2.png) no-repeat;}
ul#menuback li#shutter3 {background: url(images/shutter-aviary.jpg) no-repeat;}
ul#menuback li#shutter4 {background: url(images/shutter-arcticzone.jpg) no-repeat;}
a.link {width: 200px; height: 100px; display: block; background: url(images/window.png) no-repeat bottom center; text-indent: -9999px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/breadcrumb.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {width:200px; height:252px; background:#FFFFFF; border:1px solid #E0E0E0; border-width:1px 0 0 1px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}
.menu li {width:200px; height:42px; float:left; border-right:1px solid #E0E0E0;}
.menu li a {display:block; width:100%; height:42px; line-height:42px; color:#FFFFFF; text-decoration:none; font-variant: small-caps; font-size:12px; font-family: "lucida grande", arial, sans-serif; text-indent: -9999px; float:left;}
.menu li.sub a {background:url(images/grey.gif) no-repeat 180px center;}
.menu li a:hover {white-space:nowrap; position:relative; color:#FFF000;}
.menu li.sub a:hover {background:url(images/blue.gif) no-repeat 180px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}
.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(images/blue.gif ) no-repeat 180px center; color:#FFF000;}
.menu li.home {background:url(images/Menu_Home.png) no-repeat 10px center;}
.menu li.home a:hover {background:url(images/Menu_Yellow_Home.png) no-repeat 10px center;}
.menu li.services {background:url(images/Menu_Services.png) no-repeat 10px center;}
.menu li.services a:hover {background:url(images/Menu_Yellow_Services.png) no-repeat 10px center;}
.menu li.blog {background:url(images/menu_njl_blog_link.png) no-repeat 10px center;}
.menu li.blog a:hover {background:url(images/menu_njl_blog_link_hover.png) no-repeat 10px center;}
.menu li.tools {background:url(images/Menu_Site_Tools.png) no-repeat 10px center;}
.menu li.tools a:hover {background:url(images/Menu_Yellow_Site_Tools.png) no-repeat 10px center;}
.menu li.about {background:url(images/Menu_About_Us.png) no-repeat 10px center;}
.menu li.about a:hover {background:url(images/Menu_Yellow_About_Us.png) no-repeat 10px center;}
.menu li.downloads {background:url(images/Menu_Downloads.png) no-repeat 10px center;}
.menu li.downloads a:hover {background:url(images/Menu_Yellow_Downloads.png) no-repeat 10px center;}
.menu :hover ul {width:210px; height:auto; left:195px; top:7px; background:#F9F9F9; border:1px solid #E0E0E0;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {width:210px; height:auto; left:205px; top:-1px; background:#F9F9F9; border:1px solid #E0E0E0; border-width:1px 0 1px 1px;}
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; width:0; height:0;}
.menu :hover ul li,
.menu :hover ul li a {width:210px; height:25px; line-height:25px; text-indent:10px; float:none;}
.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a {background:url(images/grey.gif) no-repeat 190px center; color:#777;}
.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover {background:url(images/blue.gif) no-repeat 190px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a {background:url(images/blue.gif) no-repeat 190px center; color:#06f;}
.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a {background:#fcfcfc; color:#777;}
.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover {background:#fcfcfc; color:#06f;}
.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b {display:block; color:#06f; font-weight:normal;}
.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b {display:block; background:#fcfcfc; color:#06f; font-weight:normal;}

/*--------------------------------------------------
-----PRETTYPHOTO LIGHTBOX STYLE GALLERY CSS-----
http://www.no-margin-for-errors.com/projects/prettyPhoto/
--------------------------------------------------*/

/* -- This you can edit -- */

div.pictureHolder .top .left { background: url(images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
div.pictureHolder .top .right { background: url(images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
div.pictureHolder .content { background-color: #fff; } /* Content background */
div.pictureHolder .content a.next:hover { background: url(images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
div.pictureHolder .bottom .left { background: url(images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
div.pictureHolder .bottom .right { background: url(images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
div.pictureHolder .loaderIcon { background: url(images/prettyPhoto/loader.gif) center center no-repeat; } /* Loader icon */
div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(images/prettyPhoto/ttl.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(images/prettyPhoto/ttr.gif) top left no-repeat; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(images/prettyPhoto/ttp.gif) top left repeat-x; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.prettyPhotoOverlay {background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%;}
div.pictureHolder {position: absolute; z-index: 10000; width: 100px;}
div.pictureHolder .top {position: relative; height: 20px;}
* html div.pictureHolder .top { padding: 0 20px; }
div.pictureHolder .top .left {position: absolute; left: 0; width: 20px; height: 20px;}
div.pictureHolder .top .middle {position: absolute; left: 20px; right: 20px; height: 20px;}
* html div.pictureHolder .top .middle { position: static; }
div.pictureHolder .top .right {position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px;}
div.pictureHolder .content {position: relative; text-align: left; width: 100%; height: 40px;}
div.pictureHolder .content .details {display: none; margin: 10px 15px 0 20px;}
div.pictureHolder .content .details p { float: left; clear: left; margin: 0; }
div.pictureHolder .content div.hoverContainer {position: absolute; z-index: 10000; top: 0; left: 0; width: 100%;}
div.pictureHolder .content a.next {position: relative; z-index: 2000; display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */ }	
div.pictureHolder .content a.previous {cursor: pointer; display: block; text-indent: -10000px; width: 49%; height: 100%; background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */ }
div.pictureHolder .content a.close {float: right; display: block; text-indent: -10000px;}
div.pictureHolder .bottom {position: relative; height: 20px;}
* html div.pictureHolder .bottom { padding: 0 20px; }
div.pictureHolder .bottom .left {position: absolute; left: 0; width: 20px; height: 20px;}
div.pictureHolder .bottom .middle {position: absolute; left: 20px; right: 20px; height: 20px;}
* html div.pictureHolder .bottom .middle { position: static; }
div.pictureHolder .bottom .right {position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px;}
div.pictureHolder .loaderIcon {display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px;}
div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
div.prettyPhotoTitle {display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 13px;}
div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight { float: left; width: 19px; height: 23px; overflow: hidden; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { float: left; line-height: 23px; }