@charset "UTF-8";
body {
	font-family: Georgia,"Palatino Linotype" ;
	font-size:13px;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #333;
	background:#eee url(../img/bg/bg3.png);
}

.hide, .hidden {display:none;}
/* slectors - combinators tests 
*|*:not(*) {color:#f00;}

div > p:first-child{background-color:#f00;}
p.note {background-color:#0f0;}


*/

#noJavascript {text-align:center;}



/* globals */

/* copy */
p {color:#333;
	margin:1em 0;
	line-height:15px;
	font-family:helvetica,verdana,arial,sans-serif;
	font-size:12px;
	}

pre {
	font-size:10px;
	margin:0;}
/* headers */

h1 {
	font-size:180%;
	font-family:Georgia,"Palatino Linotype";
	
	}

h1 span {
	padding-left:24px;
	font-size:80%;
	font-variant:small-caps;
	color:f00;
	}

/* The main page headers */

h1.label {
	font-size:36px;
	font-family:Arial,Helvetical,sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	margin:0 0 0 6px;
	letter-spacing:.02em;
	color:#666;
	}
h1.label + h2 {
	font-size:18px;
	font-family:Arial,Helvetical,sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	margin:-5px 0 0 6px;
	letter-spacing:.02em;
	color:#666;
	}
h1.label + h2 + p {
	
	font: 85% Georgia,"Palatino Linotype";
	letter-spacing:.05em;
	margin:2px 0 2em 6px;
	
	color:#333;
	}	
	
	
h1.labelSub {
	font-size:48px;
	font-family:Arial,Helvetical,sans-serif;
	font-variant:small-caps;
	font-weight:normal;
	margin:0 0 0 6px;
	letter-spacing:-.05em;
	color:#ddd;
	}






	
h1 + p {margin:-.5em 5em 1em 0;}
	
h2 {font-size:160%;
	font-family:Palatino,Georgia,"Palatino Linotype";
	}
h2 + p {margin-top:.5em;}	
	
h3 {font-size:140%;
	color:#666;
	margin:1.9em 0 0 0;
	font-variant:small-caps;
	padding:0;
	}
h3 + p {margin:.3em 2em 0 0;}

h4 {font-size:120%;
	font-variant:small-caps;
	font-weight:bold;
	color:#f00;
	margin:1.7em 0 0 0;
	padding:0;
	}
h4 + p {margin-top:.3em;font-size:10px;}

h5 {
	color:#000;
	padding: 0 1em 0 9px;
	margin-top:-5px;
	}
	
/* starter links */
a, a:visited {
	color:#999;
	text-decoration:none;
	padding:0;
	}
a:hover {
	color:#333;
	}
a:active {
	color:#ddd;
	}

a.external {
	background:transparent url(../img/res/external.png) no-repeat scroll right 2px;
	padding-right:15px;
	}
a.external:hover {
	background:transparent url(../img/res/external2.png) no-repeat scroll right 2px;
	padding-right:15px;
	}

a.here {
	color:#000;
	background-color:#ddd;
	border:1px solid #f00;
	}

/* new window icon inline duplicated in the footer */
a.newind, a.newind:visited {
	color:#000;
	text-decoration:none;
	padding-right:12px;
	background:transparent url(../img/res/newWindow.png) no-repeat scroll right 2px;
	border-bottom:1px solid #ddd;
	}
a.newind:hover {
	background:transparent url(../img/res/newWindow2.png) no-repeat scroll right 2px;
	color:#999;
	border-bottom:1px solid #000;
	}

.blockR dd a.newind, a.newind:visited, .blockL dd a.newind, a.newind:visited {margin-left:1px;}
dt a.newind, a.newind:visited {margin-left:1px;}




/* layout */
.main #container {
background:#fff url(../img/bg/bg4.png);
	width: 960px;
	margin: 0 auto;
	border: 1px solid #ccc;
	border-top:0;
	text-align: left;
	
}
/*#f3dc87 - gold  */
.main #topbar {background-color:#000;height:3px;}

/* original test bannerimageTest.png image */
.main #banner {
	background-color:#666;
	/*background:#333 url(../img/banner/bannerimageTest.png) no-repeat 66%;*/
	height:100px;
	padding-left:12px;
	font-size:36px;
	font-weight:bold;
	color:#000;
	border:0 solid #f00;
	}

.main #banner h1.label {
	padding-top:14px;
	font: 60px Arial,Helvetical,sans-serif;
	
	}

.main #banner  a {
	text-decoration:none;
	outline:none;
	color:#000;
	}

.main #banner  a:hover {
	text-decoration:none;
	outline:none;
	color:#ddd;
	}

.main #banner div#subTitle {
	margin-top:-16px;
	padding-left:18px;
	font-size:16px;
	color:#fff;
	}
	
