/*	
main.css - global stylesheet for the hriaz.com website
Complete renovation begun 2009/07/01
Last Updated: 2009/11/22
Version 1.7
Change Log: 
	Version 1.1
		Font-size changed to em
		Removed font-family repeats
		Default: 	font-family: Arial, Helvetica, sans-serif;
						font-size: 1.0em
	Version 1.2
		All pages on hriaz.com complete
	Version 1.3
		Sidemenu links are now blocks, extending the clicking region
		Added a white border around entire page to improve clarity between
		the background and page
	Version 1.4 
		Added a few additional styles for rss feeds and lists. Near finalization.
	Version 1.5
		Removed unused content, leftover from original website
	Version 1.6
		Added new font Liberation Sans using typeface.js
	Version 1.7 
		Removed typeface.js due to sluggish loading times. Replaced
		typeface.js with @font-face. Adjusted numerous font properties,
		including a consistent font size system
	Version 1.8
		Near finalized.
		Typography - complete
		Structure - complete
		To-Do: Remove any unused tags
*/


/* Global ---------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: url(../images/backtile.jpg) repeat-x #000000;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, "Nimbus Sans", Arial, sans-serif;
	}
img {
	display: block;
	behavior: url(./iepngfix.htc);
	}
a {
	text-decoration: none;
	color: #000000;
	}
h1 {
	font-size: 2.2em;
	color: #000000;
	font-family: Trebuchet MS, Trebuchet, Geneva, Tahoma, Arial, sans-serif;
	}
h2 {
	font-size: 1.6em;
	color: #000000;
	}
h3 {
	font-size: 1.4em;
	color: #141414;
	}
h4 {
	font-size: 1.2em;
	color: #141414;
	font-weight: 100;
	}
h5 {
	font-size: 1.1em;
	color: #141414;
	font-weight: normal;
	}
h6 {
	font-size: 1.0em;
	color: #141414;
	font-weight: normal;
	}
p {
	font-size: 1.2em;
	color: #141414;
	text-indent: 0;
	line-height: 1.5em; 
	}

/* Classes --------------------------------------------- */

.spacer	{
	height: 8px;
	overflow: hidden;
	}
.bodyText {
	padding: 10px;
	text-align: left;
	}
.font_plus {
	font-size: 125%;
	font-weight: bold;
	}
.emphasis {
	font-style: italic;
	}
.fserif {
	font-family: Georgia, "Times New Roman", "DejaVu Serif", Times, serif;
	}
.narrow {
	width: 90%;
	}
ul.innerlist {
	margin: 0 180px 0 20px;
	padding: 0;
	font-size: 1.2em;
	}
ul.innerlist li {
	margin: 0;
	padding: 5px 5px 5px 0;
	list-style-type: disc;
	}
.hr_break {
	margin: 0 -25px 0 -25px;
	padding: 0;
	width: 105%;
	border: 1px solid #FF9C00;
	color: #FF9C00;
	}
.hr_short {
	margin: 10px 0 0 0;
	color: #CCCCCC;
	}	
		
/* Images -------------------------------- */

.horizontalImageRight	{
	float: right;
	width: 300px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 10px;
	background-color: #FFFFFF;
	}
.exteriorimg	{
	float: right;
	width: 300px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 30px -5px 10px 10px;
	background-color: #FFFFFF;
	}
.lobby_img	{
	float: right;
	width: 300px;
	padding: 10px 0 40px 10px;
	margin: 10px 0 20px 20px;
	}
.patientimg	{
	float: right;
	width: 200px;
	padding: 5px;
	margin: 0 -30px 10px 10px;
	border: 1px solid #CCCCCC;
	}
.verticalImageRight	{
	float: right;
	width: 200px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 40px -20px 10px 10px;
	}

/* Main Body and all general content within -------------------------------- */

.mainDiv {
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	margin: 0 auto;
	width: 994px;
	height: 100%;
	}
.headerimg {
	width: 994px;
	height: 249px;
}
.mainLogo 	{
	position: absolute;
	top: 8px;
	left: 300px;
	width: 342px;
	height: 124px;
	}
.mainContent	{
 	min-height: 890px;
	height: auto !important;
	height: 900px;
	background-color: #EEEEEE;
	padding: 0 0 50px 335px;
	overflow: visible;
	}
