/*-----------------------------------------------------------------------------
Website Style Sheet

version:   1.0
author:    Bryan Miller
email:     bmiller@practisinc.com
website:   http://www.ewbc.com/
-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html { background: url(../images/html-bg.gif); }
	
	body {
	  padding: 0;
	  margin: 0;
	  background: #fff url(../images/body-bg.gif) repeat-x ;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#414758;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 984px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px; overflow:hidden; margin:0; padding:0;}
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#7b2645; }
	h1 { font: 1.8em Georgia, "Times New Roman", Times, serif; }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color:#7b2645; text-decoration:none; }
	a:hover { color:#7b2645; text-decoration:underline; }
	
	#two_column #content_main a[href$='.pdf'] {
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
		width: 984px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content { margin:20px 0; }
	#content p { line-height:18px; }
	#content li { line-height:18px; }
	
	#footer { 
		height:289px;
		color:#414758;
		background: url(../images/footer-bg.gif) repeat-x; 
	}
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#footer_content {
		width: 984px;
		margin: 0 auto;
		text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
		color:#7b2645;
	}
	
	#footer .black { color:#414758; }
	
	#footer_content_top { 
		clear:both;
		float:left; 
		display:inline; 
		width:937px; 
		padding:0 10px;
		height:38px; 
		line-height:38px; 
		overflow:hidden;
		border-bottom:2px solid #f6eff2;
	}
	#contact_info { float:left; display:inline; text-align:left; }
	#footer_nav_sub { float:right; display:inline; text-align:right; }
	
	
	/* Nav Supp */
	#nav_supp { 
		clear:both;
		float:left; 
		display:inline; 
		width:937px;
		overflow:hidden;
		border-bottom:2px solid #f6eff2;
		padding:10px;
	}
	
	ul#nav_supp_left { float:left; display:inline; }	
	ul#nav_supp_left li { float:left; display:inline; margin-right:20px; line-height:18px; }
	ul#nav_supp_left li li { clear:left; margin:0; padding:0; }
	
	ul#nav_supp_left li li a,
	ul#nav_supp_left li li a:visited { color:#414758; }
	ul#nav_supp_left li li a:hover { color:#414758; }
	
	ul#nav_supp_right { float:left; display:inline; overflow:hidden; }
	
	/* Site Info */
	#site_info { clear:both; line-height:38px; width:937px; padding:0 10px; }
	#site_info .left { float:left; display:inline; text-align:left; }
	#site_info .right { float:right; display:inline; text-align:right; }
	
	
	#nav_sub { text-align:right; height:27px; line-height:27px; overflow:hidden; padding-right:27px; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/	
	#three_column #branding { height:260px; overflow:hidden; clear:both; }
	
	h1#logo { 
		float:left; display:inline; margin:0;
		cursor:pointer; /* Show the Michael Jackson glove on hover */
		background: url(../images/logo-3col.gif) no-repeat; /*The image*/ 
		padding-top:115px; width:286px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}	
	
	#three_column #branding #quick_find {
		clear:left;
		float:left;
		display:inline;
		width:286px;
		height:108px;
		background:url(../images/quick-find-bg.jpg) no-repeat;
		overflow:hidden; 
		padding:37px 0 0 0;
		line-height:26px;
	}
	
	#three_column #branding #quick_find li { list-style-type:disc; margin:0 0 0 40px; color:#bd92a1; }
	
	#three_column #branding #flash {
		float:right;
		display:inline;
		width:698px;
		height:260px;
		overflow:hidden;		
	}		
	
	#two_column #branding { height:115px; overflow:hidden; clear:both; }
	
	#two_column #branding h1#logo { 
		float:left; display:inline; margin:0;
		cursor:pointer; /* Show the Michael Jackson glove on hover */
		background:url(../images/logo-2col.gif) no-repeat; /*The image*/ 
		padding-top:115px; width:287px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}	
	
	#two_column #branding #banner { 
		height:40px; 
		width:648px; 
		overflow:hidden; 
		background:url(../images/banners/banner-default.jpg) no-repeat;
		padding:75px 0 0 25px;
		float:left; 
		display:inline;
		font:30px Georgia, "Times New Roman", Times, serif; 
		color:#7b2645;
		font-style:italic;
		font-weight:bold;
		line-height:30px;
	}
	
	#two_column.about-us #branding #banner,
	#two_column.breast-health #branding #banner,
	#two_column.research #branding #banner,
	#two_column.site-map #branding #banner { background:url(../images/banners/banner-default.jpg) no-repeat; }
	#two_column.location #branding #banner,
	#two_column.online-services #branding #banner,
	#two_column.employment #branding #banner,
	#two_column.contact #branding #banner { background:url(../images/banners/banner-2.jpg) no-repeat; }
	#two_column.diagnostic-exams #branding #banner,
	#two_column.referring-mds #branding #banner,
	#two_column.news #branding #banner,
	#two_column.privacy #branding #banner { background:url(../images/banners/banner-3.jpg) no-repeat; }
	
	
	#two_column #branding #banner h1 { 
		font:30px Georgia, "Times New Roman", Times, serif; 
		color:#7b2645;
		font-style:italic;
		font-weight:bold;
		margin:0;
		padding:0;
		line-height:30px;
		height:30px;
	}
	
	
	
	/* =Three Column
	-----------------------------------------------------------------------------*/	
	#three_column #content_main { 
		display:inline;
		float:left;
		width:645px;
		height:287px;
		background: url(../images/3col-content-main-bg.png) no-repeat;
		overflow:hidden;
	}
		
	#three_column #content_main_left { float:left; display:inline; width:360px; overflow:hidden; margin:0 30px 0 18px; }
	
	#three_column #content_main #welcome { height:140px; width:360px; overflow:hidden; }
	#three_column #content_main #welcome h2 {
		margin:15px 0 7px 0;
		background: url(../images/txt-welcome.gif) no-repeat; /*The image*/ 
		padding-top:22px; width:630px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}
	
	
	#three_column #content_main #callout { height:133px; width:355px; padding:17px 0 0 0; overflow:hidden; }
	#three_column #content_main #callout img.left { margin:0 15px 15px 0; }
	#three_column #content_main #callout h2 {
		margin:0;
		background: url(../images/txt-our-video-library.gif) no-repeat; /*The image*/ 
		padding-top:18px; width:135px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}
	
	#three_column #content_main #callout p { margin:0;}
	
	#three_column #content_main #whats_new { float:left; display:inline; width:225px; overflow:hidden; }	
	
	#three_column #content_main #whats_new h2 {
		margin:15px 0 0 0;
		background: url(../images/txt-whats-new.gif) no-repeat; /*The image*/ 
		padding-top:22px; width:110px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}
	
	#three_column #content_main #whats_new ul { margin:7px 0; }
	#three_column #content_main #whats_new li { margin:5px 0; }
	
	#three_column #content_sub { 
		display:inline;
		float:right;
		width:294px;
		height:137px;
		background: url(../images/our-services-bg.png) no-repeat;
		margin-bottom:13px;
		overflow:hidden;
		padding:0 17px 0 15px;
		color:#414758;
	}
	
	#three_column #content_sub h2 {
		margin:14px 0 5px 0;
		background: url(../images/txt-our-services.gif) no-repeat; /*The image*/ 
		padding-top:22px; width:130px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}
	
	#three_column #content_sub a,
	#three_column #content_sub a:visited { color:#414758; }
	#three_column #content_sub a:hover { color:#414758; }
		
	#three_column #content_supp{ 
		display:inline;
		float:right;
		width:291px;
		height:137px;
		background: url(../images/center-of-excellence-bg.png) no-repeat;
		overflow:hidden;
		padding:0 20px 0 15px;
	}
		
	#three_column #content_supp h2 {
		margin:10px 0 0 0;
		background: url(../images/txt-breast-imaging-center-of-excellence.gif) no-repeat; /*The image*/ 
		padding-top:22px; width:280px; /*Size of the image*/ 
		height: 0; overflow: hidden; /*Hide the text*/ 
	}
	
	#three_column #content_supp p { margin:4px 0; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { 
		float:right; 
		display:inline; 
		overflow:hidden;
		width:673px;
		margin-right:22px;
		background: url(../images/content-main-bg.jpg) repeat-y top left;
	}
	
	#two_column #content_main a:link, 
	#two_column #content_main a:visited, 
	#two_column #content_main a:hover { color:#7b2645; text-decoration:underline; }
	
	#two_column #content_main_top { 
		background:url(../images/content-main-top.jpg) no-repeat top left;
	}
	
	#two_column #content_main_bottom { 
		background:url(../images/content-main-bottom.jpg) no-repeat bottom left; 
		min-height:400px; height:auto !important; height:400px;
		padding:10px 20px;
	}
	
	#two_column #content_sub { 
		float:left; 
		display:inline; 
		width:274px;
		overflow:hidden;
	} 
	
	#two_column #content_sub #in_this_section { background: url(../images/its-bg.jpg) repeat-y top left; }
	#two_column #content_sub #in_this_section_top { background:url(../images/its-top.jpg) no-repeat top left;  }
	#two_column #content_sub #in_this_section_bottom {
		background:url(../images/its-bottom.jpg) no-repeat bottom left; 
		min-height:200px; height:auto !important; height:200px;
	}
	
	#two_column #content_sub #in_this_section h2{ 
		font:18px Georgia, "Times New Roman", Times, serif; 
		margin:0;
		padding:0 0 0 23px;
		line-height:36px;
	}
	
	#in_this_section li { 
		border-top:1px solid #e8d8e0;
		line-height:27px; 
	}
	
	#in_this_section li a,
	#in_this_section li a:visited,
	#in_this_section li a:hover { 
		padding:0 0 0 40px;
		background:transparent url(../images/bullet.gif) no-repeat 23px 5px;
	}

	#in_this_section li li a,
	#in_this_section li li a:visited,
	#in_this_section li li a:hover { 
		padding:0 0 0 60px; 
		background:transparent url(../images/bullet.gif) no-repeat 43px 5px;
	}
	
	#two_column #content_sub #callouts { margin:20px 0; }
	
	#two_column #content_sub #callouts img { margin:10px 0; }
	
	#two_column #content_sub #callouts h1,
	#two_column #content_sub #callouts h2,
	#two_column #content_sub #callouts h3,
	#two_column #content_sub #callouts h4,
	#two_column #content_sub #callouts h5,
	#two_column #content_sub #callouts h6 { 
		font-family: Georgia, "Times New Roman", Times, serif; 
		color:#7b2645;
		padding:0 0 0 23px;
		margin:.4em 0;
	}
		
	#two_column #content_sub #callouts li { 
		list-style-type: none;
		padding:0 0 0 40px;
		background:transparent url(../images/bullet.gif) no-repeat 23px 5px;
	}
	
	#two_column #content_sub #callouts a,
	#two_column #content_sub #callouts a:visited { color:#414758; text-decoration:none; }
	#two_column #content_sub #callouts a:hover { color:#414758; text-decoration:underline; }
	
	.caption { width:150px; padding:8px; margin:0 0 10px 10px; border:solid 1px #7B2645; float:right;}
	
	/* =Forms
	-----------------------------------------------------------------------------*/
	form { padding: 0.4em; margin: 0; }
	form em { color: #FF0000; }
	form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; }
	form p label { float: left; width: 25%; }
	
	fieldset { margin: 0.8em 0; padding: 0.6em; border:1px solid #ccc; }
	fieldset legend { padding:0 5px; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; }
	
	input.txt { width: 200px; }
	
	textarea {
	  width: 300px;
	  height: 100px;
	}
	
	.formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 0.4em;
	  margin-bottom: 0.4em;
	}
	.formerror ul { padding-left: 1.7em; }
	
	blockquote { margin:0 20px; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	  vertical-align: top;
	}
	
	/* =Lists
	-----------------------------------------------------------------------------*/
	#two_column #content_main ul { list-style-type:disc; margin:0 0 0 40px; }
	#two_column #content_main ol { list-style-type:decimal; margin:0 0 0 40px; }
	#two_column #content_main li { margin:0; padding:2px 0;}
	
	
	/* =Driving Directions
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:10px 0 0 0; padding:0; border:0; width:230px; background:url(../images/driving-directions/driving-directions-bg.gif) repeat-y top left; overflow:hidden; float:right; display:inline;}
	#driving_directions .dd-top { background:url(../images/driving-directions/driving-directions-top.gif) no-repeat top left; }
	#driving_directions .dd-bottom { background:url(../images/driving-directions/driving-directions-bottom.gif) no-repeat bottom left; 
	min-height:230px; height:auto !important; height:230px; }
	
	#driving_directions h2 { width:203px; height:30px; margin:0 auto; padding:0; position:relative; overflow:hidden; }
	#driving_directions h2 span { width:100%; height:100%; position:absolute; background:url(../images/driving-directions/txt-driving-directions.gif) no-repeat; }
	
	#driving_directions form { font-size:12px; font-weight:normal; padding:10px 15px; }
	#driving_directions form input { margin:4px 0px; }
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.vcard { margin:0px; padding:10px 22px; }
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin:0 10px 10px 0; }
	img.right { float:right; margin:0 0 10px 10px; }
	
	p.left { text-align:left; }
	p.right { text-align:right; }
	p.center { text-align:center; }
	
	
}