/* CSS Document */

body {
	margin: 0px;
	padding: 0;
	min-width: 900px;
	background: url('images/bg.jpg') top left repeat-x #1b2a3e;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f5f0e8;
	}
	
a:link, a:visited{color: #b8c782;}
a:hover, a:active{color: #f5a43b;}	

img.border {border: 1px solid #000000;}
img.border-left {border: 1px solid #000000;
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 0px;}
img.border-right {border: 1px solid #000000;
	float: right;
	margin: 0px 0px 0px 20px;
	padding: 0px;}

.arial {font-family: Arial, Helvetica, sans-serif; size: 12px;}


p {	padding: 0px 5px 0px 20px;}
ul.space li{padding-bottom: 8px;}
	
h1 {font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	padding: 0px 10px 0px 20px;
	color: #0066EC;}

h2 {font-size: 24px;
	font-weight: normal;
	font-style: italic;
	padding: 0px 10px 0px 20px;
	color: #6797CF;}
	
h3 {font-size: 20px;
	font-weight: normal;
	font-style: italic;
	padding: 0px 10px 0px 20px;
	color: #F7AB3D;}
	
h4 {font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 10px 0px 20px;
	color: #F7AB3D;}
	
h5 {font-size: 16px;
	font-weight: bold;
	padding: 0px ;
	margin: 0px;
	color: #f5f0e8;}
	
h6 {font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 10px 0px 20px;
	margin: 0px;
	color: #1B2A41;}
	
.yellow {
	color: #fee28d;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}

	
ul {margin-right: 30px;}
	
table {margin-left: 10px;}
table p{padding-left: 10px;}
table h3 {margin-top: 10px; padding-left: 10px;}
table ul {margin-top: 10px;}
table li {padding-bottom: 4px;}
table td{ vertical-align: top;}	
table td.arrow {
	background: url('images/table-arrow.gif') 365px 50% no-repeat;}
table.loc td {vertical-align: top;}
table.loc li {
	font-size: 16px;}	
	
table.location-info {margin: 10px 0px 10px 0px;}	
table.location-info {margin-left: 20px;
	border: 1px solid #27394F;}
table.location-info th{background-color: #131C2B;
	text-align: center;
	font-size: 16px;
	color: #F7AB3D;
	padding: 5px auto;
	border: 1px solid #27394F;}	
table.location-info td {
	border: 1px solid #27394F;}
table.location-info p{padding: 0px; margin: 8px 0px 20px 0px;}
table.location-info ul{padding: 0px 0px 0px 10px;
	margin: 8px 0px 0px 10px;}

#locations {margin-left: 20px; width:860px;}
#locations ul {margin: 0px 0px 0px 40px; padding: 0px 0px 0px 40px;}
#locations p {margin-bottom: 0px; padding-bottom: 0px;}	
#locations a:link, #locations a:visited{color: #adcbef;}
#locations a:hover, #locations a:active{color: #f5a43b;}	
#locations li {
	font-size: 17px;
	padding-bottom: 4px;}	
#indiana-loc {background: url('images/indiana-locations.jpg') top left no-repeat #20436d;
	width: 400px;
	float: left;
	margin-right: 40px;
	padding-top: 75px;}
#georgia-loc {background: url('images/georgia-locations.jpg') top left no-repeat #20436d;
	width: 400px;
	float: left;
	padding-top: 75px;}
	

ul.list-hide {position: relative; border: 0px;
	padding-left: 40px;}
.list-hide li {list-style-type: disc;}
a.list-hide {text-decoration: none;
	color: #f5f0e8;}
 .list-hide span, .list-hide span{
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
	border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}
	
#header {height: 116px;
	position: fixed;
	width: 980px;
	z-index: 50;
	background: url('images/header-bg.jpg') top left repeat-x #192637;}
#header-locations {height: 116px;
	width: 980px;
	z-index: 50;
	background: url('images/header-bg.jpg') top left repeat-x #192637;}	
#header-left {width: 362px;
	float: left;
	padding: 20px 0px 0px 20px;}
#header-right {width: 420px;
	float: right;
	padding: 25px 10px 0px 0px;}
#header-right p{text-align: right;
	color: #57687e;
	margin: 0px;}
#header-right img {padding-left: 2px;}
	
#wrapper {
	width: 980px;
	text-align: left;
	}	

/*CONTENT*/	
#content { clear: both;
	width: 980px;
	padding-top: 125px;
	}
#content-location { clear: both;
	width: 980px;
	}
#content-image {width: 590px;
	float: left;
	margin-left: 20px;
	height: 353px;
	background: url('images/home-patient.jpg') top left no-repeat;}
#buttons {width: 365px;
	float: right;}
#buttons img {float: left;
	margin: 0px 0px 6px 4px;}
#buttons a{
	margin: 0px 0px 6px 4px;}

	
#home-image { position: relative;}
#home-image span {
	position: absolute;
	visibility: hidden;
	width: 590px;
	height: 353px;
/*left: -1000px;*/}
#home-image span img{border: 0px;}

