/*Style Sheet: City of Newark: LG 07-21-2004 improved commenting*/

/*Overall site parameters */
body {
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	width:100%;
	height:100%;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 12px;
	line-height: 15px;
	color:white;
/*	behavior: url(../common/csshover.htc); */
/* so ie to apply hover effects to other than A */
	/* Tell Netscape4 to ignore what follows.... */ 
	/*/*/ 
	position:absolute;
	/* Okay, we can let NS4 see the rest.... */ 	
	}

td, th {
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 12px;
	line-height: 15px;
	}
/* this makes menus flyout on both IEPC and others */
#flyoutmenu li.sfhover ul, #leftmenu li.flyout:hover ul, #header li.flyout:hover ul, li.flyout:hover ul  {
	display:block;
	}
*/

p, td {	
	padding:0;
	margin:0;
	font-family: Verdana, Helvetica, Arial, san-serif;
	font-size: 12px;
	}
	
p { 
	padding-bottom:.5em;
	}
	
table, td, tr {
	vertical-align:top;
	border:0;	
	margin:0;
	padding:0;
 	border-collapse: collapse;
	border-spacing:0px;
	}

hr {width:80%;
	clear:both;
	}

.mousetype, #leftmenu .mousetype, .mousetype a {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aac;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-top:20px;
	width:auto;
	border:0;
	line-height:0;
	}


/* --------------------------------------- */
/* how do the major areas relate in space? */
/* edit these together to match position   */

div#header {
	height:128px;
	}
	
div#leftmenu {
	margin-top:128px;
	width:206px;
	}

div#leftcontent {
	padding-top: 0px;
	margin-top:-20px;
	}

div#sandbox {
	padding-top: 150px;
	padding-left: 250px;
	padding-right:20px; /*can't use % anymore becuase it destroyed position of editvbugs! */
	}


/* --------------------------------- */
/* everything in center contents area*/
div#sandbox {
	position:relative;
	z-index:1;

	}

h1 {
	font-family: Georgia, times, times new roman, serif;
	font-size: 20px;
	color: #3f4062;
	background-image:url(../sitegraphics/h1-bg.gif);
	background-repeat:repeat-x;
	height:auto;
	line-height:32px;
	}

h2 {
	font-family: Georgia, times, times new roman, serif;
	font-size: 17px;
	font-weight:bold;
	color: #3f4062;
	line-height:1.3em;
	}

	
/*styles for pagelets */  	
.align_right, .right_align {
	text-align:right;
	}

img.align_right, img.right_align {
	float:right;
	width:40%;
	padding-left:12px;
	padding-bottom:12px;
	}

.align_left, .left_align {
	text-align:left;
	}

img.align_left, img.left_align {
	float:left;
	width:40%;
	padding-right:12px;
	padding-bottom:12px;
	}

/* ---------------------------- */
/* everything in the top area   */
div#header {
	background-image:url(../sitegraphics/top-strip.gif);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:10;
	overflow:hidden;
	}


/*------------------------------------*/

div#leftmenu {
	background-image:url(../sitegraphics/left-strip.jpg);
	background-repeat: repeat-y;
	background-position: 0px 106px;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	overflow:none;
	background-repeat: repeat-y;
	z-index:5;
	}

div#leftcontent {
/*	position:relative; */
	}
	
#leftmenu ul{
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	width:250px;
	}

#leftmenu li.flyout {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	width:140px;
	border:0;
	margin-left:-17px;
    voice-family: "\"}\""; /*hide everything that follows from ie5 */
    voice-family: inherit;
	margin-left:0px;
	}
	
#leftmenu a {
	display:block;
	text-decoration:none;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
	color:white;
	border:0;
	width:140px;
	margin:0;
	font-family: Georgia, times, times new roman, serif;
	font-size:15px;
	line-height:16px;
/*	white-space:nowrap;*/
	}

#leftmenu a:hover {
	font-weight:plain;
	color:#fdb;
	}

/* leftmenu flyout submenus*/	
#leftmenu .flyout ul {
	position:absolute;
	clear:both;
	top:10px;
	left:130px; 
	width:180px;
	display:none;
	margin:0;
	border:0;
	padding:0;
	list-style: none;
	}

