/* ----------------------------------------------
   doj-main-frontpage.css
   
   this page defines the look/feel of the entry page.
   
   ---------------------------------------------- */

body	{
		}

h1		{
		font-family:		Geneva, Arial, Helvetica, sans-serif;
		font-size:			1em;
		text-transform:		uppercase;
		margin:				0px;
		margin-bottom:		2px;
		}



/* ---------------
   - H E A D E R -
   --------------- */
div#header		{
				background-image:			url(../images/Main-Header.jpg);
				background-position:		center;
				background-repeat:			no-repeat;
				height:						120px;
				}
				
div#header h1	{
				}


div#header p.skipToContent	{
							margin-left:	.5em;
							margin-top:		84px;
							}	


/* ---------------------------------
   - M A I N   N A V I G A T I O N -
   --------------------------------- */				
div#mainNavigation 	{

					}
					
div#mainNavigation ul	{
						
						}

div#mainNavigation ul li 	{
							}
											
div#mainNavigation ul li:hover	{
								}


/* -------------------------------------------
   - S E C O N D A R Y   N A V I G A T I O N -
   ------------------------------------------- */				

div#secondaryNavigation		{
							background-image:		url(../images/ProgramsServicesBack.gif);
							background-repeat:		repeat-y;
							background-position:	center;
							border:					none;
							border-bottom:			1px solid #000000;
							font-family:			Arial, Helvetica, sans-serif;
							font-size:				.6em;
							margin-top:				10px;
							width:					180px;
							padding-bottom:			6em;

							}

div#secondaryNavigation h1	{
							font-family:			Verdana, Arial, Helvetica, sans-serif;
							font-size:				1em;
							text-transform:			uppercase;
							color:					#FFFFFF;
							text-align:				left;
							letter-spacing:			.12em;
							margin:					0px;
							padding-left:			.3em;
							background:				none;	
							background-image:		url(../images/HeaderBar.gif);
							background-position:	bottom right;
							background-repeat:		no-repeat;
							line-height:			1.8em;		
							}
							
div#secondaryNavigation h2	{
							font-size:			1em;
							text-transform:		uppercase;
							font-family:		Verdana, Arial, Helvetica, sans-serif;
							padding-left:		2px;
							letter-spacing:		0em;
							}							

div#secondaryNavigation ul	{
							margin:		0px;
							}

div#secondaryNavigation ul li	{
								margin:			5px;
								margin-left:	10px;
								line-height:	1.1em;
								margin-bottom:	4px;
								}

div#secondaryNavigation ul li a		{
									color:				#550000;
									text-decoration:	none;
									}

div#secondaryNavigation ul li a:hover	{
										color:				#550000;
										text-decoration:	underline;
										}									


/* ---------------------------
   - M A I N   C O N T E N T -
   --------------------------- */
div#mainContent		{
					font-family:	Verdana, Arial, Helvetica, sans-serif;
					font-size:		.7em;
					margin-left:	190px;
					position:		relative;
					_height:			1%;
					_margin-top:		-1.1em;
					}


div#mainContent h1	{
					background-image:		url(../images/HeaderBar.gif);
					background-position:	bottom right;
					background-repeat:		no-repeat;	
					color:					#FFFFFF;
					text-align:				center;
					font-size:				1.1em;
					letter-spacing:			.5em;
					margin:					0px;
					padding:                0px;
					line-height:			1.4em;
					font-family:			Geneva, Arial, Helvetica, sans-serif;
					font-weight:			bold;
					}
					
div#mainContent p		{
						margin-top:			2px;
						}


/* -------------------------
   - N E W S   C O L U M N -
   ------------------------- */	
div#newsColumn		{
					padding:		0px;
					margin:			0px;
					width:			180px;
					position:		absolute;
					top:			1.75em;
					left:			394px;
					/*right:			0px;*/

					}   
   		
div#newsColumn div.topElement
					{
				margin-top:				2px;
					}	
					
