body	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: #E0E0E0 url(/i/bg_body.gif) repeat-x top;
	font: x-small/.75em verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	line-height:1.15em;
	}
	
body #content 
{
	font-size:110%;
	line-height:1.60em;
}

.wrapperBg {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background: transparent url(../images/wrapbg.gif) repeat-y center top;
	}
	
	#wrapperBg {
width:834px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:834px; 
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align:left;
	/*
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	*/
	background: transparent;
}

#wrapper {
width:922px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:922px; 
}

#header	{
	margin: 0;
	padding: 12px 0 0 0;
	border: 0;
	width: 922px;
	height: 59px;
	text-align:left;
	background: transparent url(/i/bg_hdr_me.gif) no-repeat right 13px;
}

body#home #header	{
	/* background:transparent url(../images/bg_hdr_pubs.jpg) no-repeat right top; */
}

body#eventsPage #header	{
	background:transparent url(../images/bg_hdr_events.jpg) no-repeat right top;
}

body#aboutPage #header	{
	background:transparent url(../images/bg_hdr_about.jpg) no-repeat right top;
}

body#projectsPage #header	{
	background:transparent url(../images/bg_hdr_projprograms.jpg) no-repeat right top;
}

body#drcprogramPage #header	{
	background:transparent url(../images/bg_hdr_programs.jpg) no-repeat right top;
}

body#pubsPage #header	{
	background:transparent url(../images/bg_hdr_home.jpg) no-repeat right top;
}

body#linksPage #header	{
	background:transparent url(../images/bg_hdr_links.jpg) no-repeat right top;
}

body#resourcesPage #header {
	background:transparent url(../images/bg_hdr_links.jpg) no-repeat right top;
}

/*
#mainNav {
	background: #AFC1CF url(/i/bg_nav.gif) repeat-x top;
	padding: 7px 0 0 0;
	margin:0;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	text-align:left;
	display:block;
}

#mainNav ul{
	font: bold 10px "Trebuchet MS", "Bitstream Vera Sans", Arial, Verdana, Helvetica, sans-serif;
	line-height:12px;
	height: 22px;
	text-transform:uppercase;
	color: #036;
	position:relative;
	list-style: none; 
	margin: 0; 
	padding: 0;
	
}

#mainNav ul a {
	display: block;
	white-space:nowrap;
	margin:0;
	padding:5px;
	text-decoration: none;
	
}

#mainNav ul a:link, #mainNav ul a:visited {
display:block;
color: #333;
margin:0;
padding:5px;
text-decoration: none;
}

/*
#mainNav ul a:link, #mainNav ul a:visited {
width:184px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:174px; 
}
*/

/*
#mainNav ul a:hover {
	color: #fff;
	text-decoration: none;
	background: #5C6A74;
}

/*#mainNav ul {list-style: none; margin: 0; padding: 0;}*/

