@charset "utf-8";

/* 	NeJamelaw CSS Document. 
	(C) to NeJame, LaFay, Jancha, Ahmed, Barker, Joshi, Bartolone P.A. - Attorney at Law.
*/

/* Centers the layout on the browser window. */

#container {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;  /* sets the sides of an element where other floating elements are not allowed */
	width: 867px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*overflow:hidden;	This chops off any overhanging divs */
}

/* Define the body tag and the appearance of the text on each page. */
body {
	background-color: #0A4A8B;
	color: #002953;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

/* Define the appearance of the Heading tags. */
h1 {
	font-size: 21px;
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 40px;
	text-align: center;
}
	h1 a:link {
		font-size: 21px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	h1 a:visited {
		font-size: 21px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
	}
	h1 a:hover {
		font-size: 21px;
		font-weight:bold;
		font-family: Arial, Helvetica, sans-serif;
	}
h2 {
	margin-top: 40px;
	font-size: 16px;
	padding: 0px;
	margin-left: 10px;
}

/*used for the top phne number */
h3 {
	font-size: 23px;
	/* color: #8A002D; */
	color: #D20000;
	padding: 0px;
	margin-top: 37px;
	margin-right: 10px;
	text-align: right;
}

/* used for subtitels in bios */
h4 {
	margin-top: 7px;
	margin-bottom: 0px;
	font-size: 14px;
	padding: 0px;
	margin-left: 30px;
	font-weight: bold;
}

img {
	border: 0px;
}

li {
	margin-left: 30px;
	margin-right: 30px;
	text-align: left;
}
li a:link {
	color: #2E6BA9;
	font-weight: bold;
	text-decoration: none;
}
li a:visited {
	color: #2E6BA9;
	font-weight: bold;
	text-decoration: none;
}
li a:hover {
	color: #002953;
	font-weight: bold;
	text-decoration: underline;
}

p {
	text-align: left;
	margin-left: 30px;
	margin-right: 30px;
}
	p a:link {
		color: #2E6BA9;
		font-weight: bold;
		text-decoration: none;
	}
	p a:visited {
		color: #2E6BA9;
		text-decoration: none;
		font-weight: bold;
	}
	p a:hover {
		color: #002953;
		text-decoration: underline;
		font-weight: bold;
	}


/* Defines the constant DIVs on all the pages. */

#Bottom-Phone-Number {
	font-size: 23px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D20000;
	padding: 0px;
	margin-top: 50px;
	margin-left: 10px;
	margin-bottom: 30px;
	display:inline;
}

#Top-Phone-Number {
	font-size: 23px;
	font-weight:bold;
	color: #D20000;
	padding: 0px;
	margin-top: 37px;
	margin-right: 10px;
	text-align: right;
}
#Bottom-email {
	font-size: 23px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D20000;
	padding: 0px;
	margin-top: 50px;
	margin-left: 340px;
	margin-bottom: 30px;
	display:inline;
}
	#Bottom-email a:link {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#Bottom-email a:visited {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#Bottom-email a:hover {
		color: #D20000;
		font-weight: bold;
		text-decoration: underline;
	}
	

 /* The following definitions are used to set up the properties of tthe general e-mails (attorney@nejamelaw.com) 
 at the bottom  Of the pages and for the defense division e-mails too (defense@nejamelaw.com) */
#General-Bottom-email {
	font-size: 23px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D20000;
	padding: 0px;
	margin-top: 50px;
	margin-left: 380px;
	margin-bottom: 30px;
	display:inline;
}
	#General-Bottom-email a:link {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#General-Bottom-email a:visited {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#General-Bottom-email a:hover {
		color: #D20000;
		font-weight: bold;
		text-decoration: underline;
	}
 /* The following definitions are used to set up the properties of civil e-mails */
#Civil-Bottom-email {
	font-size: 23px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D20000;
	padding: 0px;
	margin-top: 50px;
	margin-left: 420px;
	margin-bottom: 30px;
	display:inline;
}
	#Civil-Bottom-email a:link {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#Civil-Bottom-email a:visited {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#Civil-Bottom-email a:hover {
		color: #D20000;
		font-weight: bold;
		text-decoration: underline;
	}
 
 /* The following definitions are used to set up the properties of personal injury e-mails */
