/* css NeJamelaw default style v1.01 */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
a:link { 
	color: #14283D;
	}
a:visited { 
	color: #14283D;
	font-weight: 400;
	}
body {
	left: 7px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 0px;
	position: absolute;
	margin: 0px;
	padding: 0px;

	font-family: Arial;
	color: #1B3652;
	font-size: 12px;
	
	background-image:   url(Images/Spanish/background-5.gif);
	background-repeat: no-repeat;
	background-color: #EFF0EE;
	
	/* this text below is for changing the color of the scroll bars at the right and bottom of the page */
	scrollbar-face-color: #eff0ee;
	SCROLLBAR-ARROW-COLOR:  #98adb2;
	scrollbar-highlight-color: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #98adb2;
	SCROLLBAR-3DLIGHT-COLOR: #98adb2;
}
td {
	font-size: 12px;
}

/* the definitions below specify the properties for the different heading levels */
h1 { 
	font: bold 11pt arial; 
	text-align: center;
	letter-spacing: 1px; 
	color: #840000;
	}
h1 a:link { 
	font: bold 11pt arial; 
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px; 
	color: #840000;
	}
h1 a:visited { 
	font: bold 11pt arial; 
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px; 
	color: #840000;
	}
h2 { 
	font: bold 14px arial; 
	letter-spacing: 1px; 
	color: #840000;
	}
h3 { 
	margin-left: 15px; 
	font: 11px arial; 
	letter-spacing: 1px; 
	}
table {
	margin: 0px;
	cellpadding: 0px;
	cellspacing:0px;
	align: center;
	border: none;
	valign: top;
	padding: 0px;
}
/* specific divs */

#MainBody {
	padding: 3px 0px 3px 7px;
	background-color: #e7e9ed;
	}


p.lightcell {padding: 7px 2px 7px 2px; background: #FFFFFF; text-align: left; width: 525px; margin-top: 2px; margin-bottom: 0; font-size: 12px;}
p.cell {padding: 7px 2px 7px 2px; text-align: left; width: 525px; margin-top: 2px; margin-bottom: 0; font-size: 12px;}

/* this two definitions below are creating a white and a gray box for the attorney's bio pages*/
p.lightcellattny {padding: 0px 2px 3px 2px; background: #FFFFFF; text-align: left; width: 445px; margin-top: 2px; margin-bottom: 0}
p.cellattny {padding: 0px 2px 3px 2px; text-align: left; width: 445px; margin-top: 2px; margin-bottom: 0}

#ImmigrationGrayBox {
	width: 200px;
	background-color: #e7e9ed;
	margin-top: 0px; 
	margin-left: 4px; 
	margin-bottom: 4px;
	height: 70px;
	}

/*The next definition greates a gray shade under the featured news in the home page */
p.news {
	padding: 3px 2px 7px 2px;
	background-color: #e7e9ed;
	margin-top: 7px; 
	margin-bottom: 7px;
	}

p.lightpractice {
	background-color: #FFFFFF;
	margin-top: 7px; 
	margin-bottom: 7px;
	}
	
/*The criminal links below specify the properties for the white and gray links on the left hand-side of the page dedicated to criminal defense (our practice)*/
#CriminalLinks { 
	font-size: 10px;
	font-weight: bold;
	padding: 0px 2px 3px 2px;
	}

#CriminalLinks a:link {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	}
#CriminalLinks a:visited {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	}

#WhiteBlock { 
	background-color: #FFFFFF;
	margin-top: 7px; 
	margin-bottom: 7px;
	}

#WhiteBottomBox {
	background-color: #FFFFFF;
	margin-top: 0px; 
	margin-bottom: 7px;
	height: 105px;
	}

/*This defintion here defines the Frame used in the home page for the news */	
#NewsFrame {
	background-image:   url(Images/in-the-news/news-frame.gif);
	background-repeat: no-repeat;
	padding: 10px 10px 12px 7px;
	font-size: 9px;
	}
	
/*This definition below creates the gray box across the bottom of the page jsut before the navigation bar*/
#GrayBottomBox {
	width: 1255px;
	background-color: #840000;
/*background-color: #98adb2;*/
	margin-top: 0px; 
	margin-bottom: 7px;
	height: 10px;
	}

/*This definition below defines the properties for the contact information at the bottom of the pages*/
#contactinfo { 
	text-align: center;
	font-size: 9px;
	}
	
/* The linklist definitions specify the properties for the navigation bar at the top of the pages*/
#linkList { 
	text-align: center;
	padding-left: 10px;
	}