/*
#mainNav ul li {
padding: 0;
margin:0;
float: left;
border-left: 1px solid #999;

/* hack to fix IE/Win's broken rendering of block-level anchors in lists
border-bottom: 1px solid #FDFAF6; */
/*
}


#mainNav ul li.last {
	border-right: 1px solid #999;
}
*/




	#mainNav {
		margin: 0px 0px 0px 0px; 
		border-bottom: 1px solid #000;		
		padding: 6px 0px 0px 0px;
		text-align: right;
		text-decoration: none;
		text-transform: uppercase;
		font: bold 12px "Trebuchet MS", Times, Arial, Verdana, Helvetica, sans-serif;
		
		}

 /* to stretch the container div to contain floated list */ 
	#mainNav:after {
		content: "."; 
		display: block; 
		line-height: 1px; 
		font-size: 1px;
		color: transparent; 
		clear: both; 
		} 

	#mainNav	img	{
		margin: 0px;
		padding: 0px 0px 1px 0px;
		}

	ul#navlist {
		list-style: none; 
		padding: 0; 
		margin: 0px; 
		background-color: #7A8C99;
		font-size: 12px;
		}

	ul#navlist li {
		text-align: right;
		float: left; 
		height: 43px; 
		margin: 0px 0px 0px 0px; 
		border-left: 1px solid #CCC;
		padding: 0; 
		background-color: #7A8C99;
		}

	ul#navlist li { width: 125px; voice-family: "\"}\""; voice-family:inherit; width: 124px;} 
	html>body ul#navlist li { width: 124px; } 
		

	ul#navlist li a {
		display: block; 
		padding: 7px 7px 18px 5px; 
		color: #eee; 
		text-decoration: none;
		text-transform: uppercase;
		font: bold 12px "Trebuchet MS", Times, Arial, Verdana, Helvetica, sans-serif;
		/* to force link block in IE/Win */
		height: 1%;
		}

	#mainNav>ul#navlist li a { width: auto; height: auto; } 

	ul#navlist li#active a {
		background: #f0e7d7; 
		color: #C30; 
		}

	ul#navlist li a:hover,
	ul#navlist li#active a:hover {
		color: #FFF;
		background-color: #B0C2CF;
		}
		
	ul#navlist li.home	{
		border-left: none;
		background-color: #B0C2CF;
		}

	ul#navlist li#empty	{
		width: 421px;
		}

	
	.clear	{
		clear: both;
		margin: 0px 0px 0px 110px;
		}
		
		
/* tertiary navigation styles */

	#articles	#mainNav	ul#navlist	li:hover > ul,
	#archives	#mainNav	ul#navlist	li:hover > ul,
	#calendar	#mainNav	ul#navlist	li:hover > ul,
	#category	#mainNav	ul#navlist	li:hover > ul,
	#searchpage	#mainNav	ul#navlist	li:hover > ul,
	#about	#mainNav	ul#navlist	li:hover > ul,
	#elsewhere-section	#mainNav	ul#navlist	li:hover > ul,
	#elsewhere-dates	#mainNav	ul#navlist	li:hover > ul	 {
		display: none;
		}


	#articles	#mainNav	ul#navlist li#next,
	#calendar	#mainNav	ul#navlist li#next,
	#category	#mainNav	ul#navlist li#next,
	#searchpage	#mainNav	ul#navlist li#next,
	#about	#mainNav	ul#navlist li#next,
	#elsewhere-section	#mainNav	ul#navlist li#next,
	#elsewhere-dates	#mainNav	ul#navlist	li#next	{
		width: 95px;
		}

	#articles	#mainNav {	
		margin: 0px 0px -4px 0px; 
		padding: 0px 0px 0px 0px; 
		border-bottom: none;		
	}
		
		
#mastheadWrapper {
border-bottom:1px solid #999; padding-bottom:2px;
margin-bottom:20px;
}

#masthead {
	text-align:center;
	width:900px;
	height:300px;
	border-bottom:1px solid #999; padding-bottom:20px;
	vertical-align:bottom;
	text-align:left;
}



body#home #masthead	{
	background:transparent url(/i/mast_nadal.jpg) no-repeat center top;
}

#mastheadContent {
	 padding:20px 0 0 20px;
}

#mastheadContent { height:300px; voice-family: "\"}\""; voice-family:inherit; height:280px;} 

#subheader	{
	margin: 0 0 24px 0;
	padding: 0;
	width: 922px;
	border-top: 8px solid #A48464;
	border-right: none;
	border-bottom: 2px solid #A48464;
	border-left: none;
}

#content {
	background: #fff url(../images/bg_sdbr.gif) repeat-y left;
	
	margin:0;
	padding:10px;
	float:left; 
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#content {
	width:920px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 900px;
}

#mainContent {
	float:right;
	padding:20px;
	margin:0;
}

#mainContent {
	width: 615px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 575px;
}

.ltContent {
	float:left;
	padding:0 20px 20px 0;
	margin:0;
}

.ltContent {
	width: 410px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 390px;
}

.midContent{
	float:left;
	padding:0 20px 20px 0;
	margin:0;
}

