/* -------

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 FORMS
9.0 LISTS
10.0 MISC PRESENTATION ELEMENTS
11.0 META
12.0 ACCESSIBILITY
13.0 NAVIGATION
14.0 PAGE SPECIFIC

------ */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
* {margin:0; padding:0; text-align:left;}
img {border:0;}

/*
2.0 GENERIC CLASSES
------------------------------------------
*/
.db {display:block;}
.dn {display:none;}
.di {display:inline;}
.clr {clear:both;}
.wcag, .ahem {text-indent:-1000em;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}
.taj {text-align:justify;}

p.note {font-weight:bold;color:red;font-family:"Times New Roman",Times,serif;font-size:1.3em;background-color:#ffc;border:2px dashed red;padding:1em;}
a.note {font-weight:bold;color:red;font-family:"Times New Roman",Times,serif;font-size:1.1em;background-color:#ffc;border:2px dashed red;padding:0.1em;}
span.note {font-weight:bold;color:red;font-family:"Times New Roman",Times,serif;font-size:1.1em;background-color:#ffc;border:1px dotted red;padding:1px;}

/* Floats */
.clr {clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent;}
.cl {clear:left; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
.clear {clear:both;} /* attach to tags where you need to force a break */
.fl {float:left;margin-right:1em;}
.fr {float:right;margin-left:1em;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/
body 
{background:#0055a5 url('../i/bkgd/page3.gif') repeat; color:#000;
font-family:"Lucida Grande","Trebuchet MS",geneva,helvetica, arial, sans-serif; 
font-size:76%; line-height:1.4em;
text-align:center;}

#container 
{width:62em;
margin:0 auto;
text-align:left;}

#copyright 
{margin-top:0.2em;
margin-bottom:0.5em;
color:#fff;}

#copyright p
{text-align:center;
font-size:0.9em;}

#copyright a
{color:#fff;font-weight:bold;display:block;float:left;margin-right:5px;font-size:1.1em;}

#copyright a:hover
{color:#fff;text-decoration:none;border-bottom:1px dotted #fff;}

#cta
{background:#DB642D;
margin:1.2em;
width:24em;
margin-left:auto;
margin-right:auto;}

#cta p a
{color:#fff;
display:block;
text-indent:2.3em;
margin:0;padding:0 0 1em 0;
font:bold 1.1em/1em Georgia,Palatino,Tahoma,Times,serif;
background:#DB642D url('../i/pic/note_edit.gif') no-repeat 7px 1px;}

#cta p a:hover
{color:#fff;
text-decoration:none;}
	
	

/*
4.0 HEADINGS
------------------------------------------
*/
h1,h2,h3,h4,h5,h6 {font-family:Georgia,Palatino,Tahoma,Times,serif;}

h1 {font-size:1.4em;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:1em;}

/*
5.0 BRANDING 
------------------------------------------
*/
#header
{background-color:#dbeaf0;
margin-top:1em;}

	#header p.logo
	{margin:0;padding:0;
	width:200px; height:85px;
	display:block;
	text-indent:-300px;
	overflow:hidden;
	float:left;
	background:transparent url('../i/bkgd/emls-logo.png') no-repeat 20px center;}
	
	#header p.logo a
	{display:block;text-decoration:none;width:270px;height:85px;}
	
	#header p
	{margin:0 4em 0 240px;
	padding:0.7em 0;
	font-family:Georgia,Palatino,Tahoma,Times,serif;
	font-size:1em;
	line-height:1.5em;}


/*
6.0 LINKS
------------------------------------------
*/
a:link {color:#036;}
a:visited {color:#7F99B2;}
a:active {color:#f00; text-decoration:none;}
a:hover {color:#f00; text-decoration:none;}

a.external:link, a.external:visited, a.external:hover 
{background:transparent url('../i/bkgd/external_links.gif') no-repeat right top; padding-right:10px; margin-right:2px;}
a.external:visited {background-position:right -100px;}
a.external:hover {background-position:right -50px;}


/*
7.0 PARAGRAPHS
------------------------------------------
*/
p
{font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size:1em;
margin-top:1em;}

blockquote
{font-family:Georgia,Palatino,"Times New Roman",Times,serif;
font-size:1.2em;
line-height:130%;
color:#333;
margin-left:2em;margin-right:2em;}


/*
8.0 FORMS
------------------------------------------
*/
/* -- General Form Controls -- */
form {margin-left:2em;}
form#contact-us fieldset {border:1px solid #666;margin:1em 0;width:65%;}
form#info-request fieldset {border:1px solid #666;margin:1em 0;width:95%;}
legend {margin-left:0.5em; padding:0.3em 0.5em;font-weight:bold;font-size:1.2em;}
label {font-weight:bold;color:#333;}

form table {margin-left:2em;}
form table td {margin:0;padding:0.3em;}
form table.form-checkboxes td label {font-weight:normal;font-size:1em;}
form table.form-checkboxes td:hover {background-color:#ffffe5;}
form table.form-checkboxes td:hover label {text-decoration:none;color:#036;border-bottom:1px dotted #036;cursor:pointer;}
/* use input-button anywhere there is an input aligned with a button */

input.text, select, textarea {font-size:1.2em;font-family:"Bitstream Vera Sans Mono","Lucida Console",Courier,"Courier New",monospace;padding:2px;}
input.submit {font-size:1.6em;font-weight:bold;width:95%;color:#630;background-color:#fedea7;text-align:center;}
html>body input.submit {width:auto;padding:0.7em 3em;}

* html input.submit {/* width and overflow hack required by IE */ overflow:visible;}

.required {font-weight:bold;color:#f00;}
.optional {font-weight:normal;color:#666;}

#content .sidebar {text-align:left;float:right;margin:1em 2em 0 0;width:25%;}
#content .sidebar h2 {margin:0 1em 0 1em;padding:0;}
#content .sidebar h3 {margin:1.2em 1em 0 1.1em;padding:0;}
#content .sidebar p, #content .sidebar address {margin:0.6em 1em 1em 2.5em;padding:0;}

#content #form-remainders {margin:0;padding:0;}
form#contact-us #form-remainders {width:65%;}
form#info-request #form-remainders {width:95%;}
#content #form-remainders p {margin:0;padding:0.7em 0;}

.notice-complete-entry {text-align:center;background-color:#fdbe4f;padding:0.5em 0;}
.notice-privacy {color:#666;}

.error-div 
{border:1px solid #f00;
background-color:#FFDEDE;
padding:10px;
margin-bottom:5px;
color:#cc0;}

.success-div 
{border:1px solid #09BD00;
background-color:#EEFFED;
padding:10px;
margin-bottom:5px;
color:#060;}


/* -- Search Box (in header and in various page sections) -- */
/*
form.searchform {float:right; width:176px; margin:0.8em 0 0 0;}
html>body form.searchform {width:190px;}
div#content form.searchform {width:504px; float:none;}
form.searchform legend, form#jobclassification legend {display:none; height:0px;}
input.search {height:17px; width:60px; margin-top:1px; font-family:"Helvetica Neue",helvetica,arial,sans-serif; font-size:0.8em;}
html>body input.search {margin-top:1px; height:21px;}
*/

form#sitesearch
	{float:right; margin:2px 0.8em 0 0;}
	
	form#sitesearch label
	{font-weight:bold; margin:0 5px 0 0; position:absolute; left:-1000px;}
	
	form#sitesearch input#searchterm
	{width:120px;}
	
	form#sitesearch input#searchsubmit
	{display:none;}

/*
9.0 LISTS
------------------------------------------
*/
li, dt, dd 
{font-family:"Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;font-size:1em;}

li {margin-left:4em;}


/*
10.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/
b {font-weight:bold;}
strong {}
em {font-style:normal;}
i {}

/*
11.0 META
------------------------------------------
*/

address {color:#000; font-style:normal;}
abbr, acronym, dfn {font-style:normal;}
ins {text-decoration:none;}
sup {vertical-align:top;}
sub {line-height:0;}

/*
12.0 ACCESSIBILITY
------------------------------------------
*/

.skiplink {position:absolute; left:-9999px; width:990px;}
hr.hide {display:none;}
abbr {border-bottom:1px dotted #e5e5e5;cursor:help; font-style:inherit;}
/*abbr[title=""] {background-color:#ffc;color:red; font-size:1.1em;}*/

/*
13.0 NAVIGATION
------------------------------------------
*/
#mainnav
{margin-top:0.2em;
background-color:#fdbe4f;
overflow:hidden;}

	#mainnav ul
	{display:block;
	margin-left:1em;
	background-color:#fdbe4f;}
	
	#mainnav ul li
	{display:inline;
	list-style:none;}
	
	#mainnav ul li a
	{font-weight:normal;
	text-align:center;
	display:block;
	float:left;
	text-transform:lowercase;
	font-family:Georgia,Palatino,Tahoma,Times,serif;
	font-size:1.3em;
	color:#630;
	margin-left:0.3em;
	padding:0.3em 1em;
	background-color:#fdbe4f;
	border-left:1px solid #fdbe4f;
	border-right:1px solid #fdbe4f;}
	
	#mainnav ul li a:hover
	{background:transparent url('../i/bkgd/nav.png') repeat;
	border-left:1px solid #630;
	border-right:1px solid #630;}


#home_page #nl_homepage a,
#about_us #nl_aboutus a,
#areas_of_practice #nl_areasofpractice a,
#projects #nl_projects a,
#info_resources #nl_inforesources a,
#contact_us #nl_contactus a,
#home_page #nl_homepage a:hover,
#about_us #nl_aboutus a:hover,
#nl_areasofpractice a:hover,
#projects #nl_projects a:hover,
#info_resources #nl_inforesources a:hover,
#contact_us #nl_contactus a:hover
{background:#fff;
cursor:default;
text-decoration:none;
border-left:1px solid #630;
border-right:1px solid #630;}







/*
14.0 PAGE SPECIFIC
------------------------------------------
*/

/* -- Letter from Vijay -- */
#letter
{position:relative;top:0;left:0;
min-height:310px;
height:310px;
margin:0.1em 0 0 0;
background:#fff url('../i/bkgd/vjm_cutout2.jpg') bottom left no-repeat;
background-color:#fff;}

html>body #letter
{height:auto;}
	
	#letter #message
	{margin-left:225px;
	padding-top:1em;
	border-left:1px solid #e5e5e5;}
	
	#letter h2
	{margin:0 2em 1em 1em;}
	
	#letter p
	{margin:0.7em 3em 0.7em 1.5em;
	font-size:1.1em; line-height:1.5em;
	color:#333;}
	
	#letter img
	{border-right:1px solid #e5e5e5;}
	
	#letter p#signature 
	{margin-left:10em;
	font-size:1.2em;
	line-height:1.5em;}
	
	#letter p.from	
	{font:bold 0.9em "Bitstream Vera Sans Mono","Lucida Mono","Courier New",Courier,monospace;
	text-transform:uppercase;
	text-indent:2em;
	padding:0.2em 0 0.2em 0;
	margin:0;
	border-bottom:1px dotted #999;
	color:#666;
	letter-spacing:0.1em;}

/* -- Inner page content -- */
#content
{/*position:relative;top:0;left:0;
min-height:315px;
height:315px;
*/
margin:0.2em 0 0 0;
padding-bottom:3em;
background-color:#fff;}

/*
html>body #content
{height:auto;}
*/
	
	#content h1, #content h2, #content h3, #content h4, #content h5
	{margin:1em 2em 0.4em 1em;padding-top:1em;color:#333;}
	
	#content h2.display
	{margin-left:0;}
	
	#content p
	{margin:0.8em 6em 0.8em 4.5em;line-height:1.8em;}
	
	#content h1+p,#content h2+p,#content h3+p,#content h4+p,#content h5+p,
	#content h1+ul,#content h2+ul,#content h3+ul,#content h4+ul,#content h5+ul
	{margin-top:0;}
	
	#content li
	{margin:0 3em 0 5em;line-height:1.8em;}

	#content p.title
	{font-size:0.8em;text-transform:uppercase;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	color:#333;
	letter-spacing:0.1em;
	margin:0.5em 5em 0.5em 3.5em;line-height:1.5em;}

#content div
{margin:0 2em;}

#content .pullquote 
{float:right;
text-align:right;
width:9em;
color:#666;
margin:0;margin-left:1em;
font:2em Georgia,Times,serif;}

.service-clients {font-size:1.1em;padding:1.2em;color:#333;background-color:#ffc;}

#content ul.projects {width:62em;overflow:hidden;}

#content ul.projects li 
{list-style-type:none;
color:#333;
margin:1.5em 3em 0 3em;
padding:2em 1em 0 1em;
font:1.2em Georgia,Times,serif;
border-top:1px dotted #ccc;}

* html #content ul.projects li
{font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;}

#content ul.projects li.first {border-top:0px none;margin-top:0;}

#content ul.projects li ul li
{font-size:0.9em;
list-style-type:disc;
border-top:0px none;
margin:1em 2em;padding:0;
color:#333;}

span.client 
{font-size:0.9em;color:#333;
font-weight:bold;
font-family:"Lucida Grande",Tahoma,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
display:block;text-align:right;
margin-top:1em;}

/* -- Tables -- */
table {margin:1em;}
caption {font-weight:bold; font-size:1.2em;text-align:left;}
td {vertical-align:top;padding:0.5em;}
.odd {background-color:#fff;}
.even {background-color:#edf3fe;}


/* -- Modules -- */
#modules
{margin-top:0.2em;}

.module
{float:left;
width:30.9em;
background-color:#fdbe4f;}

#services
{clear:left;
margin-right:0.2em;}

	div.module h3
	{display:block;
	background:#fdbe4f ;
	border-bottom:1px solid #c90;
	color:#630;
	text-indent:1em;
	font:bold 1.2em Georgia,Palatino,Tahoma,Times,serif;}
	
	div.module ul
	{background-color:#fdbe4f;
	padding-top:0.7em;
	display:block;}
	
	div.module li
	{margin-left:3em;
	font-size:1.1em;
	line-height:1.6em;
	list-style-type:none;}
	
	div.module li.empty
	{color:#fdbe4f;}
	
	div.module h4
	{font-size:1.1em;line-height:1.6em;
	margin:1em 0 0 1em; padding:0;}
	
	div.module p
	{margin:0 0 0 1em; padding:0;}


/* -- Accordion Menus -- */
#content h2.display {
	background:#7AA62F;
	margin:0.5em 0.5em 0 0.5em;
	cursor:pointer;
}

#content h2.display:hover {background:transparent url('../i/bkgd/accordion.png') repeat;}

#content h2.display a:link, #content h2.display a:visited {
	color:#fff;
	-moz-outline-style:none;
	outline:none;
	text-indent:1em;
	display:block;
	padding:0.5em 0.5em 0 0.5em;
	height:2em;
	text-decoration:none;
}

#content h2.display a:link span, #content h2.display a:visited span {border-bottom:1px dotted #fff;}
#content h2.display a:hover span {border-bottom:1px solid #fff;}

#content div.stretcher {margin:0;}
#content div.stretcher p {margin:0 4em;padding:0.7em 1em;}
#content div.stretcher p:first-child {margin:0 1em;padding:0.9em 1.1em; font-size:1.2em; line-height:1.4em;color:#333;background-color:#ffffe5;}

#content div.stretcher ul.jumplinks li
{display:inline-block;border:1px dotted #333;background-color:#f5f5f5;
list-style-type:none;float:left;}