@import url("undo.css"); /* resets default browser styles */

body {
	/* font-family: "Times New Roman", Times, serif; */
	font-famiy: arial, verdana, sans-serif;
	font-size:62.5%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color:#333;
}
span h1, span h2 { /* hidden image headers */
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
} 
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
p.firstparagraph {
	margin-top: 0;
	padding-top: 0;
}
.firstletter {
	font-size: 1.5em;
	color: #E85211;
	letter-spacing: .05em;
}
	
#container-right ul.bulletlink  {  
	margin:0; 
	padding: 0;
	font: 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
#container-right ul.bulletlink  li { 
    list-style-type: none;
    padding-left: 1em;
    background-image:  url("/images/bullet_orange.gif");
    background-repeat: no-repeat;
    background-position: center left;
}
#container-right ul.jobtitle {  
	margin:0; 
	padding: 0;
	font: 90% Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
#container-right ul.jobtitle  li { 
    list-style-type: none;
    padding-left: 12px;
	margin-top: -3px;
	margin-bottom: 8px;
}

.content ul {  
	margin:0; 
	padding: 0;
	/* font: 1.3em "Times New Roman", Times, serif; */
	font: 1.2em arial, verdana, sans-serif;
	/* text-align: justify; */
	line-height: 1.6em;
}
.content ul li { 
    list-style-type: none;
    padding-left: 1em;
    background-image:  url("/images/bullet_orange_square.gif");
    background-repeat: no-repeat;
    background-position: 0 6px;
	margin-bottom: 8px;
}

ol {
	padding-left: 19px;
	margin-left: 0;
}
#printlogo {
	display: none;
}
	
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
	}
img, a img {
	border: 0;
	background-image: none;
	}
a .alt { display: none; }

div {margin:0}

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
}

/***
The following fixes prevent justified italic text
from destroying the layout in IE/win. 

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

#flashcontent {
	position: absolute;
	width: 750px; 
	height: 214px;
	top: 112;
	left: 0;
	z-index: 1;
}
#flashcontent p, #flashcontent a, #flashcontent a:visited {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	padding: 5px;
	text-align: center;
}
#flashcontent a:hover {
	color: #000;
	text-decoration: none;
}
#flashcontent img {
	padding-top: 5px;
	border: none;
}
#flashcontent a:hover img {
	filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;
}

/* HEADER CONTENT 
****************************************** */
#logo {
	float: left;
	width:226x;
	height:79px;
}
#logo a {
	display:block;
	width:226px;
	height:79px;
	cursor:pointer;
}
#logo img {
	display:block;
	width:226px;
	height:79px;
}
#logo span {
	float: left;
	width:226px;
	height:79px;
}

#header a.newsletter, #header a:link.newsletter {
	float: right;
	margin-top: 30px;
	display:block;
	width:125px;
	height:20px;
	background-image: url("/images/header_newsletter.gif");
	background-position: 0 0;
}
#header a:hover.newsletter {
    background-position: 0 -20px;
}
#header a:active.newsletter {
    background-position: 0 -40px;
}

#header a.email, #header a:link.email {
	float: right;
	margin-top: 50px;
	margin-right: -125px;
	display:block;
	width:201px;
	height:20px;
	background-image: url("/images/header_email.gif");
	background-position: 0 0;
}
#header a:hover.email {
    background-position: 0 -20px;
}
#header a:active.email {
    background-position: 0 -40px;
}

/* CONTENT HEADERS
**************************************************** */

.title_left {
	display: block;
	width: 315px;
	height: 45px;
}
.title_center_sub {
	display: block;
	width: 195px;
	height: 55px;
}
.title_center {
	display: block;
	width: 195px;
	height: 45px;
}
.title_right {
	display: block;
	width: 240px;
	height: 45px;
}

/* MISC 
****************************************** */
blockquote {
  width: 450px;
  margin-left: 0;
  font-size:110%;
  line-height: 1.7em;
  background: transparent url("/images/quote_left.gif") left top no-repeat;
}
blockquote div {
  padding: 0 20px 0 30px;
  background: transparent url("/images/quote_right.gif") right bottom no-repeat;
}
ul#author {text-align:right; padding-bottom:2em; font-style:italic; font-size:100%;}