#PersonalInjury-Bottom-email {
	font-size: 23px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #D20000;
	padding: 0px;
	margin-top: 50px;
	margin-left: 310px;
	margin-bottom: 30px;
	display:inline;
}
	#PersonalInjury-Bottom-email a:link {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#PersonalInjury-Bottom-email a:visited {
		color: #D20000;
		font-weight: bold;
		text-decoration: none;
	}
	#PersonalInjury-Bottom-email a:hover {
		color: #D20000;
		font-weight: bold;
		text-decoration: underline;
	}


#CopyRight {
	text-align: right;
	font-size: 11px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 50px;
}

#NextPage p {
	margin-left:690px;
}
	#NewsYear {
		text-align: center;
		width: 860px;
	}
	#NewsYear a:link {
		color: #2E6BA9;
		font-weight: bold;
		text-decoration: underline;
	}
	#NewsYear a:visited {
		color: #2E6BA9;
		font-weight: bold;
		text-decoration: underline;
	}
	#NewsYear a:hover {
		color: #002953;
		font-weight: bold;
		text-decoration: underline;
	}

#NewsLogo {
	margin-top: 7px;
	margin-left: 10px;
}

#LawFirmBanner {
	position:absolute;
	left:0px;
	top:0px;
	width:867px;
	height:81px;
	visibility:visible;
	z-index:1;
}
#PracticeBanner {
	position:absolute;
	left:0px;
	top:81px;
	width:867px;
	height:70px;
	visibility:visible;
	z-index:1;
}
#BlueNavBar {
	background-color: #002F5E;
	position:absolute;
	left:0px;
	top:151px;
	width:867px;
	height:24px;
	z-index:4;
}

#FAQsLink a:link {	
	color: #2E6BA9;
	font-weight: bold;
	margin-left: 600px;
	text-decoration: underline;
	font-size: 10pt;
	margin-right: 30px;
}
#FAQsLink a:visited {
	text-decoration: underline;
	font-weight: bold;
}
#FAQsLink a:hover {
	color: #002953;
	text-decoration: underline;
	font-weight: bold;
}

/*The following def is used for drop down menus*/
#TopNavigation {
	background-color: transparent;
	position:absolute;
	left:0px;
	top:146px;
	margin-top:0px;
	margin-right:0px;
	width:867px;
	height:21px;
	color: #FFFFFF;
	text-align: left;
	visibility:visible;
	z-index:4;
}

#TopNavigation a:link {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
	}
#TopNavigation a:visited {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold; 
	text-decoration: none;
	}
#TopNavigation a:hover {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6AA0D7;
	font-weight: bold;
	text-decoration: underline;
	}
#content {
	height:auto;
	background-color: #FFFFFF;
	position:absolute;
	left:0px;
	top:176px;
	width:867px;
	visibility:visible;
	z-index:2;
}
	#content ul li ul li {
		margin-left: -0.90em;
	}
	#content ul li ul li ul li {
		margin-left: -0.90em;
		list-style: circle;
	}
	#content table {
		margin-left: 30px;
		margin-right: 30px;
		color: #002953;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
	}
	#content table a:link {
		color: #2E6BA9;
		font-weight: bold;
		text-decoration: none;
	}
	#content table a:visited {
		color: #2E6BA9;
		font-weight: bold;
		text-decoration: none;
	}
	#content table a:hover {
		color: #002953;
		text-decoration: underline;
		font-weight: bold;
	}
	#content td ul li {
		margin-left: 0px;
		color: #002953;
		font-size: 10pt;
		font-family: Arial, Helvetica, sans-serif;
	}
#BlueLine {
	background:#002953;
	width:867px;
	position:absolute;
	height:3px;
	left:0px;
	margin-top: -0.20em;
	z-index:2;
}

