@charset "utf-8";
/* CSS Document */

*/

body {
width:1024px;
margin:0 auto;
margin-top:30px;
background:#000000;
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
}



/* ----- HEADER ----- */



#header {
width:1024px;
height:150px;
background:url(images/NJBAGbg_01.gif) no-repeat; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
text-align:center;
background-color:#000000;
}



#headerW {
width:1024px;
height:150px;
background:url(images/NJBAGbg_01.gif) no-repeat; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
text-align:center;
background-color:#000000;
}

/* header
----------------------------------------------- */

#navWrap {
	width: 1024px;
	height: 148px;
	clear: both;

	}

#nav {
	background: transparent url(images/BAGEastNav.gif) 0 0 no-repeat;
	width: 1024px;
	height: 148px;
	position: relative;	

	}

	
#nav ul {
	margin: 0;
	padding: 0;
	}

#nav li {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	display: block; 
	line-height: 48px; 
	position: absolute; 
	text-indent: -9999px; 
	text-align: center;
	}
	
#nav a {
	display: block; 
	text-decoration: none;   
	overflow: hidden;
	}	
#nav6 {
	left: 0px;
	top: 0px;
	width: 281px;
	height: 166px;
}		
#nav0 {
	left: 281px;
	top: 99px;
	width: 109px;
	height: 51px;
}	
#nav1 {
	left: 390px;
	top: 99px;
	width: 112px;
	height: 51px;
}
#nav2 {
	left: 502px;
	top: 99px;
	width: 120px;
	height: 51px;
}
#nav3 {
	left: 622px;
	top: 99px;
	width: 135px;
	height: 51px;
}
#nav4 {
	left: 757px;
	top: 99px;
	width: 127px;
	height: 51px;
}
#nav5 {
	left: 884px;
	top: 99px;
	width: 119px;
	height: 51px;
}

#nav0 a:hover, #nav0 .on {background: url(images/BAGWestNav.gif) -281px -247px no-repeat; }	
#nav1 a:hover, #nav1 .on {background: url(images/BAGWestNav.gif) -390px -247px no-repeat; }	
#nav2 a:hover, #nav2 .on {background: url(images/BAGWestNav.gif) -502px -247px no-repeat; }	
#nav3 a:hover, #nav3 .on {background: url(images/BAGWestNav.gif) -622px -247px no-repeat; }	
#nav4 a:hover, #nav4 .on {background: url(images/BAGWestNav.gif) -757px -247px no-repeat; }	
#nav5 a:hover, #nav5 .on {background: url(images/BAGWestNav.gif) -884px -247px no-repeat; }

#RolloverNav {
	position:absolute;
	color:#000000;
	left:295px;
	top:110px;
	width:734px;
	height:30px;
	z-index:1;
}


/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:1024px;
background:url(images/NJBAGbg.gif) no-repeat; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
background-color:#000000;

margin-top:0px;
}


/* ----- NAVIGATION ----- */



#navigation {
width:250px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-left:10px;
margin-top:0px;
float:left;
color:#FFFFFF;
}


/* ----- MAIN CONTENT ----- */



#content { 
margin-left:290px;
width:720px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
color:#FFFFFF;
margin-top:10px;
}


#menu_content { 
position:relative;
text-align:center;

width:620px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
color:#FFFFFF;
margin-top:0px;
}


/* ----- FOOTER ----- */

#line {
border-top:1px dashed #ffffff;
position:relative;
width:900px;
}

#footer { 

margin-top:10px;
width:1024px;
height:100px;
background:url(images/bottom-round.gif) no-repeat; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
color:#FFFFFF;
text-align:center;
background-color:#000000;
}
