.hidden{display: block;}
.leftIndent{margin-left: 2em !important;}

/*
not needed since you have .person img
.memberPhoto{
float: left;
}
*/
/* #education .title,
.tel {
	font-weight: normal;
} */

/* Terri's Requests: 
.graduate {
	font-size: 14px;
	font-weight: bold;
}
*/
/* this was effecting center block so i moved it out */
.person img  {
	width: 200px;
}
.Agency ul li{
	padding-left: 2em;
	padding-top: 2em;
}

.Agency ul li li{
	padding-left: 2em;
	padding-top: .5em;
	list-style-type: none;
}
/* news headline span tag to look like h2 */
.headline {
	font-size: 16px;
	font-weight: bold;
	color: #64964B;
	margin:.7em 0 1em 0;
	border-top: 1px solid #64964B;
	border-bottom: 1px solid #64964B;
	padding: 0.2em 0;
	text-indent: 10px;
	display: block;
}


/********** HTML TAG STYLES ***********/
body {
	margin: 0;
	padding: 0;
	border: 0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:url(../images/background-texture.png) repeat;
	min-width:600px;
	font: 12px Arial, Helvetica, sans-serif;
}
h1, h2, h3, p {
	padding: 0;
}
h1 {
    font-size: 24px;
    font-weight: normal;
    text-transform: capitalize;
    color: #315660;
    text-align: center;
	margin: 0.4em 0 0.2em;
}
h2 {
	font-size: 16px;
	color: #64964B;
	margin:.7em 0 0em;
	border-top: 1px solid #64964B;
	border-bottom: 1px solid #64964B;
	padding: 0.2em 0;
	text-indent: 10px;
}
h3 {
	font-size: 14px;
	color: #64964B;
	margin:.7em 0 0em;
	padding: 0.2em 0;
	border-top: 1px solid #64964B;
	border-bottom: 1px solid #64964B;
	text-indent: 12px;	
}
p {
    margin:.4em 0 .8em 0;
    line-height: 18px;
}
img {
    margin:10px 0 5px;
}

/********** MAIN LINK STYLES ***********/
a {
    font-weight: bold;
    color: #355B66;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration:none;
}

/********** PAGE DIV'S AND STYLES ***********/
#wrapper {
	width: 904px;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 5px 0;
}
#innerWrapper {
	width: 894px;
	margin: 0 5px;
}
#headerTop {
    clear:both;
    float:left;
    width:100%;
    background: url(../images/headerTop.png) no-repeat;
    height: 26px;
}