#leftcontent ul ul li, #leftcontent ul ul li:hover {
	display:block;
	width:180px;
	height:24px;
	border:0;
	padding:0;
	margin:0;
	background-image: url(../sitegraphics/submenu-button.gif); 
	background-repeat:no-repeat;
	margin-left:-17px;
    voice-family: "\"}\""; /*hide everything that follows from ie5 */
    voice-family: inherit;
	margin-left:0px;
	}

#leftcontent ul ul li a {
	display:block;
	width:180px;
	height:24px;
	text-decoration:none;
	padding:0;
	border:0;
	margin:0;
	color:white;
	padding-left:10px;
	font-size:12px;
	line-height:24px;
	}

#leftcontent ul ul li a:hover {
	color:#fdb;
	font-weight:normal
	}

.column {float:left; width:49%}

#sandbox li {margin-bottom:6px;}
#sandbox a { color: #3f4062}

#sandbox td {padding-right:10px;}
#sandbox td.sidebar {width:210px; margin:20px !important; padding-left:10px; padding-right:0;}

.sidebar h1 {
	background-image:none;
	font-family: Georgia, times, times new roman, serif;
	font-size: 17px;
	font-weight:bold;
	color: #3f4062;
	line-height:1.3em;
	}


#sandbox table table {
	padding-left:24px;
	}

#sandbox table table tr {
	background-color:#999977;
	}

#sandbox table table td, #sandbox th {
	border-right:1px solid black;
	border-bottom:1px solid black;
	padding:3px;
	padding-right:20px;
	padding-left:20px;
	}

#sandbox table .plaintable table tr {
	background-color:transparent;
	}

#sandbox table .plaintable table td, #sandbox .plaintable  th {
	border:0;
	border-bottom: 3px double #3f4062;
	font-weight:bold;
	}

	
.c1 {font-weight:bold; color:#FEE}

table table th, table table th.c1 {font-size:14px; text-align:left;}

.captioned {font-weight:bold; font-size:10px; padding-left:20px;text-align:center; color:#3f4062;}

input.button {width:auto; 
	color:white;
	font-size:16px;
	padding:2px 16px;
	background-color:#376B32;
	border:0;
	border-top:3px double white;
	border-bottom:3px double white;
	}

#searchform {display:block; width:150px; text-align:right;}

#searchform input {
	width:145px; 
	margin:0; padding:0;
	margin-left:8px;
	background-color:#5A5B89;
	border:1px solid #3A3B69;
	border-right:1px solid #7A7Ba9;
	border-bottom:1px solid #7A7Ba9;
	height:16px;
	display:inline-block;
	}

#searchform input:focus {
	background-color:white;
	color:black;
	}

#searchform .button {
	display:inline-block;
	height:18px;
	margin:0;
	margin-top:2px;
	width:40px;
	font-size:10px;
	border:1px solid #3A3B69;
	border-top:1px solid #7A7Ba9;
	border-left:1px solid #7A7Ba9;
	padding:0 0 2px 0;
	}

#newsflash {
	position:absolute;
	top:103px;
	left:230px;
	font-weight:bold;
	font-size:10px;
	font-family: verdana, arial, san-serif;
	color:#AEAC6F;
	letter-spacing:.05em;
	}

#address {
	position:absolute;
	top:15px;
	left:800px;
	width:150px;
	text-align:right;
	font-size:10px;
	line-height:13px;
	font-family: verdana, arial, san-serif;
	color:black;
	}

#newsflash a{
	color:#fEfCcF;
	}
	
#calendar {padding-left:10px;}

#calendar h2 {color:white; font-size:14px; margin:0;}	

#calendar ul {
	list-style-type:none;
	font-family:Arial, Helvetica, san-serif;
	border-bottom:3px double #272A4B;
	width:150px;
	margin:0;
	}
	
#calendar li {
	height:auto;
	padding-top:0;
	}
	
#calendar li a {
	font-family:Arial, Helvetica, san-serif;
	line-height:100%;
	color:white;
	height:auto;
	font-size:12px;
	padding-bottom:4px;
	text-decoration:none;
	border-top:3px double #272A4B;
	}

#calendar li a:hover {
	text-decoration:underline;
	}

#calendar li a .cdate {
	color:black;
	font-size:10px;
	font-weight:bold;
	}

#calendar p {
	font-family:Arial, Helvetica, san-serif;
	font-weight:bold;
	margin:0;
	}

#calendar p a { 	font-size:11px; color:white; text-decoration:none;}