/*
thclinic.css

Creator : Bill Sappington, CPS Consulting - bill@cpscing.com - 510.502.6413

Purpose:

Styles sheet for www.thclinic.org

Revision History:

05/14/08 - Initial Coding.


*/

/*

This is the styleing for the menu system.  Be very carefull when you modify this, as it has
JAVA-SCRIPT dependencies!  See /scripts/menu.js before making an heavy duty changes!!!!!



Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ 

*/

.suckertreemenu ul {
	position: relative ;
	margin: 0px;
	padding: 0;
	list-style-type: none;
	z-index: 1 ;
}

/*Top level list items*/
.suckertreemenu ul li {
	position: relative;
	display: inline;
	float: left;
	background-color: #f0f0f0; /* this is the color for the background of the drop-down items*/
	z-index: 1 ;
}


/*Top level menu link items style*/
.suckertreemenu ul li a {
	display: block;
	width: 83px; /*Width of top level menu link items*/
	padding: 1px 8px;
	border-right: 1px solid black;
	border-left-width: 0;
	margin-left: 0px ;
	text-decoration: none;
	font-family: arial ;
	font-size: .9em ;
	text-align: left ;
	color: white;  /* This is the lettering color for the top-level menu items only*/
	z-index: 1 ;
}


/*1st sub level menu*/
.suckertreemenu ul li ul {
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	z-index: 1 ;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li {
	display: list-item;
	float: none;
	z-index: 1 ;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul {
	left: 129px; /* no need to change, as true value set by script */
	top: 0;
	z-index: 1 ;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
	display: block;
	width: 160px; /*width of sub menu levels*/
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
	color: navy;  /* THis is the color of the pull-down menu text*/
	z-index: 1 ;
	margin-left: 0px ;
	margin-right: 0px ;
	margin-top: 0px ;
	margin-bottom: 0px ;
}


/* This is the background AND test color for any menu choice that is hovered over with the mouse cursor*/
.suckertreemenu ul li a:hover {
	background-color: #36f;
	color: white;
	z-index: 1 ;
}


/*Background color for top level menu list links */
.suckertreemenu .mainfoldericon {
	background:#710069 ;
	z-index: 1 ;

}

/*Background image for subsequent level menu list links   This will set the background color and style any menu 
entry that has a sub-menu attached to it!*/
.suckertreemenu .subfoldericon {
	background: #f1f1f1 url(/images/arrow-right.gif) no-repeat center right;
	z-index: 1 ;
}

	
/* Holly Hack for IE ----- >>> DO NOT FUCK WITH THIS <<<-------- */
* html .suckertreemenu ul li {
	float: left; 
	height: 1%; z-index:1 ;
}

* html .suckertreemenu ul li a {
	height: 1%;
	z-index: 1 ;
}

/*

This is the end of the styleing for the menu system.  Be very carefull when you modify this, as it has
JAVA-SCRIPT dependencies!  See /scripts/menu.js before making an heavy duty changes!!!!!

*/


/*

This is the styling for everything else.

*/



.main_wrapper{
	position: relative ;
	width: 100% ;
	height: 100% ;
	border: 0px solid black ;
	padding: 0px ;
}

.centering_wrapper{
	width: 805px ;
	height:100% ;
	margin-left: auto;
	margin-right: auto ;
	margin-top: 0px ;
	border: 0px dashed black ;
}

.header {
	background: #f8f8f8;
	position: relative ;
	width: 803px ;
	height: 65px;
	border-style: solid ;
	border-width: 1px 1px 1px 1px ;
	margin-bottom: 1px ;
	overflow: hidden ;
}


.headertext{
	background: #f8f8f8;
	width: 84% ;
	float: right ;
	height: 100% ;
	border: 0px dashed black ;
	text-align: center ;
	font-family: arial, verdana ;
	font-weight: 700 ;
	line-height: 2.5em ;
	font-size: 2.2em ;
}

.headerimg{
	background: #f8f8f8;
	width: 15% ;
	float: left ;
	border: 0px dotted black ;
	padding-top: 15px ;
	padding-bottom: 0px ;
	text-align: center ;
	height: 75px ;
}



.content {
	background: #FFFFFF; 
	background-image:url('/images/thclogowash.png');
	background-repeat: no-repeat ;
	background-position: center center ;
	position: relative ;
	width: 804px ;
	height: 465px;
	overflow: auto ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	font-family: arial, verdana ;
	font-size: .9em;
}


.emp_content {
	background: #FFFFFF; 
	background-image:url('/images/thclogowash.png');
	background-repeat: no-repeat ;
	background-position: center center ;
	position: relative ;
	width: 804px ;
	height: 400px;
	overflow: auto ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	font-family: arial, verdana ;
	font-size: .9em;
}

.content_locations {
	background: #FFFFFF;
	position: relative ;
	width: 804px ;
	height: 465px;
	overflow: auto ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	font-family: arial, verdana ;
	font-size: .9em;
}



.show_nav{
	background: #ffffff ;
	position: relative;  
	width: 799px ;
	height: 25px; 
	text-align:left;
	font-style: italic ;
	font-weight: 700 ;
	font-family: arial, verdana ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	border-color: black ;
	overflow: hidden ;  
	padding: 0px 0px 0px 5px ;
	line-height: 1.4em ;  
}




.thc_history{
	text-align: justify ;
	font-family: arial, verdana ;
	font-size: 1em ;
	padding: .4em ;
	margin: 1px ;
	border-width: 0px 0px 0px 1px ;
	border-color: black ;
	border-style: solid ;
}

.footer {
	background: #DAE797;
	position: relative;  
	width: 806px ;
	height: 30px; 
	text-align:center;
	font-family: arial, verdana ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;  
	border-color: black ;
	overflow: hidden ;  
	line-height: 2em ;  
}

.map_text {
	background: #FFFFFF;
	position: relative ;
	float: left ;
	width: 45% ;
	height: 465px;
	overflow: hidden ;
	border-left: 0px solid black ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 5px 0px 5px ;

}

.map_container {
	background: #FFFFFF;
	position: relative ;
	float: right ;
	width: 53% ;
	height: 415px ;
	overflow: hidden ;
	border-left: 1px solid black ;
	margin: 0px 0px 0px 0px ;
	padding: 50px 0px 0px 0px ;

}

.hotel_text {
	background: #F1F1F1;
	position: relative ;
	float: left ;
	width: 25% ;
	height: 494px;
	overflow: auto ;
	margin: 0px 0px 0px 0px ;
	padding: .4em 0px 0px .4em ;
	font-family: arial ;
	font-size: .9em ;
	text-align: left ;
	border-width: 0px 1px 0px 1px ;
	border-style: solid ;
	border-color: black ;
}


.galvin_image_container {
	background: #F1F1F1;
	position: relative ;
	float: left ;
	width: 794px ;
	height: 455px;
	overflow: auto ;
	font-family: arial ;
	font-size: .8em ;
	margin: 0px 00px 00px 00px ;
	padding: 5px 5px 5px 5px ;
	text-align: justify ;
}


.rightpane {
	background-image:url('http://chi.thclinic.org/images/thclogowash.png');
	background: #FFFFFF;
	position: relative;  
	float: right ;
	width: 642px ;
	height: 489px ;
	border-style: solid ;
	border-width: 0px 0px 0px 0px ;  
	border-color: black ;
	overflow: hidden ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px;
	text-align: left ;
}


.Leftpane {
	background: #F8F8F8;
	position: relative;  
	float: left ;
	width: 155px ;
	height: 465px ;
	border-style: solid ;
	border-width: 0px 0px 0px 1px ;
	border-color: black ;
	overflow: hidden ;
	z-index: 0;
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px ;
	overflow: hidden ;
}



.main_page_rightpane {
	background: #F1F1F1 ;
	float: right ;
	width: 646px ;
	height: 465px ;
	border-left: 1px ;
	border-right: 0px ;
	border-top: 0px ;
	border-bottom: 0px ;
	border-style:  solid;
	border-color: black ;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px; 
}

.main_page_image_container {
	background: #F1F1F1;
	position: relative ;
	width: 550 ;
	height: 420px ;
	overflow: hidden ;
	margin: 0 auto ;
	margin-top: 20px ;
	padding: 0px 0px 0px 0px ;
	border: 0px dashed black ;
}

.main_image{
/*	width: 100% ;
	height: 100% ;
	padding: 0px 0px 0px 0px ;*/
}

.hotel_img{
	float: left ;
	/*width: 75% ;
	height: 75% ;*/	
	padding: 0px 0px 0px 0px ;
	margin: 4px ;
}


.fhp_img_left{
	
	float: left ;
	/*width: 75% ;
	height: 75% ;*/
	padding: 0px 0px 0px 0px ;
border: thin black solid ;
	margin: 5px ;
}

.fhp_list {

padding: 2px 0 ;
margin-left: 15px ;
}



.hotel_image_container {
	background: #FFFFFF;
	position: relative ;
	width: 450 ;
	height: 450px ;
	overflow: hidden ;
	margin: 0 auto ;
	margin-top: 20px ;
	padding: 0px 0px 0px 0px ;
	border: 1px dashed #FFFFFF;
}

.quicktext {
	background: #F8F8F8;
	position: relative;	
	width: 145px ;
	height: 86% ;
	border-style: solid ;
	border-width: 0px 0px 0px 0px ;
	padding-left: 5px ;
	padding-right: 5px ;
	padding-bottom: 5px ;
	border-color: black ;
	overflow: hidden ;  
	text-align: left ;
	font-size: .9em ;
	font-family: arial, verdana ;
	font-weight: 600 ;
	overflow: hidden ;
}

.quicknav {
	background: #F1F1F1;
	position: relative;  
	float: left ;
	width: 100% ;
	height: 245px ;  
	border-style: solid ;
	border-width: 0px 0px 0px 0px ;
	border-color: black ;
	overflow: hidden ;  
	text-align: center ;
	font-size: .8em ;
	font-family: arial, verdana ;
	font-weight: 700 ;
	overflow: hidden ;
}

img.main_page {
	margin-left: auto ;
	margin-right: 0 ;
	vertical-align: middle ;
}

table.quicklinks {
	width: 100% ;
	border-width:0px ;
	border-style: none;
	border-color: black;
	background:#710069;
	padding: 0px ;
	margin: 0px ;
	border-collapse: collapse ;
}

tr.quicklinks {
	padding: 0px ;
	border: 0px ;
	margin: 0px ;
	border-style: none ;
}

td.quicklinks {
	border-width:1px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	text-align: center ;
	font-size: .9em ;
	padding: 2px ;
	margin: 0px ;
}

td.quicklinks a {
	display: block ;
	color: white ;
	text-decoration: none;
	font-family: arial ;
}

td.quicklinks a:hover {
	text-decoration: none;
	font-family: arial ;
	background:#36f;
}

body {
	overflow: auto ;
}

A.even {
	text-decoration: none ;
	color: white;
}

A.odd {
	text-decoration: none ;
	color: black;
}

table.forms{
	border-width:0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: #ffffff;
	font-family: arial,verdana ;
	font-weight: bold ;
	font-size: .8em ;
	color: black ;
	border-collapse: collapse;
	width: 800px ;
}



.contentcenter{
/*height: 55% ;
width: 30% ;
margin: 0 auto ;*/
border: 0px solid black ;
margin-top: 1em ;

}




table.forms th {
	background: blue ;

}

table.forms td {
	border-width:1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}

table.forms tr A {
	text-decoration: none ;
	color: black ;
}

table.forms tr A:hover {
	text-decoration: none ;
	color: red ;
}

tr.odd td {
	background-color:black; color: white;
	text-decoration: none ;
}

tr.even td {
	background-color: white; color: black;
	text-decoration: none ;
}



.MainCaption{
position: relative;
background: #F1F1F1; 
height: 2.5em ;
width: 550px ;
border: 0px solid black ;
margin: 0 auto ;
margin-top: 10px ;
text-align:center ;
font-weight:700 ;
font-family: arial,verdana ;
font-size: 1.8em ;

}

.baseimage{
	background: #F1F1F1; 
	position: relative ;
	/*display: table-cell ;*/
	background-image:url('/images/mainpage/mainpage-0.jpg');
	background-repeat: no-repeat ;
	background-position: center center ;
	height: 380px ;
	width: 430px ;
	border: 0px solid black ;
	margin-top: 15px ;
	margin: 0 auto ;
	vertical-align: middle ;
	
	
}

a.biglink{
text-decoration: none ;
color: black ;
}

a.biglink:hover{
color: red ;
}


.founding{
position: relative ;
font-family: arial, verdana ;
font-size: .9em;
width: 90% ;
margin: 5px ;
margin-top: 10px ;
}

.rshawImg{
position: relative ;
float: left ;
margin: 5px ;
margin-top: 10px ;
text-align: center ;
}

.links {
position: relative ;
margin-left: 5px ;

}

a.links {
text-decoration: none ;
}


.employment_tc{
	background: #ffffff ;
	position: relative;  
	width: 799px ;
	height: 100px; 
	text-align:left;	
	font-weight: 100 ;
	font-size: .9em ;
	font-family: arial, verdana ;
	border-style: solid ;
	border-width: 1px 0px 0px 0px ;
	border-color: black ;
	overflow: hidden ;
	padding: 5px 0px 0px 0px ;
}