div#newsColumn div.bottomElement
					{
				margin-top:				1em;					
					}	
					
														
/* -------------------------
   - L A T E S T   N E W S -
   ------------------------- */

div#latestNews	{
				position:				relative;
				background-image:		url(../images/secondaryContentBack.jpg);
				background-position:	center;
				background-repeat:		repeat-y;
				border-bottom:			1px solid #000000;		
				}	

div#latestNews p	{
					margin:				1em;
					margin-left:		5px;
					font-size:			.9em;
					
					}
				
div#latestNews p a			{
							color:				#333399;
							text-decoration:	underline;
							}
					
div#latestNews p a:hover	{
							color:		#FFCC00;
							}
					
					

div#latestNews p.moreHeadlines		{
									margin-bottom:		1em;
									text-align:			center;
									}
								
div#latestNews p.moreHeadlines a	{
									font-weight:		bold;
									color:				#000066;
									letter-spacing:		.1em;
									text-decoration:	underline;
									}

div#latestNews p.moreHeadlines a:hover	{
										color:				#FFCC00;
										}									

										
/* ------------------------
   - M E G A N S   L A W  -
   ------------------------ */

div#megansLaw	{
				position:				relative;
				background-image:		url(../images/secondaryContentBack.jpg);
				background-position:	center;
				background-repeat:		repeat-y;
				border-bottom:			1px solid #000000;		
				text-align:				center;
				padding-bottom:			2em;
				}
				
div#megansLaw h1			{
							}	
							
div#megansLaw h2			{
							font-size:			1em;
							font-weight:		bold;
							}							

div#megansLaw p.tagline			{
								text-align:		center;
								font-size:		.9em;
								letter-spacing:	.05em;
								text-transform:	uppercase;
								}							

div#megansLaw p.description		{
								text-align:		center;
								font-weight:	bold;
								}


div#megansLaw img.meagansMap	{
								margin:			2px;
								border:			1px solid #000000;
								position:		relative;
								}	
								
div#megansLaw p.meaganSearch	{
								text-align:			center;
								font-size:			1.2em;
								font-weight:		bold;
								margin-top:			0em;
								margin-bottom:		.5em;
								}			

div#megansLaw div.languageList				{
											position:		relative;
											padding:		0px;
											margin:			0px;
											}


div#megansLaw div.languageList ul 			{
											margin:			0px;
											padding:		0px;
											text-align:		left;
											margin-left:	0em;
											margin-bottom:	2em;
											}

div#megansLaw div.languageList ul.column2	{
											position:		absolute;
											top:			0px;
/*											left:			85px;*/
											right:			5px;
											}


div#megansLaw div.languageList ul li		{
											list-style:		none;
											margin:			0px;
											padding:		0px;
											text-align:		left;
											padding-left:	3px;
											}

div#megansLaw div.languageList ul a			{
											text-decoration:	none;
											}
div#megansLaw div.languageList ul img		{
											border:			none;
											}


/* -----------------------------
   - W H I S T L E B L O W E R -
   ----------------------------- */																															

div#whistleBlower				{
								margin:					0px;
								padding:				0px;
								margin-top:				1em;
								position:				relative;
								background-image:		url(../images/HeadlineBorder.gif);
								background-position:	center;
								background-repeat:		repeat-y;
								border-bottom:			1px solid #000000;
								}
							
div#whistleBlower h1			{
								letter-spacing:			.3em;
								}				

div#whistleBlower h2			{
								font-size:				1em;
								margin-top:				.5em;
								margin-bottom:			0px;
								padding:				0px;
								text-align:				center;
								font-weight:			normal;
								}

div#whistleBlower p				{
								margin:					0em;
								text-align:				center;
								}

div#whistleBlower p.resources	{
								margin-top:				1em;
								font-weight:			bold;
								}								

div#whistleBlower div.alerts			{
										position:				relative;
										margin:					15px;
										margin-top:				.5em;
										padding:				0px;
										}