/********** HEADER STYLES ***********/
#header {
	clear:both;
	float:left;
	width:100%;
	background: url(../images/headerBG.png) repeat-y;
	padding-bottom: 8px;
	margin: 0;
}
#header p {
	margin: 0 15px;
}
#header .CRU {
    margin-top: -10px;
    border-width: 0;
    display: block;
    float: left;
}
#header .banner {
	display: block;
	clear: both;
	margin: 0 auto;
	padding-top: 5px;
}
#headerLinks {
    float: right;
    width: 150px;
    margin-top: -12px;
}
#headerLinks ul,
#headerLinks li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#headerLinks a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#headerLinks a:hover {
    color: #85C0CB;
}
/********** BREADCRUMBS ***********/
#breadcrumbs {
	background: url(../images/breadcrumbsBG.png) no-repeat;
	height: 17px;
	width: 524px;
	padding: 7px 12px;
	font-weight: bold;
	margin: 0 auto;
}
#breadcrumbs a {
    color: #1F3F75;
    text-decoration: none;
}
#breadcrumbs a:hover {
    color: #000000;
}
/********** MAIN CONTENT CONTAINERS ***********/
/* Be very careful changing any of the widths, padding, and margins of the DIV's '*/
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;
    background: #FFFFFF;
    padding-top: 8px;
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-180px; 	/* Width of right column */
    position:relative;
    right:100%;
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:358px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:177px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin: 0 186px 0 184px;     /* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.col1 ul, 
.col1 ol {
	margin: 0 2px 0 0;
	padding: 0;
}

/********** LEFT NAVIGATION BAR ***********/
.holygrail .col2 {
    float:left;
    float:right;                /* This overrides the float:left above */
    width:177px;        		/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:2px;                  /* Width of the left-had side padding on the left column */
    text-align: right;
}
#linkTop {
    background: url(../images/leftTop.png) no-repeat;
    height: 31px;
    width: 177px;
    margin: 0;
    padding: 0;
    float: left;
}
#linkMain {
	background: url(../images/leftBG.png) repeat-y;
	margin: 0;
	padding: 0 10px 10px 0;
	float: left;
	width: 167px;
}
#linkMain #search {
	display: block;
	clear: both;
	margin: 0 auto;
}
#linkMain #search fieldset {
	border-width: 0;
	margin-bottom: 15px;
}
#linkMain .txtSearch, 
#linkMain .butSubmit {
    float: left;
}
#linkMain ul {
    margin: 0 0 0 25px;
    padding: 0;
}
#linkMain li {
	display: block;
	list-style-type: none;
	border-bottom: 1px solid #FFFFFF;
	margin: 7px 0 5px;
	padding: 0 5px 3px 0;
}
#linkMain ul ul li {
	display: block;
	list-style-type: none;
	border-width: 0;
	margin-left: -25px;
}
#linkMain ul ul li a {
	font-size: 12px;
	color: #666666;
}
#linkMain a {
    font-size: 14px;
    font-weight: normal;
    display: block;
    text-decoration: none;
    text-transform: lowercase;
    color: #355B66;
}
#linkMain a:hover, #linkMain a.active {
    color: #000000;
    font-weight: bold;
}
#linkMain li.lastLink {
	border-width: 0;
}
#linkBottom {
    background: url(../images/leftBottom.png) no-repeat;
    margin: 0;
    padding: 0;
    float: left;
    height: 19px;
    width: 177px;
}

/********** RIGHT CONTENT AREA ***********/
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:180px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right: 0px;  		/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	overflow: visible;
}
#rightTop {
    background: url(../images/rightTop.png) no-repeat;
    height: 31px;
    width: 180px;
    margin: 0;
    padding: 0;
    float: left;
}
#rightMain {
    background: url(../images/rightBG.png) repeat-y;
    margin: 0;
    padding: 0 10px;
    float: left;
    width: 160px;
}
#rightMain p, 
#rightMain ol, 
#rightMain ul {
	line-height: 18px;
	background: #FFFFFF;
	display: block;
	padding: 5px;
	margin-left: 2px;
	overflow: hidden;
	border: 1px solid #BBBBBB;
}
#rightMain a {
    text-decoration: none;
    color: #355B66;
}
#rightMain a:hover {
    color: #000000;
}
#rightMain img {
	display: block;
	margin: 0 auto 7px;
}
#rightMain h2 {
    font-size: 14px;
    color: #1E3F48;
    text-transform: uppercase;
    text-align: center;
}
#rightMain h3 {
    font-size: 12px;
    color: #1E3F48;
    text-transform: capitalize;
}
#rightMain h2, #rightMain h3 {
	border-width: 0;
	margin: 0 .5em 0 .5em;
	padding: 0;
	display: block;
	text-indent: 0px;
}
#rightMain li {
    margin: 0;
    padding: 0;
    list-style-type: none;
	border-bottom:1px solid #355B66 !important;
}
#rightMain li .seeAll {
	border-bottom-width: 0 !important;
}
#rightMain .plain.listOf {
	border-bottom:1px solid #355B66 !important;
}
#rightMain .plain {
    border-bottom: none !important;
	padding-top: .3em !important;
    padding-bottom: .3em !important;
}
#rightMain .listOf.evenList, 
#rightMain .listOf.oddList {
	padding-top: .3em !important;
    padding-bottom: .3em !important;
}
#rightBottom {
    background: url(../images/rightBottom.png) no-repeat;
    margin: 0;
    padding: 0;
    float: left;
    height: 19px;
    width: 180px;
}

/********** FOOTER & COPYRIGHT AREA ***********/
#copyright p {
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 5px 0;
}
#copyright ol {
	display: block;
	text-align: center;
	margin: 0 auto;
}
#copyright ol li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 1em;
}
#footer {
	clear:both;
	width:894px;
	background: url(../images/footer.png) no-repeat;
	height: 30px;
	margin: 0 auto;
}