#BottomNavigation {
	width: 867px;
	position:absolute;
	left:0px;
	color: #FFFFFF;
}
	#BottomNavigation a:link {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#BottomNavigation a:visited {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#BottomNavigation a:hover {
		color: #6AA0D7;
		text-decoration: underline;
		font-weight: normal; 
	}
	#BottomNavigation h1 {
		font-size: 19px;
		z-index:1;
		padding-top: 5px;
	}
	#BottomNavigation p {
		margin-left: 0.80em;
		padding-top:11px;
		line-height: 0.3;
	}
	#BottomNavigation ul li ul li {
		margin-left: -2.15em;
		line-height: 1.35;
		list-style: none;
	}

#Bio img {
	border: 0px;
	float: left;
}
#Bio h1 {
	margin-left: 37px;
	margin-right: 30px;
	font-weight: bold;
	font-size: 19px;
	z-index:1;
	padding-top: 5px;
	text-align:left;
}
#Bio ul li {
		margin-left: 170px;
}

/* 5 Column settings */
/*the definition below is used to give the first line heading properties in non-civil pages*/
#Civil-heading {
	font-size: 13.5pt;
	z-index:1;
	margin-top: 10px;
	text-align:center;
}

/*th line division defines the properties for the division lines at the toop of the nav columns*/
#line {
	width:155px;
	text-align:center;
	margin-left: 10px;
}
#Civil {
	background:#699fd6;		/* civil litigation practice column background colour */
	width:190px;
	position:absolute;
	left:0px;
	height:690px;
	z-index:3;
	}
	#Civil ul li {
		font-size: 12px;
		margin-left: -1.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-civil.gif);
	}
	#Civil a:link {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#Civil a:visited {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#Civil a:hover {
		color: #002953;
		text-decoration: underline;
		font-weight: normal;
	}
	#Civil h1 {
		font-size: 13.5pt;
		z-index:1;
		padding-top: 0.35em;
		margin-bottom: 0px;
	}
	
/*the definition below is used to give the first line heading properties in non-criminal pages*/
#Criminal-heading {
	font-size: 15pt;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 19px;
	text-align:center;
	width:165px;
}
#Criminal {
	background:#3479BE;		/* civil litigation practice column background colour */
	width:192px;
	position:absolute;
	left:184px;
	height:690px;
	z-index:3;
	}
	#Criminal ul li {
		font-size: 12px;
		margin-left: -1.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-criminal.gif);
	}
	#Criminal ul li ul li {
		margin-left: -2.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-criminal.gif);
	}
	#Criminal h2 {
		font-size: 15pt;
		z-index:1;
		margin-top: 10px;
		margin-bottom: 19px;
		text-align:center;
		width:155px;
		font-weight: normal;
	}
	#Criminal h1 {
		width:155px;
		margin-right: 50px;
		margin-bottom: -0.1em;
	}
	#Criminal h1 hr {
		width:155px;
		margin-right: 50px;
	}
	#Criminal a:hover {
		color: #002953;
		text-decoration: underline;
		font-weight: normal;
	}

/*the definition below is used to give the first line heading properties in non-family law pages*/
#Family-heading {
	font-size: 15pt;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 19px;
	text-align:center;
	width:165px;
}
#Family {
	background:#265889;
	width:170px;
	position:absolute;
	left:358px;
	height:690px;
	z-index:3;
	}
	#Family ul li {
		font-size: 12px;
		margin-left: -1.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-family.gif);
	}
	#Family a:link {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#Family a:visited {
		color: #FFFFFF;
		font-weight: normal; 
		text-decoration: none;
	}
	#Family a:hover {
		color: #002953;
		text-decoration: underline;
		font-weight: normal;
	}
	#Family h1 {
		margin-bottom: 0px;
	}

/*the definition below is used to give the first line heading properties in non-immigration pages*/
#Immigration-heading {
	font-size: 15pt;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 19px;
	text-align:center;
	width:165px;
}
#Immigration {
	background:#073C70;		/* criminal practice column background colour */
	width:220px;
	position:absolute;
	left:527px;
	height:690px;
	z-index:3;
	}
	#Immigration ul li {
		font-size: 12px;
		margin-left: -1.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-immigration.gif);
	}
	#Immigration h1 {
		width:150px;
		margin-right: 50px;
		margin-bottom: 0px;
	}
	#Immigration h1 hr {
		width:150px;
		margin-right: 50px;
	}

