html, body {
	margin:0;
	padding:0;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background:#35415B;
	text-rendering: optimizeLegibility; 
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;

}
p { line-height: 1.5;
    margin: 0 0 1em; 
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}

h4 {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	padding: 15px 5px 0px 5px;
	margin: 0;
}

a {
	text-decoration: none;
	color: #000;
}

a:link {
	color: #000;
	text-decoration: none;
}      /* unvisited link */
a:visited {
	color: #000;

	text-decoration::none;
	}  /* visited link */
a:hover {
	color: #000;

	text-decoration::none;
	}  /* mouse over link */
a:active {
	color: #000;


	text-decoration::none;
	}  /* selected link */ 


table {
	padding:0px;
	margin:0px;


}

/********** main layout divs ***************/
#leftborderbox{
width: 1200px;
min-height: 500px;
background-image: url('../images/powellfrontcollages.gif');
background-repeat: repeat-y;
background-position: left;
border: 0px;
}
#wholepagebox{
	width: 960px;
	min-height: 500px;
	border:none;
	background-color: white;
	margin:0 auto;
	padding:0;
	text-align:left;
	
}

#content{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	border: 0px solid #fcfcfc;
	background-color: #fff;
	text-align: left;

}

#content-middle{
	padding: 0;
	/*padding: 0px 10px 10px 10px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-align:left;
	/*border: 1px solid #44526F;*/
	/*height:350px;*/
	width:950px;
	margin:0;
}

#middlesegment{
	width:940px;
	padding:0 10px;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


#mainlogo{
	padding: 0px 0px 0px 0px;
	
	height: 145px;
	width:960px;
	/*background-color: #536895;*/
	background-image: url(../images/HERI_Header.png);
	background-repeat: no-repeat;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #ccc;
	margin:0 auto; 
}
#home {
padding:0;
margin:0;

}

.home-box {
margin:0 0 3px 0;
padding: 0 0 12px 0;
font-size: 85%;
line-height:1.5em;
color:#666;
background:#fff;
border-left:2px solid #B9C5CC;
border-right:2px solid #B9C5CC;

}

.home-box h3 {
margin:0;
padding:5px;
font-family:Georgia, serif;
font-weight:bolder;
color:#fff;
background:#41567A;

}

#home-left {
float:left;
width:270px;
margin:3px 0 0 3px;
*margin: 3px 0 0 3xp;
padding:0;
background:#B9C5CC;
min-height:600px;
}

#home-right {
float:right;
width:680px;
margin:3px 3px 0 0;
*margin:3px 0 0 0;
padding:0;
background:#B9C5CC;
min-height:600px;
}


#bcHERIinNews{
	position: relative;
	width: 140px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*border: 1px solid #44526F;*/
	padding: 4px 4px 4px 4px;
	/*height:500px;*/
	background:#B9C5CC;
}

/*#bcHERIConf{
	position: relative;
	width: 140px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px dashed #000000;
	padding: 4px 4px 4px 4px;

}*/
#bcHERIConf{
	font-size: 8pt;
	/*background-image: url(../images/bcConferencesHeader.gif);
	background-position: top;
	background-repeat:no-repeat;
	position: right;*/
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*border: 1px solid #44526F;*/
	padding: 4px 4px 4px 4px;
	
	/*height:325px;*/
	float:left;
	background:#B9C5CC;
}

#bcHERIBriefs{
	position: relative;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*border: 1px solid #44526F;*/
	padding: 4px 4px 4px 4px;
	/*height:350px*/
	width:250px;
	float:left;
	background:#B9C5CC;
	background-color: #B9C5CC;
}

#bcHERIHappenings{
	background-image: url(../images/bcHappeningsHeader.gif);
	background-position: top;
	background-repeat:no-repeat;
	font-size: 8pt;
	position: right;
	/*width: 140px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #44526F;
	padding: 4px 4px 4px 4px;
}

#Papers{

	font-size: 8pt;
	position: right;
	/*width: 140px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	/*border: 1px solid #44526F;*/
	padding: 4px 4px 4px 4px;
}

#searchbox{
	background-image: url(../images/searchHERI.gif);
	background-repeat: no-repeat;
	background-position:top;
	position: relative;
	width: 140px;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 4px 4px 4px 4px;
	border: 1px solid #44526F;
}


#emptyfooterdiv{
	height:30%;
	border: 2px solid green;
}


#footer{
	clear:both;
	position: relative;
	background: transparent url(../images/footer-bg.png) top center;
	*width:960px;
	width:960px;
	height:90px;
	margin:0 auto;
	padding:0;

}

#footer p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
padding:0px;
margin:0;
position:relative;
top:0;
left:0;
text-align:center;
*height:20px;
height:40px;
background:#2f3b54;

}


#menuwrap {
	/*position:relative;
	width:790px;
	margin: 0;
	padding:0;
	border: 0px solid blue;
	z-index: 21;
	top:-15px;
	left: -1px;
	text-align:left;
	*/
	text-align:left;
	position: relative;
	top:-14px;
	z-index:21;
	padding:0;
	margin:0;
	
}
/************************ AJAX PHPBB TICKER *******************************/

.cnnclass{
width: 130px;
padding: 5px;
background-color: #F3F3F3;
border: 1px solid black;
margin-bottom: 1em;
font-size:9pt;
font-family:Arial, Helvetica, sans-serif;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
/*-moz-opacity: 0.8; Specify fade effect in Firefox. Remove if desired.*/
}