/* PROJECT LISTING
****************************************** */
#container-center div#project-list { margin-top: 8px; } 
#container-center div#project-list h2 a { font:bold 100% Arial, sans-serif; margin-bottom:0; padding-top:-10px; padding-bottom:0; background: none; color:#EE3300; }
#container-center div#project-list h2 { font:bold 130% Arial, sans-serif; margin-bottom:0; padding-top:-10px; padding-bottom:0; background: none; }
#container-center div#project-list p { margin:0 40px 0 0; padding:0; }
#container-center div#project-list img { float:right; padding: 0; margin:22px 20px 10px 20px; }
#container-center div#project-list hr { margin:7px 0; padding:0; border-width:1px 0 0 0; border-top:1px solid #EBEBEB; height:1px; clear:both; }
html>body #container-center div#project-list hr { margin:15px 0; }
#container-center div#project-list .extra-space { height:30px; }
html>body #container-center div#project-list .extra-space { height:80px; }
#container-center div#project-list a.internal { display: block; width: 180px; font-family: Arial, sans-serif; font-size:85%; padding-top: 5px; padding-left:10px; background:url(/images/bullet_orange.gif) no-repeat 0 9px; }
#container-center div#project-list a.internal span { margin:0; background:url(/images/dotted-underline.gif) repeat-x bottom; padding:2px 0 2px 0; }
#container-center div#project-list a:hover.internal span { margin:0; background:none; }

/* SIDEBAR TESTIMONIAL
****************************************** */
#container-right div.testimonials { display:block; width: 200px; margin: 16px 15px 0 20px; }
#container-right div.testimonials p { font:italic 110% Arial, Helvetica, sans-serif; margin-bottom:15px; }
#container-right div.testimonials span { display:block; text-align:right; font-size:90%; margin:8px 0 25px 0; padding:0; }
#container-right div.testimonials hr { margin:0; padding:0; border-width:1px 0 0 0; border-top:1px solid #EBEBEB; height:1px; clear:both; }
html>body #container-right div.testimonials hr { margin:15px 0 20px 0; }

/* CONTENT TESTIMONIAL
****************************************** */
#container-center div.testimonials p { /* font:italic 130% "Times New Roman", Times, serif;*/  font: italic 130% arial, verdana, sans-serif; margin-bottom:0; }
#container-center div.testimonials span { display:block; text-align:right; font-size:90%; margin:8px 0 25px 0; padding:0; }

/* FLASH SLIDESHOW DISPLAY
****************************************** */
#flash { margin-top:10px; }

/* INDIVIDUAL PROJECT DISPLAY
****************************************** */
#container-center div.project-display h2 { font:bold 120% Arial, Helvetica, sans-serif; margin:25px 0 0 0; }
#container-center div.project-display h2.sorry { font:bold 120% Arial, Helvetica, sans-serif; margin:0; }
#container-center div.project-display span.adr, #container-center div.project-display span.completionDate, #container-center div.project-display span.contactEmail { display:block; margin:1px 0 0 0; padding:0; font:90% arial, verdana, sans-serif; /* font:90% "Times New Roman", Times, serif;*/ }
#container-center div.project-display span.contactEmail a { font-size:90%; }
#container-center div.project-display p { margin:15px 0 0 0; }

/* INDIVIDUAL PROJECTS SIDEBAR
****************************************** */
.projectselector { padding:16px 0 0 0; margin: 0 13px 0 20px; }
.projectselector select { color:#4488EE; font:100% Arial, Helvetica, sans-serif; width:100%; }
.project-sub-list { margin: 10px 13px 0 20px; font-size:110%; }
.project-sub-list ul { margin:0; padding:0; list-style-type:none; }
.project-sub-list span { display:block; width:100%; height:100%; padding:4px 0; margin:0; background:url(/images/bullet_orange.gif) no-repeat 4px center; }
.project-sub-list li { margin:0; background:url(/images/dotted-underline.gif) repeat-x bottom; padding:2px 0 3px 0; }
#right .project-sub-list span.active { background:#DEE9FA url(/images/bullet_blue_reverse.gif) no-repeat 4px center; }
#right .project-sub-list ul li a { display: block; margin:0 0 0 15px; padding:0; }
#right .project-sub-list ul li a:link, #right .project-sub-list ul li a:visited, #right .project-sub-list ul li a:active { color:#4488EE; background-image:none; }
#right .project-sub-list ul li a:hover { color:#9be; }
#right .project-sub-list ul li .active a:hover { color:#4488EE; }

/* SIDEBAR BLURB BENEATH PROJECT LIST
****************************************** */
.work-blurb {  margin:40px 13px 0 25px; }
.work-blurb h3 { font:bold 110% Arial, Helvetica, sans-serif; margin:0; padding:0; }
.work-blurb p { margin-top:2px; }
#right .work-blurb a { font-size:90%; }

/* SIDEBAR CONTENT BENEATH CONTACT MENU
****************************************** */
.address {  margin:15px 13px 0 25px; }
.address h3 { font:bold 110% Arial, Helvetica, sans-serif; margin:0; padding:0; }
.address span { display: block; margin-top:2px; }
.email {  margin:15px 13px 0 25px; }
.email h3 { font:bold 110% Arial, Helvetica, sans-serif; margin:0; padding:0; }
.email p { margin-top:2px; }
#right .email a { font-size:90%; }

/* CENTER COL CONTENT BENEATH VCARD
****************************************** */
#container-center .email {  margin:15px 15px 0 0; height:100%; /* for IE */ }
#container-center .email h3 { font-size: 120%; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; }
#container-center .email a:link,
#container-center .email a:visited { font-size:90%; }

#container-center ul.bulletlink  {  
	margin:0; 
	padding: 0;
	font: 1.2em Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
#container-center ul.bulletlink li { 
    list-style-type: none;
    padding-left: 1em;
    background-image:  url("/images/bullet_orange.gif");
    background-repeat: no-repeat;
    background-position: center left;
}
#container-center ul.jobtitle {  
	margin:0; 
	padding: 0;
	font: 90% Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}