#rightcol {
	width: 97%;
	}
.mainText {
	text-align: left;
	padding: 0 30px 0 0;
	}
.mainText h2 {
	line-height: 1.8em;
	padding: 0;
	margin: 0;
	}
.mainText h4 {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}
.mainText a {
	color: blue;
	text-decoration: underline;
	}

/* Main menu ------------------------------------------------------------------ */

.mainMenu	{
	text-align: right;
	height: 2.6em;
	width: 97%;
	padding: 6px 0 0 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #CCCCCC;
	}
.mainMenu a {
	font-size: 1.6em;
	font-family: Trebuchet MS, Trebuchet, Geneva, Tahoma, FreeSans, Arial, sans-serif;
	font-weight: 100;
	}
/* Jquery Hover */

ul.links {
	list-style-type: none;
	position: relative;
	margin: 0 0.5em 0.5em 0.5em;
	padding: 0 1.25em 1.5em 1.25em;
	}
ul.links li {
  float: left;
  position: relative;
  z-index: 200;
  padding: 0 1.8em;
  line-height: 2.2em;
  }
ul.links div.ahover {
  padding-bottom: 0;
  }
.ahover {
  position: absolute;
  }
.ahover {
  background: #FF9C00;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  }
.right_sep {
  border-right: 1px solid #CCCCCC;
	}	
/* Page-specific content --------------------------------------------------- */

/* index.php ------------------------------------------- */

#home_aahrpp {
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
	}
.imgright {
	margin-right: 100px;
	}

/* accreditation.php ----------------------------------- */

#aahrpp_block {
	float: left;
	border: none;
	margin: 0 0 0 30px;
	width: 620px;
	height: 150px;
	}
#aahrpp_block img {
	position: absolute;
	margin: -10px 10px 0 -40px;
	}

/* links.php ------------------------------------------- */

ul.link_list {
	list-style-type: none;
	margin: 0 0 0 1.0em;
	padding: 0;
	}
ul.link_list li {
	background-image: url(../images/circle_blue_8.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 0 0 0 1.2em;
	margin: 0.1em 0;
	font-size: 1.4em;
	line-height: 1.4em;
	}
.link_list li a {
	text-decoration: none;
	}
.link_list li a:hover {
	border-bottom: 1px solid #FF9C00;
	}

/* contact.php ----------------------------------------- */

.address {
	list-style-type: none;
	padding: 0;
	margin: 20px 0 0 40px;
	}
.address li {
	font-size: 1.4em;
	line-height: 1.4em;
	}
.map {
	margin: 0 0 0 40px;
	padding: 0;
	}

/* participants.php ------------------------------------ */

.pinquiry {
	font-size: 1.2em;
	text-decoration: none;
	width: 100%;
	}

/* participants_why.php -------------------------------- */

.faq {
	padding: 5px 10px 10px 10px;
	}

/* sponsors.php ---------------------------------------- */

#sponsors_table {
	font-size: 1.2em;
	font-weight: normal;
	}

/* facilities.php ----------------------------------- */

.teamlist {
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 0.2em 0 0 0;
	padding: 0;
	}
ul.teaminnerlist {
	margin: 0 0 0 0.5em;
	padding: 0;
	}
ul.teaminnerlist li {	
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 1.5em;
	}	

/* investigators.php ----------------------------------- */

ul.invlist {
	margin: 0 0 0 2.5em;
	padding: 0;
	}
ul.invlist li {
	background-image: url(../images/circle_orange_8.png);
	background-repeat: no-repeat;
	background-position: 0;
	padding: 0 0 0 1.2em;
	margin: 0.35em 0;
	}
.doc_info {
	margin-bottom: 15px;
	}
.docname {
	font-size: 1.5em;
	font-weight: bold;
	}
.docimage	{
 	width: 90px;
	border: 1px solid #666666;
	}
.docimageframe {
	padding: 3px 10px 0 0;
	vertical-align: top;
	}
.doc_text {
	font-size: 1.2em;
	line-height: 1.5em;
 }
.doc_text a {
	text-decoration: none;
	}
.doc_text a:hover {
	color: #ff9C00;
	text-decoration: underline;
	}