.main #banner div#quote {
position:relative;
top:-40px;
left:340px;
color:#fff;
font-size:18px;
	}
.main #banner div#quote span {
color:#eee;
font-size:13px;
}

.main #banner div#quote span a {
padding-left:32px;
}


.main #sfnav {
	background-color:#ddd;
	width:886px;
	height:27px;
	padding:0 0 0 75px;
	border-bottom:1px solid #eee;
	}






/* shrink the right column to accomodate the wide classed mainContent - if used at all 
.main #rightcol.small {
	float: right;
	width: 60px;	
	background: #fff;
	padding: 0 9px;
	border-left:0 solid #ccc;
	}

*/


/* breadcrumbs, sorta on the people pages */

#crumbs2 {
	width:960px;
	text-align:left;
	padding:0;
	margin:0;
	height:16px;
	color:#000;
	border:0 solid #0f0;
}

#crumbs2 a,  #crumbs2 a:visited {
	background:transparent;
	color:#666;
	padding-right:24px;
	margin:0;
	outline:none;
	text-decoration:none;

	}

#crumbs2 a:hover {
	color:#ddd;
	outline:none;
	}

/* on project page */
#crumbs2 a.first2 {
	padding-left:168px;
	border:0 solid #f00;
	outline:none;
	}
/* on resources page */
#crumbs2 a.first3 {
	padding-left:348px;
	border:0 solid #f00;
	outline:none;
	}
/* on people pages */
#crumbs2 a.first {
	padding-left:522px;
	border:0 solid #f00;
	outline:none;
	}

#crumbs2 a.here {
	color:#000;
	border:0;
	outline:none;
	text-decoration:underline;
	}



.main #mainContent {
	margin: 0 200px 0 0;
	padding: 0 12px;
	}

.main #mainContent.wide {
	width:936px;
	margin: 0 0 0 0;
	padding: 24px 12px 0 12px;
	border:0 solid #0f0;
	}

.main #mainContent.wide dl {
	margin: 3px 40px 0 24px;
	padding:0 0 0 7px;
	color:#000;
	
	}

.main #mainContent.wide dt {
	color:#333;
	font-family:helvetica,verdana,arial, sans-serif;
	font-size:12px;
	
	}

.main #mainContent.wide dd {
	margin: 3px 0 7px 0;
	padding:0 40px 0 0;
	color:#333;
	font-family:verdana,arial, sans-serif;
	font-size:12px;
	}


.main #mainContent.wide .people {
	float:left;
	padding:-5px 0 0 3px;
	border-left:1px solid #ddd;
	min-height:1060px;
	width:488px;
	}



.main #mainContent.wide .people h1{
	margin:10px 0 9px 9px;
	}
.main #mainContent.wide .people p {
	color:#333;
	font-size:.9em;
	line-height:1.4em;
	padding-left:9px;
	}



.main #mainContent div.block {
	border: 0 solid #f00;
	background:transparent;
	min-height:0px;
	margin:0 36px 0 156px;
	}
	
.main #mainContent div.block h1 {
	color:#000;
	font-family:Arial,Helvetical,sans-serif;
	margin:0 0 0 0 0;
	color:#000;
	font-weight:normal;
	}
	
	
.main #mainContent div.block h1 span {color:#999;
	margin-left:0;
	font-size:.7em;
	font-weight:normal;
	}		
	
.main #mainContent div.block h1 span a {color:#999;
	margin-left:1em;
	font-size:.7em;
	font-weight:normal;
	}		
.main #mainContent div.block p.quote {
	color:#000;
	margin:-.5em 9em 0 4em;
	}


.main #mainContent div.block2 {
	border:0 solid #f00;
	background:transparent;
	min-height:160px;
	}
.main #mainContent div.block2 div.others{
	border:0 solid #f00;
	float:left;
	margin-right:51px;
	}
.main #mainContent div.block2 div.last {
	border:0 solid #f00;
	float:left;
	}

/* right column - used on people pages */
.main #rightcol {float:left;
	border-left:1px solid #ddd;
	min-height:1060px;
	width:190px;
	padding:-1em 0 0 9px;
	}

 #rightcol.short {
	min-height:640px;
	}


.main #rightcol h4{
	margin:9px 0 0 6px;
	color:#000;
	}

.main #rightcol p {font-size:1em;}

.main #rightcol ul {
	margin:6px 1em 0 -2.8em;
	padding-bottom:1em;
	}

.main #rightcol li {
	list-style-type:none;
	padding-bottom:1em;
	}


/* the left column people pages */
.main #mainContent.wide #pic {
	border:1px; solid #f00;
	float:left;
	
	background:transparent;
	margin-top:15px;
	width:236px;
	}

.main #mainContent.wide #pic img {
	padding-bottom:12px;
	}