/*the definition below is used to give the first line heading properties in non-PI pages*/
#Personal-Injury-heading {
	font-size: 15pt;
	z-index:1;
	margin-top: 10px;
	margin-bottom: 19px;
	text-align:center;
	width:165px;
}

#heading{font-size:14pt;margin:18px 32px 27px 13px;text-align:center;font-weight:bold}
#PersonalInjury {background:#002953;width:173px;position:absolute;left:694px;height:690px;z-index:3;}
	#PersonalInjury ul li {
		font-size: 12px;
		margin-left: -1.25em;
		line-height: 1.35;
		list-style-image: url(http://www.nejamelaw.com/images/circle-PI.gif);
	}
	#PersonalInjury h1 {
		margin-bottom: 0px;
	}
	#PersonalInjury h2 {
		font-size: 15pt;
		z-index:1;
		margin-top: 10px;
		margin-bottom: 19px;
		text-align:center;
		width:155px;
		font-weight: normal;
	}

#ContactInfo {
	position: absolute;
	left:0px;
	top: 691px;
	width:867px;
	background:#002F5E;
	height:100px;
	padding-top: 13px;
	z-index:7;
}
#ContactInfo p {
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	padding-top: 0px;
	line-height: 1.3;
	margin-left: 0px;
}
#ContactInfo a:link {
	color: #95BBE1;
	padding-top: 13px;
	text-decoration: none;
	font-weight: bold; 
}
#ContactInfo a:visited {
	color: #95BBE1;
	text-decoration: none;
	font-weight: bold; 
}
#ContactInfo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold; 
}

/* Centers the text in the form, the submitt and resetbuttons and defines the form brder */
#ContactForm p {
	text-align: center;
	font-size: 14pt;
}
#ContactForm table {
	border-style:outset;
	border-width:1px;
}
#ContactForm td {
	border-style:none;
}

#dui table {
	border-style:solid;
	border-width:3px;
	border-color: #002953;
}
#dui tr td {
	border-style:none;
	text-align: left;
	margin-left: 130px;
	margin-right: 30px;
}

#Pro-Links ul li {
	margin-top: 15px;
	line-height: 1.05;
	list-style-image: url(http://www.nejamelaw.com/images/circle-pro-links.gif);
}

/*The definition below specifies the properties for the quotes used across the site usually on the left hand-side of the pages*/
#Quotes { 
	font: 10pt/22pt Arial; 
	line-height: 1.5;
	width: 657px;
	margin-left: 67px;
	background-color: #E5E5E5;
	padding: 7px;
	}
#Quotes-2 { 
	font: bold italic 11pt Arial; 
	width: 630px;
	margin-left: 90px;
	text-indent: 0px
	}
#tagline {
	text-align: center;
	padding: 0px;
	margin-top: 7px;
	margin-left: 0px;
}
	
#ShareButton {
	position:absolute;
	left:30px;
	top: 226px;
	visibility:visible;
	z-index:2;
}

/*Defines the left column for the site map*/
#SiteMap-Column-1 {
 	float: left; 
	width: 50%
}
/*Defines the right column for the site map*/
#SiteMap-Column-2 {
 	float: left; 
	width: 50%
}
/*Defines the properties for the columns on the site map*/
#SiteMap-Columns {
	padding: 1px 1px 1px 1px;
}

/*The following definitions create the drop down menues of the top navigation bar */
.menu {
	text-align:left; /*aligns the text of the drop down menues to the left*/
	font-family: verdana, sans-serif; 
	position:relative; 
	height:2.5em; 
	margin-left:4px;
	padding:0px; /*for firefox*/
	margin-top:0px;
	list-style-type:none;
	background-color: transparent;
	z-index: 5;
}
.menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu li {
	float:left;
	margin-left:0px;
	position:relative;
	text-align:left;
	z-index: 5;
	display:block;
	left: 9px;
}

/*The two definitions specify the appearence for the top level links. If want each option to have a width of 8 include width:8em; in the definition */
.menu li a, .menu li a:visited {
display:block; 
text-decoration:none;  
color:#7d9be3; 
float:left; 
padding:0px; 
height:3em; 
line-height:3em;
text-align:left;
z-index: 5;
}
* html .menu li a, .menu li a:visited {
color:#7d9be3; padding:0; display:block; /* hack for IE5.5 */
}
.menu li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; 
text-align:left;
z-index: 5;
display:block; 
}

