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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	
	body {
	  padding: 0;
	  margin: 0;
	  background:#d5d49b url(../images/bg-texture.jpg) repeat-x;
	  font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	  color:#55303c;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 780px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0;}
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#55303c;}
	h1 { font-size: 18px; color:#55303c;}
	h2 { font-size: 16px; color:#414141;}
	h3 { font-size: 14px; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #55303c; text-decoration:underline;}
	a:hover { color: #55303c; text-decoration:underline;}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	
	#container_gradient {
	  width: 900px;
	  padding:0px 20px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/container-gradient.png) repeat-y;
	}
	
	* html #container_gradient { height:1%; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~swdic.com/images/container-gradient.png',sizingMethod='scale', enabled='true' ); }
	
	#container_gradient_bottom {
	  width: 940px;
	  height: 25px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background: url(../images/container-bottom.png) repeat-y;
	}
	
	* html #container_gradient_bottom { height:25px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ns3.practisinc.com/~swdic.com/images/container-bottom.png',sizingMethod='scale', enabled='true' ); }
	
	#container {
	  width: 890px;
	  margin: 0 auto;
	  padding: 0 5px 5px 5px;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  background:#f2f2e3;
	  position:relative;
	}
	
	#footer { 
		background:#bdc38f; 
		border-top:2px solid #5f3844; 
		border-right:1px solid #cccea7; 
		border-bottom:1px solid #cccea7; 
		border-left:1px solid #cccea7; 
		text-align:center;} /* Optional container, use only if necessary. */
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	#nav_sub {background:url(../images/nav-bg.jpg) repeat-x; height:22px; padding:4px 15px 0 0; margin:0; text-align:right; width:875px;}
	#nav_sub a, #nav_sub a:visited {text-decoration:none; color:#55303c;}
	#nav_sub a:hover {text-decoration:none; color:#55303c;}
	
	ul#nav_main { height:59px; margin:0; padding:0; list-style-type:none;}
	ul#nav_main li { height:59px; float:left; position:relative; }
	ul#nav_main li span { width:100%; height:100%; position:absolute; }
	ul#nav_main li a { display:block; cursor:pointer;}
	* html #nav_main a:hover { background:#ccccff; cursor:pointer;}
	
	
	/* This is an example of what needs to be done for each li in the main navigation unordered list. 
	   You can copy this block and just change out the class name, widths and background image names/locations. */
	ul#nav_main li.about-us { width:117px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.jpg) no-repeat; }
	ul#nav_main li.about-us a:hover span,body.about-us ul#nav_main li.about-us a span { background:url(../images/buttons/btn-about-us.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.locations { width:127px; }
	ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn-locations.jpg) no-repeat; }
	ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn-locations.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.services { width:113px; }
	ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn-services.jpg) no-repeat; }
	ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn-services.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.for-patients { width:147px; }
	ul#nav_main li.for-patients a span,ul#nav_main li.for-patients a:link span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat; }
	ul#nav_main li.for-patients a:hover span,body.for-patients ul#nav_main li.for-patients a span { background:url(../images/buttons/btn-for-patients.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.for-physicians { width:162px; }
	ul#nav_main li.for-physicians a span,ul#nav_main li.for-physicians a:link span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat; }
	ul#nav_main li.for-physicians a:hover span,body.for-physicians ul#nav_main li.for-physicians a span { background:url(../images/buttons/btn-for-physicians.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.news { width:89px; }
	ul#nav_main li.news a span,ul#nav_main li.news a:link span { background:url(../images/buttons/btn-news.jpg) no-repeat; }
	ul#nav_main li.news a:hover span,body.news ul#nav_main li.news a span { background:url(../images/buttons/btn-news.jpg) no-repeat 0 -59px; }
	
	ul#nav_main li.contact-us { width:135px; }
	ul#nav_main li.contact-us a span,ul#nav_main li.contact-us a:link span { background:url(../images/buttons/btn-contact-us.jpg) no-repeat; }
	ul#nav_main li.contact-us a:hover span,body.contact-us ul#nav_main li.contact-us a span { background:url(../images/buttons/btn-contact-us.jpg) no-repeat 0 -59px; }
	
	#nav_supp { font-size: 0.92em; padding-top:12px;}
	#nav_supp, #nav_supp a { color: #; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Branding
	-----------------------------------------------------------------------------*/
	
	
	
	#three_column #branding { position:absolute;}
	#three_column #branding h1 { width:333px; height:139px; margin:0; padding:0; position:relative; }
	#three_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/3col-logo.jpg) no-repeat; }
	#three_column #branding .phone { font-size:18px; text-align:center;}
	
	#two_column #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-about-us.jpg) no-repeat;}
	#two_column #branding h1 { width:278px; height:118px; margin:0; padding:0; position:relative; }
	#two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/2col-logo.jpg) no-repeat; }
	#two_column #branding .phone { font-size:18px; text-align:right; float:right; padding:23px 20px 0 0;}
	#two_column #branding .title { clear:right; font-size:32px; text-align:right; float:right; padding:21px 20px 0 0;}
	
	
	#two_column.about-us #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-about-us.jpg) no-repeat;}
	#two_column.locations #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-locations.jpg) no-repeat;}
	#two_column.services #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-services.jpg) no-repeat;}
	#two_column.for-patients #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-for-patients.jpg) no-repeat;}
	#two_column.for-physicians #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-for-physicians.jpg) no-repeat;}
	#two_column.news #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-news.jpg) no-repeat;}
	#two_column.contact-us #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-contact-us.jpg) no-repeat;}
	#two_column.privacy-policy #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-privacy-policy.jpg) no-repeat;}
	#two_column.thank-you #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-thank-you.jpg) no-repeat;}
	#two_column.careers #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-careers.jpg) no-repeat;}
	#two_column.staff-only #branding { position:relative; height:118px; width:890px; background: url(../images/banners/banner-staff-only.jpg) no-repeat;}
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column p {line-height:14px;}
	
	#three_column #content {background:#f4f2e5 url(../images/3col-content-bg.jpg) no-repeat;}
	
	#three_column #content_main { display:inline; background:#f2f2e3; float:right; width:557px;}
	
	#three_column #content_main #welcome {padding:11px 20px 12px 23px; margin:0;}
	#three_column #content_main #welcome h1 { width:499px; height:33px; margin:0 0 -5px -8px; padding:0; position:relative; }
	#three_column #content_main #welcome h1 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_main #callouts {display:inline; margin:0 0 0 2px;}
	
	
	#three_column #content_sub {
		display:inline;
		float:left;
		margin:190px 0 5px 10px;
		padding:0;
		width:292px;
		border-top:1px solid #efece5;
		border-right:1px solid #efece5;
		background:url(../images/3col-content-sub-bg.jpg) repeat-y;
	}
	
	#three_column #content_sub .content {
		background: url(../images/3col-content-sub-bg-bottom.jpg) no-repeat bottom left;
		margin:0;
		padding:0 10px 80px 21px;
	}
	
	#three_column #content_sub #quick_access {margin:0; padding:0;}
	#three_column #content_sub #quick_access h2 { width:226px; height:35px; margin:0; padding:0; position:relative; }
	#three_column #content_sub #quick_access h2 span { width:100%; height:100%; position:absolute; background:url(../images/quick-access.gif) no-repeat; }
	
	#three_column #content_sub #quick_access ul { margin:0; padding:0 0 25px 0; list-style-type:none;}
	#three_column #content_sub #quick_access li { 
		margin:0 0 0 15px; 
		padding:0 0 2px 15px; 
		background:url(../images/quick-access-li-bg.gif) no-repeat bottom left;
	}
	#three_column #content_sub #quick_access li a, #three_column #content_sub #quick_access li a:visited { font-size:12px; color:#515151; text-decoration:none;}
	#three_column #content_sub #quick_access li a:visited { font-size:12px; color:#515151; text-decoration:none;}
	
	
	#three_column #content_sub #whats_new {margin:0; padding:0; background:#ececec; border-right:1px solid #efece5; border-top:1px solid #efece5; }
	#three_column #content_sub #whats_new h2 { width:226px; height:33px; margin:0; padding:0; position:relative; }
	#three_column #content_sub #whats_new h2 span { width:100%; height:100%; position:absolute; background:url(../images/whats-new.gif) no-repeat; }
	#three_column #content_sub #whats_new p {margin:0; padding:10px 5px 0 20px;}
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	
	#two_column #content_main { width:595px; float:left; padding:35px 0 10px 20px; margin:0; line-height:18px;}
		
	#two_column #content_sub { width:230px; float:left; padding:25px 0 0 15px;} 
	
	#two_column #content_sub #in_this_section {width:222px; background: url(../images/2col-content-sub-bg.jpg) repeat-y; margin-bottom:15px;}
	#two_column #content_sub #in_this_section h2 { width:222px; height:41px; margin:0; padding:0; position:relative; }
	#two_column #content_sub #in_this_section h2 span { width:100%; height:100%; position:absolute; background:url(../images/in-this-section.jpg) no-repeat; }
	#two_column #content_sub #in_this_section .content {background: url(../images/2col-content-sub-bg-bottom.jpg) no-repeat bottom; margin:0; }
	
	#two_column #content_sub #exam-prep { margin-top:-50px; }
	#two_column #content_sub #exam-prep h2 { width:222px; height:32px; margin:0; padding:0; position:relative; }
	#two_column #content_sub #exam-prep h2 span { width:100%; height:100%; position:absolute; background:url(../images/exam-prep.jpg) no-repeat; }
	
	
	#two_column #content_sub #in_this_section ul { margin:0; padding:2px 0 60px 17px; list-style-type:none;}
	#two_column #content_sub #in_this_section li { 
		margin:0 0 0 15px; 
		padding:0 0 2px 15px; 
		background:url(../images/in-this-section-li-bg.gif) no-repeat bottom left;
	}
	
	#two_column #content_sub #in_this_section li a, #three_column #content_sub #quick_access li a:visited { color:#515151; text-decoration:none;}
	#two_column #content_sub #in_this_section li a:visited { color:#515151; text-decoration:none;}
	
	#two_column #content_sub #in_this_section .vcard { margin:0; padding:2px 0 60px 30px; list-style-type:none;}
	
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right;}
	#driving_directions h2 {width:250px; height:42px; margin:0; padding:0; position:relative;}
	#driving_directions h2 span {width:100%; height:100%; position:absolute; background:url(../images/directionsTop.gif) no-repeat;}
	#driving_directions form {margin:0; padding:0; border:0;}
	#driving_directions p {margin:3px 0; padding:0;}
	#driving_directions .content {background: url(../images/directionsMiddle.gif) no-repeat bottom; font-size:12px; padding:10px 0px 40px 40px; margin:-2px 0 0 0;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions #submitButton {margin:10px 0 0 10px; cursor:pointer;}
	
	
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { font-size: 0.92em; padding-bottom:10px;}
	#site_info a { text-decoration: none; }
	#site_info a:hover { text-decoration: underline; }
	
	
	/* =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 { padding: 0.6em; padding-left: 0.7em; }
	fieldset legend { padding: 0; 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; }
	
	
	/* =Tables
	-----------------------------------------------------------------------------*/
	td {
	  text-align: left;
	}
	
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	.extra-strong {font-weight:bold; font-size:13px; color:#55303c;}
	
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.left { float:left; margin-right:5px;}
	img.right { float:right; margin-left:5px;}
	
	.acr-logo {float:right; padding:5px 10px 5px 0;}
	
	
	
	
}