/* Quicktime Movies ----------- */

.docmovframe {
	padding: 3px 10px 0 0;
	vertical-align: top;
	border: 1px solid #EEEEEE;
	}
.mov_icon {
	vertical-align: bottom;
	border: none;
	margin: -25px 0 0 70px;
	}
.icon_link a {
	border: none;
	text-decoration: none;
	}
.displaynone {
	display: none;
	}
.movelink {
  padding: 0;
	}

/* Printer-Friendly Icon and Link ---------------------- */

.printview {
	position: absolute;
	margin: 0 0 0 540px;
}
.printview img {
	border: none;
	float: left;
}
.printview a {
	color: blue;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 2.0em;
	padding: 0 0 0 6px;
}
.printview a:hover {
	color: #FF9C00;
	}
/* Sidemenu ------------------------------------------------------------------- */

.sideMenu	{
	position: absolute;
	top: 249px;
	width: 300px;
	min-height: 400px;
	padding-bottom: 15px;
	}
.sidebody	{
	background-color: #DCDCDC;
	border-right: 2px solid #ff9c00;
	border-bottom: 2px solid #ff9c00;
	text-align: left;
	padding: 0 0 30px 0;
	}
.sideheader {
	display: block;
	height: 30px;
	margin: 0;
	padding: 2px 0 0 10px;
	background-color: #ff9c00;
	}
.sidebody h3 {
	margin: 10px 12px 5px 12px;
	padding: 0;
	}
.sidebody h4 {
	color: #000000;
	margin: 0 12px;
	padding: 0 5px 0 0;
	line-height: 1.5em;
	}

/* sidemenu.inc.php ------------------------------------ */

#sidenav ul {
	margin: 0 0 0 60px;
	padding: 0;
	text-align: right;
	list-style-type: none;
	}

#sidenav li {
	margin: 0 0 0.6em 0;
	}

#sidenav a {
	display: block;
	color: #000000;
	font-size: 1.6em;
	font-family: Trebuchet MS, Trebuchet, Geneva, Tahoma, Arial, sans-serif;
	font-weight: 100;
	text-align: left;
	background-color: #EEEEEE;
	width: 205px;
	padding: 0.4em 1.0em;
	text-decoration: none;
	border-top: 1px solid #FF9C00;
	border-bottom: 1px solid #FF9C00;	
	border-left: 1px solid #FF9C00;
	border-right: 1px solid #FF9C00;
	}

#sidenav a:hover {
	background-color: #FF9C00;	
	border-top: 1px solid #FF9C00;	
	border-bottom: 1px solid #FF9C00;	
	border-left: 1px solid #FF9C00;	
	}	

/* sidemenu emblems -------------------------------- */

#side_aahrpp {
	position: relative;
	margin-top: 20px;
	}
#side_aahrpp a {
	text-decoration: none;
	border: none;
}
#side_aahrpp img {
	border: none;
	margin: 0;
	}
#side_hunt {
	position: relative;
	margin: 0;
	}
#side_hunt img {
	margin: 0;
	}

/* participant_sidemenu.inc.php ------------------------ */

.question_list {
	font-size: 1.2em;
	font-weight: bold;
	color: #0C0C0C;
	}
/* Font-size matches h5 */
.question_list ul, li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
.question_list li {
	background-image: url(../images/blue_triangle_bullet.png);
	background-repeat: no-repeat;
	background-position: left 0;
	margin: 0 0 0 -30px;
	padding: 0 0 5px 20px;
	}
.question_list a:hover {
	color: #01328C;
	text-decoration: underline;
	}

/* inv_sidemenu.inc.php -------------------------------- */

#sideinvlist ul	{
	font-size: 1.2em;
	text-align: left;
	margin: 10px 0 0 0;
	width: 17em;
	}
.doclist li {
	list-style-type: none;
	margin: 0;
	line-height: 1.8em;
	padding: 0.35em 1.0em 0.35em 0.4em;
	border-top: 1px solid #FF9C00;
	}
.doclist a:hover {
	color: #01328C;
	text-decoration: underline;
	}
.listbase {
	border-bottom: 1px solid #ff9c00;
	}

/* Footer ---------------------------------------------- */

.footerDiv {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 994px;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	}