#linkList a:link {
	margin-right: 10px; 
	font-size: 11px;
	font-weight: bold; 
	color: #EAEBE9;
	}
#linkList a:visited {
	margin-right: 15px; 
	font-size: 11px;
	font-weight: bold; 
	color: #EAEBE9;
	}

/* The BottomNavBar definitions specify the properties for the navigation bar at the bottom of the pages*/
#BottomNavBar { 
	text-align: center;
	}
#BottomNavBar a:link {
	font-size: 10px;
	color: #1B3652;
	}
#BottomNavBar a:visited {
	font-size: 10px;
	color: #4F6F7D;
	}
	
/* The AttorneyLinks definitions specify the properties for the navigation bar for the attorneys' names at the bottom of the bio pages
#AttorneyLinks a:link {*/
#pup a:link {
	text-align: center;
	font-size: 10px;
	font-weight: bold; 
	color: #728F96;
	}
#pup a:visited {
	width:	500px;
	text-align: center;
	font-size: 10px;
	font-weight: bold; 
	color: #728F96;
	}
#pup { 
	width:	500px;
	text-align: center;
	font-size: 10px;
	color: #728F96;
	}
	
/*The definition below specifies the properties for the quotes used across the site usually on the left hand-side of the pages*/
#Quotes { 
	font: italic 10pt/22pt Arial; 
	text-align:center;
	line-height: normal;
	color: #000000;
	}
	
#MainContent {
	padding: 7px 7px 7px 7px;
	width: 587px;
	margin-left: 166px;
	background-color: #e7e9ed;
	}

/*I used to use this definition below for the NeJameLaw white vertical Logo on the right hand-side of many pages across the site. I think It is being used only one now.
I have to check if it should be removed or if I can use it for other pages to remove formatting from others*/
#VerticalLogo {
	padding: 7px 7px 0px 7px;
	width: 69px;
	background-color: #FFFFFF;
	position: absolute;
	left: 755px;
	top: 115px;
	bottom: 0px;
	}

/*Defines the properties for the "share" button on bio pages*/
#Share {
	position: relative;
	left: -280px;
	top: -70px;
	}

/*The two definitions below specify the properties for the "bookmark this pages" used across the site*/
#Bookmark a:link {
	position: relative;
	left: 0px;
	top: 0px;
	font-weight: bold; 
	font: italic 12px;
	color: #840000;
	}
	
#Bookmark a:visited {
	position: relative;
	left: 0px;
	top: 0px;
	font-weight: bold; 
	font: italic 12px;
	color: #840000;
	}
	
/*The two definitions below specify the properties for the link to the immigration site*/
#Immigration-Attorney-Site {
	width: 200px;
	position: relativee;
	text-align:center;
	}
	
#Immigration-Attorney-Site a:link {
	font-weight: bold; 
	font: italic 18px;
	color: #840000;
	}
	
#Immigration-Attorney-Site a:visited {
	font-weight: bold; 
	font: italic 18px;
	color: #840000;
	}
/*The three definitions below are being used to create the three-column table on the middle of the home page with the list of types of crimes.
The editing of the page is bothersome but they did removed a lot of formatting from the home page*/
#Crimes-List {
	width: 223px;
	padding: 1px 1px 1px 1px;
	}
#Crimes-List a:link { 
	color: #14283D;
	}
#Crimes-List a:visited { 
	color: #14283D;
	font-weight: 400;
	}
#Crimes-List-Column-2 {
	width: 223px;
	padding: 1px 1px 1px 1px;
	position: relative;
	top: -211px;
	left: 231px;
	}
#Crimes-List-Column-2 a:link { 
	color: #14283D;
	}
#Crimes-List-Column-2 a:visited { 
	color: #14283D;
	font-weight: 400;
	}
/*#Crimes-List {
	width: 109px;
	padding: 1px 1px 1px 1px;
	}
#Crimes-List-Column-2 {
	width: 169px;
	padding: 1px 1px 1px 1px;
	position: relative;
	top: -122px;
	left: 117px;
	}
#Crimes-List-Column-3 {
	width: 169px;
	padding: 1px 1px 1px 1px;
	position: relative;
	top: -244px;
	left: 275px;
	}*/

#PracticelinkList a:link {
	color: #4F6F7D;
	font-weight: 400;
	text-decoration: underline;
	}
#PracticelinkList a:visited {
	color: #4F6F7D;
	font-weight: 400;
	text-decoration: underline;
	}
#BottomText {
	position: relative;
	top: -195px;
	}
#List ul {
	list-style: square;
	}