.cnnclass a{
text-decoration: none;
}

.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}

.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}

.rssdescription{ /*shared class for all description elements in an RSS feed*/
}
/********************* AJAX PHPBB TICKER END ***************************************/

/*************** Classes ***************************************/


/****************** Table Alternating *************************************/

.tblEven {
	font: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFF9D5;
}
.tblOdd {
	font: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF;
}
.tblHeader {
	font: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFDF55;
	font-weight: bold;
}

/****************** Table Alternating End ********************************/


.headermenutext{
	padding: 4px 10px 4px 10px;
	font-family: Arial, Helvetica;
	font-size: 8pt;
}

.news{
	padding: 8px 8px 8px 8px;
}

.menu{
	background-image:url(../images/tab.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.top-left {
	background-image: url(../images/topleft12x12.gif);
	height: 12px;
	width: 12px;
	font-size: 2px;
}

.top-right {
	float: right;
	margin-top: -12px;
	background-image: url(../images/topright12x12.gif); 
	height: 12px; 
	width: 12px;
	font-size: 2px;
}

.bottom-left {
	background-image: url(../images/bottomleft12x12.gif);
	background-repeat: no-repeat;
	height: 12px;
	font-size: 2px;
	margin-right: 12px;
}

.bottom-right {
	background-image: url(../images/bottomright12x12.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 12px;
	font-size: 2px;
	margin-top: -12px;
}
.researchPI{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: italic;
	margin: 0px 0px 0px 25px;
}

.researchDesc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding:0;

}

.origresDesc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px 0px 0px 25px;
}

.researchDesc p ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding:0;
}
.testedfor{
	font-size: 8pt;
}
.intItem{
	border: 1px solid gray;
	background-color: #FFB300;
	margin: 10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85; */
}

.footnoteText{
	font-size: 8pt;
	font-weight: normal;
}
.wfTitle {
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	font-size: 10pt;
	background-color: #FEFDCD;
}
.wfTitleSection {
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	font-size: 10pt;
	background-color: #FFDF55;
}
.wfDescriptive {
	font-family: "Trebuchet MS", Arial;
	font-size: 9pt;
	background-color: #FFFFFF;

}
.medTextBold {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	background-color: transparent;
	color:#000000;
}

.smallTextGrey {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color: transparent;
	color:#A0A0A4;
}
.smallTextDarkRed {
	font-family: Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color: transparent;
	color: #AA1515;
}


/****************** Ticker *********************/
#ajaxticker1{
	width: 140px;
	height: 150px;
	border: 0px ridge blue;
	background-color: transparent;
	font-size: 9pt;
	margin: 3px;
	color:#000000;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background-color: transparent;
}

.tickerDate{
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
	text-align: right;
}

.tickerTitle{
	margin-top: 36px;
	font-size: 9pt;
	text-align: right;
	font-weight: bold;
	background-color: #ffffff;
}

.tickerContent{
	width: 138px;
	font-size: 8pt;
	font-weight: normal;
	text-align:  right;
}


td.dsohead{
	background-color:#B9C6CC;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt
}

a.red{
	text-decoration: none;
	font-weight:bold;
	color: red;
}
a.blue{
	text-decoration: none;
	font-weight:bold;
	color: #0033CC;
}

table.dso{
border:1px solid black; 
border-spacing:0px;
padding:0px;
margin:0;
border-collapse:collapse;
font-size:9pt;
font-family: Arial, Helvetica, sans-serif;
width:950px;
}

/*Testing*/
#wholepagebox2{
	width: 1000px;
	min-height: 500px;
	border: 2px solid black;
	background-color: white;
	margin:0px 0px 0px 0px;
}

#mainlogo2{
	padding: 0px 0px 0px 0px;
	min-width: 100%;
	height: 145px;
	/*background-color: #536895;*/
	background-image: url('../images/heritopbanner.large.gif');
	background-repeat: no-repeat;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	margin:0px 0px 0px 0px;
}

#menuwrap2 {
	position:relative;
	width:1000px;
	margin: 0px 0px 0px 0px;
	border: 0px solid blue;
	z-index: 21;
	top:-15px;
	left: -1px;
	text-align:left;
	
}

/* CSS for home page */
/*------------------------------------------------bodyBottom--------------------*/
#navlist {
margin-left:0;
padding-left:0;
list-style:none;
}

#navlist li{
padding-left:10px;
background-image:url(../images/icons/download2.png);
background-repeat:no-repeat;
background-position: 0 .5em;
}

.media {
width:450px;
float:left;
padding:10px;
margin:0;
text-align:left;

}

.media h2 {

}

.portalmed {
width:260px;
background:#ccc;

}

.underline {
height:1px;
padding:0;
border-bottom:1px solid #416371
overflow:hidden;
background-color:#15242a;
margin:1.3em 0;
}

.title {
	text-align: center;
	padding: 5px;
	font-size: 14px;
}
.title a{
font-size:14px;
color:#000;
font-weight:bold;	
}

.title a:hover {
color:#369;	
}

.artitle-text {
float:left;
margin:0;
padding:0;	
}

.article-text p{
	padding: 10px 10px 0px 10px;
	text-align: justify;
	margin: 0;
	line-height: 1.2em;
}