/* ----style rules to clear out any previous formatting----- */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img, a{
	padding:0;
	margin:0;
	border:0;
}

body{
	background-color: #DCDCDC;
}

/* ----this is all copy/text styling that has been added----- */
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #152137;
}

.eye{
	color: #B67100;
}

.breast{
	color: #7A1D42;
}

.pain{
	color: #317023;
}

.endo{
	color: #D84519;
}

.red{
	color: #BD0707;
}

h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #152137;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	color: white;
}

h4{
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	margin: 7px  0  2px  0;
}

h4.job{
	font-size: 15px;
	color: #152137;
}

h5{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #152137;
}

h6{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #152137;
}

p{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-bottom: 12px
}

ul.text li{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-left: 25px;
	margin-bottom: 5px;
}

ul.text_address li{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-left: 25px;
	margin-bottom: 5px;
	list-style-type: none;
}

ol.text li{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	margin-left: 25px;
	margin-bottom: 5px;
}

p.example{
	font-style: italic;
	margin-left: 10px;
	margin-bottom: 5px;
}

p.job{
	font-style: bold;
	margin-left: 10px;
}

p.redcenter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #BD0707;
	padding-top: 10px;
}

p.redcenter a{
	text-decoration: none;
	color: #4D5154;
}

p.redcenter a:hover{
	color: #152137;
}

p.breast_center{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #7A1D42;
	padding-top: 10px;
}

p.endo_center{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #D84519;
	padding-top: 10px;
}

p.eye_center{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #B67100;
	padding-top: 10px;
}

p.pain_center{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #317023;
	padding-top: 10px;
}

#remember p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	padding: 15px 5px  5px;
}

#sidebar p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #DEE0E1;
	padding: 5px 5px  0;
}

#sidebar .side_team p{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#sidebar .sans_blts{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #DEE0E1;
	padding: 5px 15px  0;
	list-style-type: none;
}

dl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DEE0E1;
}

dt{
	font-size: 14px;
	padding: 5px  0  0  15px;	
	color: white;
}

/* ----this is all large section styling----- */
#container{
	width: 1024px;
	min-height: 750px;
	margin:25px auto;
	background-color: white;
	overflow: auto;
}

#main{
	width: 680px;
	min-height: 705px;
	float: left;
	margin: 0  10px  10px  40px;
	background-color: white;
}

#side{
	width: 244px;
	min-height:705px;
	margin: 0  40px  auto  10px;
	float: left;
}

#window{
	width: 600px;
	margin:0 auto;
	padding: 25px;
	background-color: white;
	overflow: auto;
}

#languages{
	width: 600px;
	margin:0 auto;
	background-color: white;
	overflow: auto;
}


/* ----start Top White Navigation---- */
#covid{
	margin: 25px  10px  0  40px;
	width: 944px;
	height: 50px;
}

#navtop{
	margin: 25px  10px  0  40px;
	width:974px;
	height: 30px;
}

#navtop li{
	list-style-type: none;
	float:left; /* this float runs the four names on a horizontal line */
	display: inline;
}

	#navtop li a{
		display: block;
		height: 30px;
		text-indent: -999em;
		float: left;
	}

	#navtop li.howto a{
		width: 70px;
		background: url(images/navtop_howto.gif) bottom center no-repeat;
	}

	#navtop li.pre a{
		width: 130px;
		background: url(images/navtop_pre.gif) bottom center no-repeat;
	}

	#navtop li.health a{
		width: 120px;
		background: url(images/navtop_health.gif) bottom center no-repeat;
	}

	#navtop li.rnr a{
		width: 135px;
		background: url(images/navtop_rnr.gif) bottom center no-repeat;
	}

	#navtop li.hipaa a{
		width: 140px;
		background: url(images/navtop_hipaa.gif) bottom center no-repeat;
	}

	#navtop li.nondiscrim a{
		width: 145px;
		background: url(images/navtop_nondiscrim.gif) bottom center no-repeat;
	}

	#navtop li.map a{
		width: 90px;
		background: url(images/navtop_map.gif) bottom center no-repeat;
	}

	#navtop li.employ a{
		width: 114px;
		background: url(images/navtop_employ.gif) bottom center no-repeat;
	}

	#navtop li a:hover{
		background-position: top center;
	}
/* ----end Top white Navigation---- */


/* ----start Main Blue Navigation---- */
#navmain{
	width:680px;
	height: 30px;
	margin: 0  0  12px  0;
	float:left; /* this float keeps it all down below the title div */
}

#navmain li{
	list-style-type: none;
	float:left; /* this float runs the four names on a horizontal line */
	display: inline;
}

	#navmain li a{
		display: block;
		height: 30px;
		text-indent: -999em;
		float: left;
	}

	#navmain li.home a{
		width: 82px;
		background: url(images/navmain_home.gif) bottom center no-repeat;
	}

	#navmain li.visit a{
		width: 107px;
		background: url(images/navmain_visit.gif) bottom center no-repeat;
	}

	#navmain li.facilities a{
		width: 133px;
		background: url(images/navmain_facilities.gif) bottom center no-repeat;
	}

	#navmain li.team a{
		width: 109px;
		background: url(images/navmain_team.gif) bottom center no-repeat;
	}

	#navmain li.pay a{
		width: 127px;
		background: url(images/navmain_pay.gif) bottom center no-repeat;
	}

	#navmain li.contact a{
		width: 122px;
		background: url(images/navmain_contact.gif) bottom center no-repeat;
	}

	#navmain li a:hover{
		background-position: top center;
	}
/* ----end Main Blue Navigation---- */

 
/* ----start Specialty Color Navigation---- */
#navcolor{
	width:244px;
	height: 210px;
	float:left; /* this float keeps it all down below the title div */
}