.main #mainContent.wide #pic h4 {
	color:#000;
	padding-left:7px;
	font-size:1.3em;
	}

.main #mainContent.wide #pic ul {
	list-style-type:none;
	margin:5px 0 0 -28px;
	}

.main #mainContent.wide #pic li {
	padding-bottom:.4em;
	padding-right:9px;
	}

/* people */









p.email {margin:-1em 0 0 224px;font-size:90%;}
p.email a {padding-right:2em;}
p.email2 {margin:-1em 0 0 12px;font-size:90%;}
p.email2 a {padding-right:2em;}

.main #mainContent p {
	margin-right:12px;
	}




.main #footer {
	padding:0 0 -20px 144px;
	background:transparent/*url(../img/res/dog/topnav.jpg) repeat-x 0 15px*/;
	font-size: 85%;
	min-height:118px;
	border-top:1px solid #ddd;
	}

.main #footer div {
	min-height:81px;
	float: left;
	width: 19%;
	padding-left:3%;
	padding-top:5px;
	padding-right: 0;
	margin-right: 2%;
	background:transparent /*url(../img/res/dog/dots-vertical.gif) repeat-y 100% 0*/;
	border:0 solid #f00;
	}


.main #footer ul {
	margin: 0 0 1em 1em;
	padding: 0;
	list-style-type: none;
	}

.main #footer li {
	background:transparent url(../img/res/dog/arrow.gif) no-repeat 0 .4em;
	padding-left: 10px;
	line-height:1.5em;
	}
.main #footer h3 {font-size:140%;
	font-weight:bold;
	font-variant:small-caps;
	color:#666;
	margin:0;
	padding:0;
	}

.main #footer ul li a, .main #footer ul li a:visited {
	border:0;
	color:#000;
	background:transparent;
	padding:0;
	text-decoration:none;
	}

.main #footer ul li a.here {
	font-weight:bold;
	color:#000;
	}


.main #footer ul li a:hover {
	color:#f00;
	border-bottom:0 solid #f00;
	}
.main #footer a:active {
	color:#ddd;
	}




.main #footer a.newind,.main #footer a.newind:visited {
	background:transparent url(../img/res/newWindow.png) no-repeat scroll right 0;
	padding-right:15px;
	}

.main #footer a.newind:hover {color:#f00;
	background:transparent url(../img/res/newWindow.png) no-repeat scroll right 0;
	padding-right:15px;
	}

.main #footer a.here {color:#f00;}

/* new window icon inline */
.main #footer a.pop2 {background-image: url(../img/res/newWindowIcon.gif);background-position:100% -2px;background-repeat:no-repeat;text-decoration:none;color:#666;}

.main #footer a:hover.pop2 {background-image:url(../img/res/newWindowIcon.gif);background-position:100% -30px;border:1px solid #ccc;color:#000;}

.main #footer a:active.pop2 {background-image: url(../img/res/newWindowIcon.gif);background-position:100% -58px;}


.main #UIstuff {border:1px solid #ddd;
	padding:3px 0 0 314px;
	height:28px;
	background:transparent url(../img/res/uilogo.png) no-repeat 2.2% 50%;
	}

.main #UIstuff div a  {
	color: #666;
	font-variant:small-caps;
	}
.main #UIstuff div a:hover {
	color: #bbb;
	}
.main #UIstuff .links {
	text-align:right;
	margin:4px 60px 0 0;
	}


/* Accordion test styles */
#accordion {
	padding-right:12px
}
#accordion p {	
	font: 90% Georgia,"Times New Roman", serif;
	background: #fff;
	margin: -1em 0 0 0;
	padding: 0;
	color: #333;
	background:transparent;
	line-height:1.4em;
}
#accordion dl {
 font: 90% Georgia,"Times New Roman", serif;
	background: #fff;
	margin: 5px 0 0 0;
	padding: 0;
	color: #333;
	background:transparent;
} 
 #accordion dt {
 	color:#666;
 	padding-bottom:3px;
	 line-height:1.4em;
 	}
 #accordion dd {
 	color:#000;
 	padding-bottom:7px;
 	line-height:1.4em;
 	}
 #accordion dd a, a:visited {
 	color:#000;
 	text-decoration:underline; 
 	outline:none;
 	}
 #accordion dd a:hover{
 	color:#bbb;
 	}
 #accordion h6 {
 	font:bold 100% Georgia,"Times New Roman", serif;
	background: #fff;
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
	background:transparent;
	}





/* workups */
img.show {border:1px solid #333;}
img.no {border:0 solid #333;}

img.side{float: left;
	margin: 0 12px 0 8px;
}





/* floats */
.fltrt {
	float: right;
	margin-left: 8px;
	}
.fltlft {
	float: left;
	margin-right: 8px;
	}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}