#container-center ul.jobtitle  li { 
    list-style-type: none;
    padding-left: 1em;
	background-image: none;
	padding-left: 12px;
	margin-bottom: 5px;
	margin-top: -8px;
}

/* NEWS & NEWSLETTERS
****************************************** */
#container-center p,
#container-center dl {margin-right:15px;}

#news { }
/*
#news dl { margin-top:1em; margin-bottom:1em; }
#news dt.date { position:relative; top:0; left:0; width:80px; /* Need width for IE 5 font-weight:bold; }
#news dd.teaser { margin-top:-1.3em; margin-left:85px; }
#container-center div.content p.sub-article-date { text-align:right; font:90% Arial, Helvetica, sans-serif; padding-bottom:50px; margin-top:10px; color:#666; }
#container-center div.content p.sub-article-date span { font-size:130%; }
#sect-about h2 { font-size:140%; margin-bottom:5px; }*/

div.newsletter-articles h2 {display:none;}
div.newsletter-articles h3 {margin:2em 0 .5em 0;}

dl.article {border-bottom:1px solid #E3E3E3; margin-top:-4px; margin-bottom:.75em; padding-bottom:1.3em; font: 1.2em Arial, Verdana, sans-serif;}
dl.article dt {line-height:1.3em; color:#EE3300;}
dl.article dd {line-height:1.4em;}
dl.article dd.download {margin-top: 5px;}

#sect-about dl.article dd a {position:relative; padding-left:18px; }
img.pdf {position:absolute; top:1px; left:0;}
img.doc {position:absolute; top:1px; left:0px;}

.newsArticleImage {display:block; float:right; width:200px; height:200px; margin:0 0 20px 20px;}

/* VCARDS
****************************************** */
#container-center .content .vcard { line-height: 1.6em; font: 1.2em Arial, Verdana, sans-serif; margin-bottom: 15px; }
#container-center .content .org { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 110%; margin-bottom: 5px; }
#right .vcard { margin:20px 13px 0 25px; }
#right .org { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 110%; }

/* DIRECTIONS
****************************************** */
#container-center .content #directions { font: 1em Arial, Verdana, sans-serif; }
#container-center .content #directions h2 { margin-top: 15px; }
#container-center .content #directions ol { line-height: 1.6em; font-size: 1.2em; list-style-type: decimal; margin-left: 3px; }

/* GLOBAL CONTENT
****************************************** */
.content p { margin:0 0 15px 0; }
p.content {margin:5px 0 15px 0; }
.content ul { margin:0 0 15px 0; }
#container-center .content h2 {font-family: Arial, Verdana, sans-serif; font-size: 130%; font-weight: bold; color: #CC3300; margin-bottom: 3px; }

/* DIRECTION MAPS
****************************************** */
#container-center .content img.map_directions { padding-top: 15px; }
#container-center a.directions,
#container-center a:link.directions,
#container-center a:visited.directions,
#container-center a:hover.directions, 
#container-center a:active.directions { background: none; }

/* UDM DROPDOWN
****************************************** */
#header #udm li a.navButton { text-indent:-5000em; overflow:hidden; }

/* MISC
****************************************** */
.testLink span {
background:url(/images/link_pdf.gif) no-repeat 0 0;
padding:0 14px 0 0;
margin:.5em 0 0 0;
}

.testLink a {margin:0 20px}

div#right a#project-locations {background:none;}