#navcolor li{
	list-style-type: none;
	float:left; /* this float runs the four names on a horizontal line */
	display: inline;
}

	#navcolor li a{
		display: block;
		height: 105px;
		text-indent: -999em;
		float: left;
	}

	li.coloreye a{
		width: 122px;
		background: url(images/coloreye.gif) bottom center no-repeat;
	}

	li.colorbreast a{
		width: 122px;
		background: url(images/colorbreast.gif) bottom center no-repeat;
	}

	li.colorpain a{
		width: 122px;
		background: url(images/colorpain.gif) bottom center no-repeat;
	}

	li.colorendo a{
		width: 122px;
		background: url(images/colorendo.gif) bottom center no-repeat;
	}

	#navcolor li a:hover{
		background-position: top center;
	}
/* ----end Specialty Color Navigation---- */


/* ----start Center Navigation Bits---- */
#navcenter{
	width:350px;
	height: 30px;
	margin: 0  110px  2px  0;
	float:left; /* this float keeps it all down below the title div */
}

#navcenter li{
	list-style-type: none;
	float:left; /* this float runs the four names on a horizontal line */
	display: inline;
}

	#navcenter li a{
		display: block;
		height: 30px;
		text-indent: -999em;
		float: left;
	}

	#navcenter li.ctr_procedure a{
		width: 175px;
		background: url(images/navcenter_procedure.gif) bottom center no-repeat;
	}

	#navcenter li.ctr_surgery a{
		width: 175px;
		background: url(images/navcenter_surgery.gif) bottom center no-repeat;
	}

	#navcenter li.ctr_biopsy a{
		width: 175px;
		background: url(images/navcenter_biopsy.gif) bottom center no-repeat;
	}

	#navcenter li.ctr_message a{
		width: 175px;
		background: url(images/navcenter_message.gif) bottom center no-repeat;
	}

	#navcenter li a:hover{
		background-position: top center;
	}
/* ----end Main Blue Navigation---- */


/* ----start Special Facilities Links---- */
.special_facilities li{
	width:122px;
	height: 105px;
	margin: 10px  25px  10px  0;
	list-style-type: none;
}

	.special_facilities li a{
		display: block;
		height: 105px;
		text-indent: -999em;
		float: left;
	}

	.special_facilities li a:hover{
		background-position: top center;
	}
/* ----end Special Facilities Links---- */


/* ----this is image styling---- */
#logolg{
	width:425px;
	height: 120px;
	margin: 45px  255px  39px  0;
	float:left;
}

#header{
	width:680px;
	height: 155px;
	margin: 35px  0  14px  0;
	float:left;
}

#imagemain{
	width:680px;
	height: 430px;
	margin: 0  0  25px  0;
	float:left;
}

#remember{
	background-color: #152137;
	width: 100%;
	height: 100%;
	margin: 25px  auto  0;
}

#remember.eye{
	background-color: #B67100;
}

#remember.breast{
	background-color: #7A1D42;
}

#remember.pain{
	background-color: #317023;
}

#remember.endo{
	background-color: #D84519;
}

#sidebar{
	background-color: #152137;
	width: 170px;
	height: auto;
	margin: 0  20px  20px  0;
	padding: 10px  15px;
	float: left;
}

#sidebarimage{
	width: 170px;
	height: 115px;
	margin: 10px  0  5px;
}

#sidebar.eye{
	background-color: #B67100;
}

#sidebar.breast{
	background-color: #7A1D42;
}

#sidebar.pain{
	background-color: #317023;
}

#sidebar.endo{
	background-color: #D84519;
}

#msgimage{
	width: 100px;
	height: 119px;
	margin: 75px  auto  0;
}

#imagemission{
	width: 234px;
	height: 297px;
	margin: 0  20px  12px  0;	
	float: left;
}

#imagemission p{
	text-align: center;
	padding-top: 15px;
}

#msglink a{
	display: block;
	width: 190px;
	height: 20px;
	margin: 0  auto  20px;
	background: url(images/message_link.gif) bottom center no-repeat;
	text-indent: -999em;
}

	#msglink a:hover{
		background-position: top center;
}

#msgblank{
	width: 244px;
	height: 234px;
}

#info{
	width: 244px;
	height: 262px;
	margin: 0  auto;
	background: url(images/tsc_info_logo.jpg);
	float: left;
}

p.info_text{
	margin: 175px  auto  5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #152137;
}

.info_phone{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 36px;
	text-align: center;
	color: #152137;
}

#center_info{
	width: 244px;
	height: 260px;
	background: url(images/tsc_center_info_logo.gif) no-repeat;
	float: left;
	margin: 32px 0 0 0;
}

p.info_center_text{
	margin: 160px  auto  5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #152137;
}

#contact_info{
	width: 460px;
	height: auto;
	background: url(images/tsc_center_info_logo.gif) top center  no-repeat;
	float: left;
}

p.contact_info{
	margin: 160px  auto  5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #152137;
}

#find_us{
	width: 244px;
	height: 263px;
	margin: 20px  auto  0;
	float: left;
}

#text_photo{
	margin-bottom: 10px;
}

#map{
	width: 460px;
	height: 340px;
	float: left;
	margin-bottom: 50px;
}

#imageside{
	width:200px;
	height: 430px;
	margin: 0  20px  25px  0;
	float:left;
}

#imageright{
	width:200px;
	height: 430px;
	margin: 0  0  25px  20px;
	float:right;
}

#imagerightshort{
	width:200px;
	height: 380px;
	margin: 0  0  15px  20px;
	float:right;
}