@import url("tjs_nav.css");
/* CSS Document */

/*  ===================================================  
 	===================================================  
	
	Description: styles for basic structure elements
				 does not include nav, see import above
	Author: Kari Spence	
	Release date: 01/04/2008 
	Revision History
	   -Revised By:	Kari Spence	
		Revised On: 01/07/2008
		Designer approved: ks
	   -Revised By:		
		Revised On:
		Designer approved: 
	   -Revised By:		
		Revised On:
		Designer approved: 
	   -Revised By:		
		Revised On:
		Designer approved: 
  	=================================================== 
  	===================================================  */

body {
	background: #eae3dd url(../images/bk.jpg) repeat-x;
	margin: 0px;
	padding: 0px;
	}
	
	#container {
		background: url(../images/verticalBk.jpg) repeat-y;
		margin-left: auto;
		margin-right: auto;
		width: 781px;
		}

#header {
	float: left;
	height: 157px;
	padding-right: 10px;
	padding-top: 10px;
	width: 771px;
	background: url(../images/top.jpg) no-repeat;
	}
	
	.clientLogo {
		float:left;
		margin: 65px 0 0 44px;
		}
		
	.clientLogo a {}
	
	.clientLogo a img {
		border:none;
		}
	
	#header form {
		margin: 0;
		padding: 0;
		}
		
		#header input, select {
			float:right;
			font: 11px Verdana, Arial, Helvetica, sans-serif;
			margin: 5px;
			padding: 0;
			}
			
		#header input {
			padding: 1px 1px 1px 3px;
			}
			
	.social {
		float: right;
		margin: 5px 5px 0;
		}
		
	.social img {
		border: none;
		}
	
#contentContainer {
	background: url(../images/topBk.jpg) no-repeat;
	clear:both;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 766px;
	}
	
	#content {
		background: url(../images/topBk.jpg) no-repeat;
		clear: both;
		float: left;
		width: 781px;
		} 

	#column1 {
		clear: both;
		float: left;
		margin: 0px;
		padding: 0px;
		width: 160px;
		}
	
	#column2 {
		float: left;
		margin-bottom: 10px;
		width: 415px;
		}
		
		#column2Content {
			float: left;
			padding: 10px;
			width: 400px;
			}		
	
	#column3 {
		float: left;
		margin-bottom: 10px;
		margin-top: 45px;
		width: 175px;
		}
		
.sidePromo {
	clear:both;
	margin-left: 16px; 
	width: 143px;
	}		

	.sidePromo img {
		margin-bottom: 3px;
		}		
	
#footer {
	background: url(../images/footerBk.jpg) no-repeat;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 781px;
	}
	
#copyrightContainer {
	float: left;
	width: 270px;
	text-align: right;
	height: 12px;
	padding-right: 10px;
	}
	
#legalContainer {
	float: left;
	height: 12px;
	padding-left: 12px;
	width: 473px;
	}
	
#copyrightDate {}
		

/* DEFINES MISCELLANEOUS ELEMENTS */
			
.shim {
	clear: both;
	width: auto;
	}
	
.contentPhoto {}
	
.contentTable {}
		
.contentTableRow {}
	
.contentTableRowAlternating {}

.iBox {
	background: #c7d7e7;
	border: 1px solid #0C468C;
	float: left;
	font: 14px Palatino, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
	width: 175px;
	}
	
	.iBox a {
		color: #0C468C;
		display: block;
		font-weight: bold;
		margin: 5px;
		padding: 0px;
		text-decoration: none;
		}				
			
/* These are left over from the previous design for services page */
#centersOfExcellence {
	width: 520px;
	background: #FFF;
	float: left;
	border: 1px solid #0047b6;
	margin: 0px 0px 17px 20px;
	}
	
.centersButton {
	background: url(../images/centers_topic_on.gif) no-repeat;
	color: #FFF;
	font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	margin-top: 3px;
	padding-top: 6px;
	text-align: center;
	width: 86px;
	}
	
	* html .centersButton {
		height: 25px;
	
	/* commented backslash hack v2 \*/
		height: 22px;
		h\eight: 22px;
		/* end hack */
		}

	.centersButton a {
		color: #FFF;
		text-decoration: none;
		}

	.centersButton a:hover {
		color: #a8cdfb;
		}
	
.centersButton_off {
	background: url(../images/centers_topic_off.gif) no-repeat;
	color: #FFF;
	font: 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
	margin-top: 3px;
	padding-top: 6px;
	text-align: center;
	width: 86px;
	}
	
	* html .centersButton_off {
		height: 25px;
	
	/* commented backslash hack v2 \*/
		height: 22px;
		h\eight: 22px;
		/* end hack */
		}

	.centersButton_off a {
		color: #FFF;
		text-decoration: none;
		}

	.centersButton_off a:hover {
		color: #a8cdfb;
		}
		
#centersButtons {
	background: url(../images/bg_centersButtons.gif) repeat-x;
	height: 28px;
	padding: 0px 2px 0px 2px;
	}
	
.centersContent {
	background: #FFFFFF;
	filter: alpha(opacity=0);
	margin: 7px 0px 5px 5px;
	opacity: 0;
	width: 510px;
	}
	
	.centersContent img {
		float: right;
		margin: 0px 0px 7px 5px;
		}
	
		* html .centersContent img {
			margin: 0px 0px 7px 5px;
		
		/* commented backslash hack v2 \*/
			margin: 0px 0px 4px 5px;
			m\argin: 0px 0px 4px 5px;
			/* end hack */
			}
		
	.centersContent h1 {
		color: #0047b6;
		font: 85% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 0px;
		}
		
	.centersContent p {
		font: 85% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		line-height: 120%;
		margin: 0px;
		}

	.centersContent a {
		color: #0047b6;
		text-decoration: none;
		}

	.centersContent a:hover {
		text-decoration: underline;
		}
	
.centersContent_off {
	display: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	}
	
#centersNav {
	height: 31px;
	width: 520px;
	}
	
	#centersNav img {
		margin-right: 4px;
		}
	
	#centersNav img, #centersNav div {
		float: left;
		}
		
.columns {
	width: 575px;
	}
			

.column {
	background: #DDE7F3;
	float: left;
	margin-left: 20px;
	width: 250px;
	}
	
.columnBox {
	background: #C8D7EB url(../images/bg_columnBox.gif);
	border: 1px solid #0047b6;
	padding: 5px 0px 5px 0px;
	width: 250px;
	}
	
	.columnBox p {
		color: black;
		font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 5px 0px 5px;
		}
		
	.columnBox a {
		color: #0047b6;
		text-decoration: none;
		}
		
	.columnBox a:hover {
		text-decoration: underline;
		}
	
	.columnBoxIndent p {
		color: black;
		font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 5px 0px 20px;
		}
		
	.columnBoxIndent a {
		color: #0047b6;
		text-decoration: none;
		}
		
	.columnBoxIndent a:hover {
		text-decoration: underline;
		}		

#popupContent {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 5px 10px 5px 20px;
	background: #fff;
	}

.HealthBreakTable {
	font: 14px "Times New Roman", Times, serif;
	line-height: 100%;
	margin: 1px 0px 1px 0px;
	font-weight:bold;
	}