#home-image .patient-hover:hover span{ visibility: visible; }
#home-image .career-hover:hover span{ visibility: visible; }
#home-image .clinical-hover:hover span{ visibility: visible; }
#home-image .industrial-hover:hover span{ visibility: visible; }


/*MAINNAV*/
#mainnav {width: 760px;
	padding: 0px;
	}
#mainnav ul{list-style-type:none;
	margin:0px;}
#mainnav li{}
#mainnav a{text-decoration: none;
	padding: 5px;}
#mainnav a:link, #mainnav a:visited{color: #90aa35;}
#mainnav a:hover, #mainnav a:active{color: #f5a43b;}	


/*POP HOVERPOPUPS*/

.thumbnail  {
z-index: 0;
position: relative;
padding-top: 4px;
/*z-index: 0;*/
}
.thumbnail:link, .thumbnail:visited {color: #b8c782;}
.thumbnail a{border: 0px;
	color: #b8c782;}

.thumbnail:hover{
/*z-index: 100;*/
z-index: 100;
color: #FBBA3E; 
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #e5e5e5;
	padding: 5px;
	/*left: -1000px;*/
border: 1px solid #666;
	visibility: hidden;
	color: black;
	text-decoration: none;
	top: -2px;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0; 
/*padding: 2px;*/
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 600px;
	background-color: #e5e5e5;
bottom: 20px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
right: 0px;/*position where enlarged image should offset horizontally */
}
/* Hides from IE-mac \*/ * html .thumbnail:hover span {top: -75px; left: -200px;
	visibility: visible; width: 600px;
	background-color: #e5e5e5;} 
	.thumbnail:hover span.iehoshin{ top: -123px; left: -500px;}
	.thumbnail:hover span.evidence{ top: -140px; left: -440px;}
	.thumbnail:hover span.jobs{ top: -120px; left: -440px;}
	.thumbnail:hover span.outcomes {left: -550px; height: 70px;}
	.thumbnail:hover span.kpi {left: 0px; height: 70px;}
	.thumbnail:hover span.loc-evidence{ top: -140px; left: -340px;}/* End hide from IE-mac */

.thumbnail:active {color: #FBBA3E;}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/
.text-hover-container {width: 930px;
	margin-left: 20px;}
.text-hover-div {width: 350px;
position: relative;
float: left;}
a.text-hover {font-weight: bold;
font-size: 14px;
text-decoration: none;
display: block;
padding: 5px;
/*z-index: 0;*/
}

.text-hover:hover { 
/*z-index: 50;*/
text-decoration: none;
}

.text-hover span { /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
background-color: #e5e5e5;
font-weight: normal;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
color: #000000;
text-decoration: none;
}

.text-hover:hover span { /*CSS for enlarged image on hover*/
visibility: visible; 
width: 550px;
height: 250px;
top: 0px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 380px;/*position where enlarged image should offset horizontally */
}
.text-hover span p{padding: 10px;
	margin: 0px 0px 10px 0px;}
.text-hover span h2{padding: 10px;
	margin: 0px;
	font-size: 20px;}

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.text-hover:link { border: 0px solid #e9e9e2; }
a.text-hover:visited { border: 0px solid #e9e9e2;  }
a.text-hover:hover { border: 0px solid #f00; }
a.text-hover:active { border: 0px solid #e9e9e2;  }

/*end of hover popup links*/


/*FOOTER*/
#footer {
	clear: both;
	border-top: 1px solid #000000;
	background-color: #192637;
	padding: 10px 0px 10px 0px;
	}
#footer p{text-align: center;}
a.pilot {font-size: 10px;}
a.pilot:link, a.pilot:visited {color: #35475F;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