#udated{
	text-align: center;
	color:	#CFECEC;
	padding-top: .6em;
}
/********** LIST STYLES ***********/
.listOf {
	text-align: left;
	padding: 0.7em;
	line-height: 18px;
	list-style-type: none;
	margin: 0;
	clear: both;
}
.plain {
    border-bottom: none;
    padding-bottom: .5em !important;
}
h3 + ul > li.plain {
margin-left: 1em;
list-style-type: none;
}

h3 + ul > li.listOf {
margin-left: 2em;
}



/********** PAGE CLASSES AND STYLES ***********/
.ActiveSingle h1, .CompletedSingle h1, .PublicationsSingle h1 {
	font-size: 18px;
	padding-bottom: 5px;
}
.ActiveSingle h3, .CompletedSingle h3, .PublicationsSingle h3 {
	display: block;
	clear: none;
	/*text-indent: 0; // needed to take out, not sure if we were using */
	margin-left: 1em;
	margin-top: 5px;
}
.ActiveSingle img, .CompletedSingle img, .PublicationsSingle img {
	float: left;
	display: block;
	width: 200px;
	margin: 0 5px 5px 0;
	padding-right: 1em;
}
.button a {
	background: #D1D4BC;
	text-align: center;
	display: block;
	padding: 10px;
	width: 135px;
	float: left;
	margin: 10px 5px 0;
	text-decoration: none;
	border: 1px solid #1E3F48;
}
.button a:hover {
	background: #85C0CB;
}
.caption {
	color: #64964B;
	font-weight: bold;
}
.center {
	text-align: center;
	clear: both;
	margin-top: 15px;
}
.cooph32, 
.cooph3 {
	border-top: solid thick #64964B;
	text-align: left;
}
.cooph3 {
    font-size: 16px;
    color: #64964B;
    clear: both;
	margin: 0.8em 0 0.2em;
    font-size: 12px;
    padding: 0;
    text-transform: capitalize;
}
.dates {
	font-weight: normal;
	padding: 0 0.5em;
}
.degreeInfo {
	list-style: none;
}
.hideMe{
	display: none !important;
} 
.memberName, 
.people, 
.program {
	font-weight: bold;
}
.person h3, 
.person h3.clear, 
.clear {
	clear: none;
}
.personname {
    color: #1E3F48;
  	font-weight: bold;
}
.projectPhoto {
	float: left;
}
.pubLinks .url {
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
}
.seeAll {
	text-transform: capitalize;
	margin-top: .5em;
	display: block;
}
.threeColumn {
	float: left;
	width: 125px;
	margin: 0 22px;
}

/********** PAGE SPECIFIC STYLES ***********/
#centerBlock br{
margin-bottom: 1em
}
#centerBlock img,
.person img  {
	display: block;
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}
#Courses education .listOf .description,
#Courses education .listOf .personname,
#Courses education .listOf .webAddress, 
#personnel .role,
#outreach .description, 
#outreach .personname,  
#outreach .webAddress, 
#MediaContributions .description, 
#MediaContributions .personname,  
#MediaContributions .webAddress,
.address,
.course,
.email,
.meetingsTitle,
.name,
.newLine,
.personRole,
.personTitle,
.personalWebsite,
.pubLinks,
.sponsers,
.tel,
.title,
.trainingMaterials,
.unitName,
.url
{
	display:block;
}
#education .listOf{
	border-bottom: 0 !important; 
}
#faq #centerBlock li.listOf {
	padding-top: .1em !important;
	padding-bottom: .1em !important;
}
#faq #centerBlock li.listOf.plain {
	padding-top: .5em !important;
	padding-bottom: .5em !important;
}
#featuredProject{
	text-align: center;
}
#home #centerBlock img.map {  /* HQ Style */
	margin-left: 50px;
	width: 400px;
	border: 0;
}
#people .heading{
	font-size: 24px;
	font-weight: normal;
	color: #315660;
	margin: 0.7em 0 0.2em;
}
#people table {
	border-collapse:collapse;
	width: 100%;
}
#people td {
	vertical-align: top;
	border-bottom: 1px solid #64964B;
	padding: 0.7em 0.5em;
}