body#about .midContent{
	color:#333;
}

.midContent{
	width: 220px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 200px;
}

 .rtContent {
	float:right;	
	padding:0 0 20px 0;
	margin:0;
}

.rtContent {
	width: 270px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 260px;
}


#content h2 {
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
			color: #666;
			margin: 0px 0px 6px 0px;
			font-size: 11px;
			line-height: 12px;
			text-transform:uppercase;			
			letter-spacing: 1px;
			font-weight: bold;
}



#content .ltContent h3 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #5C6A74;
			margin: 0px 0px 10px 0px;
			font-size: 26px;
			line-height: 24px;
			letter-spacing: -1px;
			font-weight: bold;
}

#content h3.first {	
			font-size: 36px;
			line-height: 34px;
			font-weight: bold;
			letter-spacing: -2px;
}

#content h4, #content h3 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #5C6A74;
			margin: 0px 0px 10px 0px;
			font-size: 26px;
			line-height: 24px;
			letter-spacing: -1px;
			font-weight: normal;
}

#mastheadContent h3 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
			font-style: oblique;
			color: #fff;
			margin: 0px 0px 0px 0px;
			font-size: 51px;
			line-height: 44px;
			letter-spacing: -2px;
			font-weight: bold;
}

#content p + h4, #content ul + h4  {
	margin: 30px 0px 10px 0px;
}

#content p, #content p, #mainContent p 
{
	/*
	font-size:110%;
	line-height: 1.30em;
	*/
	margin: 0 0 20px 0;
 	padding: 0;
}

.sidebar {
	padding:0 0 30px;
	}



#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-small;	
  	padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	
	letter-spacing: .3em;
	}

/*
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar ul ul {
	margin-bottom: 0px;
	}

.sidebar #categories ul {
	padding-left: 15px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 100%;
	
	
	
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar #categories li {
	list-style-type: circle;
	}
	
	*/

.sidebar img {
	border: 3px solid #FFFFFF;
	}


#content ul {
	padding:0 0 0 8px;
	margin:0 0 10px 8px;
}

#content ul li {
	padding:0 0 0 0;
	margin:0 0 3px 0;
	line-height:120%;
}

#footer	{
	clear:left;
	background:#fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom:10px solid #999;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	width:100%;
	height:59px;
	text-align: center;
}

#footer	{
	width:920px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 900px;
}

/*TODO: Add box width hack foe IE 5 WIN */
.footerContent	{
	background: #fff url(/i/bg_body.gif) repeat-x top;
	line-height: 1.10em;
	color:#999;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

.footerContent	{
/*
	width: 775px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 776px;
	*/
}

.footerContent p {
	margin: 0;
 	padding: 6px 0 0 0;
}









a {
	text-decoration: underline;
	
	
	}

a:link {
	color: #8FABBE;
	}

a:visited {
	color: #8FABBE;
	}

a:active {
	color: #8FABBE;
	}

a:hover {
	color: #006699;
	}

/*
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
*/

#container {
	line-height: 140%;
		margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
	
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	}

#banner {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #999999;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 39px;
	}

#banner-img {
	display: none;
	}


#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {
	font-size: xx-large;
	
	
	
	}

#banner h2 {
	font-size: small;
	}

#center {
		float: left;
	width: 500px;
	
	
	overflow: hidden;
	}

.content {
	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	
	color: #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-small;
	}
.content pre {
	font-size: larger;
}
#right {
		float: left;
	
	
	width: 200px;
	background-color: #FFFFFF;
	
	overflow: hidden;
	}

.content p {
	color: #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h2 {
	color: #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: x-small;	
	text-align: left;
	font-weight: bold;	
	margin-bottom: 10px;
	
	}

.content h3 {
	color: #666666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}

.content p.posted, #content p.posted {
	color: #666;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #999999;
	text-align: left;	
	padding: 0 0 25px 0;
	margin-bottom: 25px;
	line-height: normal;
	}


.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
	
	img
	{
		border:0;
	}