div#whistleBlower div.alerts ul			{
										position:				relative;
										margin:					0em;
										padding:				0px;
										width:					170px;
										list-style:				none;
										}

div#whistleBlower div.alerts ul li		{
										margin:					0px;
										margin-bottom:			.5em;
										padding:				0px;
										width:					170px;
										}								


div#whistleBlower div.alerts ul.col2	{
										position:				absolute;
										top: 					0px;
										left:					180px;
										}


							
/* -------------------
   - F E A T U R E D -
   ------------------- */

div#features	{
				margin:					0px;
				margin-right:			190px;
/*				background-image:		url(../images/HeadlineBorder.gif);
				background-position:	center;
				background-repeat:		repeat-y;
				border-bottom:			1px solid #000000;*/
				padding:				0px;
				position:				relative;
				}   

div#features object	{
					margin:			0px;
					padding:		0px;
					}
				
div#features h1	{
				}	
				
div#features div.monthlyFeature	
				{
				/*width:			375px;*/
				/*padding:           3px;*/
				/*padding-top:       3px;
				padding-left:       3px;
				padding-bottom:       3px;
				padding-right:        3px;*/
				_margin-left:		3px;
				_margin-right:		3px;
				border-left:	1px solid #333;
				border-right:	1px solid #333;
				border-bottom:	1px solid #333;
				margin-bottom:	1em;
				background-image:	url(../images-features/veterans.jpg);
				background-position: 230px 20px; /*right;  bottom*/
				background-repeat:  no-repeat;
				
				/*background-color:#F0F4F9; *//*#ECEBFA;*/
				/*background-image:	url(../images-frontpage/featuresBG.jpg);*/
				}

div#features div.monthlyFeature p	
				{
				/*padding-top:    0px;*/
				/*padding-right:        125px;*/
				margin-right:	      155px;
				margin-left: 		  3px;
				margin-bottom:        6px;
				}
				
div#features div.monthlyFeature h3.feature
				{
				/*font-family:	Georgia, "Times New Roman", Times, serif;*/
				margin-top:		0px;
				text-transform: uppercase;
				font-weight:	bold;
				font-size:		1.2em;
				color:			#000033;
				background:		none;
				letter-spacing:	.2px;
				text-align:		left;
				border-bottom:	1px solid #4B4B4B;
				margin-bottom:	3px;
				margin-left:    3px;
				
				}

/* --------------------------- */
div#features div.monthlyFeature1	
				{
				_margin-left:			3px;
				_margin-right:			3px;
				border-left:			1px solid #333;
				border-right:			1px solid #333;
				border-bottom:			1px solid #333;
				margin-bottom:			1em;
				z-index:				2;
				}

div#features div.monthlyFeature1 p	
				{
				margin:					10px;
				}
				
div#features div.monthlyFeature1 h3.feature
				{
				margin-top:				0px;
				text-transform: 		uppercase;
				font-weight:			bold;
				font-size:				1.2em;
				color:					#000033;
				background:				none;
				letter-spacing:			.2px;
				text-align:				left;
				border-bottom:			1px solid #4B4B4B;
				margin-bottom:			3px;
				margin-left:    		10px;
				/*line-height:			1.8em;*/
				
				padding-top:			.5em;
				}
				
div#features div.monthlyFeature1 h3.feature a
				{
				color:					#000033;
				text-decoration:		none;
				}
				
div#features div.monthlyFeature1 img
				{
				float:					right;
				margin:					5px;
				margin-left:			10px;
				margin-top:				10px;
				z-index:				5;
				}

div#features div.monthlyFeature1 p img
				{
				margin-top:				    15px;
				padding-right:              10px;
				padding-bottom:             10px;
				float:                left;
				}

div#features div.monthlyFeature1 div.icons
				{
				padding-left:  5px;
				margin-right: 5px;
				margin-left:  5px;
				margin-bottom: 5px;
				}

div#features div.monthlyFeature1 div.icons ul.audio
				{
				margin-left: 25px;
				padding-bottom: 7px;
				margin-bottom:  7px;
				}