.menu blockquote {
	margin-left: 14px; 
}
.menu table {
margin:-1px; border-collapse:collapse; font-size:1em; display:block; /* font size for IE5.5 */
}

/* Define the appearence of the drop down menues */
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
text-decoration:underline; border:0; color:#7d9be3;
text-align:left;
z-index: 5;
display:block; 
}
.menu li:hover ul,
.menu li a:hover ul {
	visibility:visible; 
	height:auto; 
	width:12em;  /*width of scroll down menu*/
	color:#000033; 
	background:#002F5E; /* Background of the scroll down menu */
	border:0px; 
	left:0; 
	top:2.25em; /*defines the position of the scroll down menu */
	overflow:visible;
	text-align:left;
	z-index: 5;
	display:block; 
}

.menu li:hover ul li a,
.menu li a:hover ul li a {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	height:auto; 
	line-height:1.20em; 
	padding:0px; 
	width:130px; /*width of the text on the scroll down menu*/
	color:#000033;
	text-align:left;
	margin-left:5px;
	z-index: 5;
}

* html .menu li a:hover ul li a {
width:8em; display:block;  /* hack for IE5.5 and IE 6. The width sets the widths of the scroll down menu*/
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
text-decoration:underline;
}



/*The following definitions create the drop down menues of the top navigation bar for pages with all the divisions on the scroll down menu*/
.atty-menu {
	text-align:left; /*aligns the text of the drop down menues to the left*/
	font-family: verdana, sans-serif; 
	position:relative; 
	height:2.5em; 
	margin-left:4px;
	padding:0px; /*for firefox*/
	margin-top:0px;
	list-style-type:none;
	background-color: transparent;
	z-index: 5;
}
.atty-menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.atty-menu li {
	float:left;
	margin-left:0px;
	position:relative;
	text-align:left;
	z-index: 5;
	display:block;
	left: 7px;
}

/*The two definitions specify the appearence for the top level links. If want each option to have a width of 8 include width:8em; in the definition */
.atty-menu li a, .atty-menu li a:visited {
display:block; 
text-decoration:none;  
color:#7d9be3; 
float:left; 
padding:0px; 
height:3em; 
line-height:3em;
text-align:left;
z-index: 5;
}
* html .atty-menu li a, .atty-menu li a:visited {
color:#7d9be3; padding:0; display:block; /* hack for IE5.5 */
}
.atty-menu li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; 
text-align:left;
z-index: 5;
display:block; 
}

.atty-menu blockquote {
	margin-left: 14px; 
}
.atty-menu table {
margin:-1px; border-collapse:collapse; font-size:1em; display:block; /* font size for IE5.5 */
}

/* Define the appearence of the drop down menues */
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.atty-menu li:hover a,
.atty-menu li a:hover {
text-decoration:underline; border:0; color:#7d9be3;
text-align:left;
z-index: 5;
display:block; 
}
.atty-menu li:hover ul,
.atty-menu li a:hover ul {
	visibility:visible; 
	height:auto; 
	width:16em;  /*width of scroll down menu*/
	color:#000033; 
	background:#002F5E; /* Background of the scroll down menu */
	border:0px; 
	left:0; 
	top:2.25em; /*defines the position of the scroll down menu */
	overflow:visible;
	text-align:left;
	z-index: 5;
	display:block; 
}

.atty-menu li:hover ul li a,
.atty-menu li a:hover ul li a {
	display:block; 
	font-weight:normal; 
	background:transparent; 
	text-decoration:none; 
	height:auto; 
	line-height:1.20em; 
	padding:0px; 
	width:170px; /*width of the text on the scroll down menu*/
	color:#000033;
	text-align:left;
	margin-left:5px;
	z-index: 5;
}

* html .atty-menu li a:hover ul li a {
width:8em; display:block;  /* hack for IE5.5 and IE 6. The width sets the widths of the scroll down menu*/
}
.atty-menu li:hover ul li a:hover,
.atty-menu li a:hover ul li a:hover {
text-decoration:underline;
}