div#features div.monthlyFeature1 div.icons ul.audio li
				{
				list-style:url(../images-features/SoundSm2.gif);
				
				padding-right: 4px;
				margin-top: -3px;
				
				}
div#features div.monthlyFeature1 div.icons ul.video
				{
				margin-left: 20px;
				}
div#features div.monthlyFeature1 div.icons ul.video	li
				{
				list-style:url(../images-features/vidcam_sm.gif);
				padding-top:  -25px;
				padding-right: 3px;
				margin-top: -3px;
				}

div#features div.monthlyFeature1 div.icons ul.video	li a
				{
				padding-left: 5px;
				padding-bottom: -3px;
				}
				
div#features div.monthlyFeature1 div.icons ul.audio	li a
				{
				padding-left: 5px;
				padding-bottom: -3px;
				padding-top:    -1px;
				}

/*div#features div.monthlyFeature hr	
				{
				color:			#4b4b4b;
				margin:			0px;
				padding-top:    0px;
				padding-bottom: 0px;
				height:         1px;
				width:          100%;
				}*/				

/* ----------------------
   - H E A D L I N E S  -
   ----------------------*/	 

div#headlines	{
				margin:					0px;
				padding:				0px;
				position:				relative;
				font-size:				.8em;
				}   
	

div#headlines ul		{
						margin:			0px;
						padding:		0px;
						width:			180px;
						position:		relative;
						}

div#headlines ul.col2	{
						position:		absolute;
						top:			0px;
						left:			195px;
						margin:			0px;
						padding:		0px;						
						}

div#headlines ul li				{
								list-style:		none;
								margin-bottom:	0px;
								height:			75px;
								margin:			0px;
								padding:		0px;									
								}
								
div#headlines ul li.category	{
								list-style:		none;
								height:			2em;
								}
							
div#headlines ul li.category h2	{
								background-color:	#666699;
								color:				#FFFFFF;
								font-size:			1em;
								margin:				0px;
								}																
								
div#headlines ul li	span.title,
div#headlines ul li	a.title		{
								font-weight:	bold;
								display:		block;
								text-transform:	uppercase;
								}

div#headlines ul li	span.text	{
								position:		relative;
								margin-left:	50px;
								}								

div#headlines ul li	img 		{
								float:			left;
								position:		relative;
								margin:			2px;
								margin-left:	0px;
								margin-right:	8px;
								width:			50px;
								height:			50px;
								margin-bottom:	20px;
								}
								
div#headlines ul li	img.meetingsAndNotices	{
											position:		relative;
											margin:			0px;
											width:			170px;
											height:			70px;
											border:			none;
											}								
															
/* ---------------
   - F O O T E R -
   --------------- */
div#footer		{
				margin-top:			20px;			
				}															
				
				
				
/* ---- */
div#mainNavigation div.fontsize		{
									margin:					0px;
									padding:				0px;
									width:					98px;
									height:					40px;
									background:				url(../images/changeTextSize.gif);
									background-position:	bottom right;
									position:				absolute;
									right:					5px;
									top:					3px;
									text-align:				center
									}				

div#mainNavigation div.fontsize a.fontLink	{
											margin-top:				1px;
											display:				block;
											color:					#222222;
											}	

div#mainNavigation div.fontsize a			{
											color:					#6262E3;
											color:					#AAAAFF;
											}	
																					
div#mainNavigation div.fontsize div.chooseLetter
											{
											display:				block;
											text-align:				center;
											vertical-align:			bottom;
											}

div#mainNavigation li.fontsize  .smallLetter
											{
											font-size:				1em;
											font-weight:			bold;
											color:					#9999FF;
											}
											
div#mainNavigation li.fontsize .bigLetter
											{
											font-size:				1.3em;
											color:					#9999FF;
											}
											
div#mainNavigation li.fontsize .activeSize	{
											/*color:					#6262E3;*/
											color:						#FFFFFF;
											}