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

version:   1.0
author:    
email:     @practisinc.com
website:   http://www..com/

TABLE OF CONTENTS

-----------------------------------------------------------------------------*/

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	body {
	  padding: 0;
	  margin: 0;
	  font: 12px Arial, Helvetica, sans-serif;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 840px; /* Centered design work around for Netscape 6. */
	}

	
	/* Class for clearing floats */
	.clear { clear:both; }
	
	/* Remove border around linked images */
	img { border: 0; }
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; font-family: "Times New Roman", Times, serif; }
	h1 { font-size: 1.8em; color:#03407E; }
	h2 { font-size: 1.6em; color:#e1a500; }
	h3 { font-size: 1.3em; color:#03407E; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link { color: #03407E; }
	a:visited { color: #03407E; }
	a:hover {  }
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 840px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  color:#444444;
	}
	
	#three_column #content { width: 100%; margin-top: 3px; float: left; background: url(../images/bg_content.gif) no-repeat; }
	#two_column #content { background: url(../images/bg_content2.gif) no-repeat; }
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { width:100%; padding:0; margin:0; float:left; border-top: 1px solid #e0bc4f; border-bottom: 1px solid #e0bc4f; background: #e3e3e3; list-style-type: none; }
	ul#nav_main li { float: left; }
	ul#nav_main li a { padding: 7px 11px; display: block; text-decoration: none; font-size: 15px; color:#5d5d5d; }
	ul#nav_main li a:hover { background: #e0bc4f; }
	
	body.about ul#nav_main li.about a,
	body.office ul#nav_main li.office a,
	body.services ul#nav_main li.services a,
	body.patient_ed ul#nav_main li.patient_ed a,
	body.visit ul#nav_main li.visit a,
	body.news ul#nav_main li.news a,
	body.contact ul#nav_main li.contact a { background: #e0bc4f; }
	
	
	#nav_sub { float: right; padding:20px 20px 0 0; }
	#nav_sub, #nav_sub a { color: #484848; text-decoration: none; }
	#nav_sub a:hover { text-decoration: underline; }
	
	
	#nav_supp { width:100%; float: left; padding: 5px 0; font-size: 0.92em; border-top: 1px solid #e0bc4f; }
	#nav_supp, #nav_supp a { color: #595959; }
	#nav_supp a { text-decoration: none; }
	#nav_supp a:hover { text-decoration: underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding h1 { width:314px; height:85px; position:relative; float:left; }
	#branding h1 span { width:100%; height:100%; position:absolute; background: url(../images/logo.gif) no-repeat; }
	
	#branding_sub { height:285px; margin-top: 3px; float:left; }
	#branding_sub p.tagline { width:536px; height:285px; float:left; margin-top:0; position:relative; }
	#branding_sub p.tagline span { width:100%; height:100%; position:absolute; background: url(../images/homepage_img.jpg) no-repeat; }
	
	#branding_sub p.appointments { width:275px; float:right; margin:0 0 3px; background:#e0bc4f; color:#FFF; padding: 5px 0 5px 25px; font-size: 16px; font-weight:bold; }
	
	#why_choose_ucva { float:right; width:300px; height:243px; background: url(../images/bg_why_choost_us.gif) no-repeat; color:#353535; }
	#why_choose_ucva p { padding: 60px 20px 0 25px; }
	#why_choose_ucva ul { padding-left: 25px; margin:0; list-style-type: none; }
	#why_choose_ucva li { padding-left: 15px; background: url(../images/bullet.gif) no-repeat 0 3px; }
		

	/* =Callouts
	-----------------------------------------------------------------------------*/
	#callouts { width:100%; float: left; padding:5px 0; background: #03407e; border-top: 1px solid #e0bc4f; border-bottom: 1px solid #e0bc4f; color:#FFF; }	
	#callouts img { float: left; padding-right:5px; }
	#callouts h2 { margin:0; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color:#FFF; }
	#callouts p { margin-top:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#callouts .tutorials, #callouts .library { float: left; width: 277px; }
	#callouts .tour { float: left; width: 265px; }
	#callouts .tutorials { margin-left: 10px; }
	#callouts a { color:#dcb674; text-decoration: none; }


	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #content h1 { color:#b08d23; }
	
	#three_column #content_main { display: inline; width:250px; float: left; margin-left: 45px; }
	
	#three_column #content_sub { display: inline; width:215px; float: left; margin-left: 20px; }
	#three_column #content_sub ul { padding:0; list-style-type:none; }
	
	#three_column #content_supp { display: inline; width:205px; float:left; margin-left: 44px; }
	#three_column #content_supp ul { padding-left: 10px; list-style-type:none; }
	#three_column #content_supp li { padding-left:15px; background: url(../images/bullet2.gif) no-repeat 0 3px; }
	#three_column #content_supp li a { color:#444; text-decoration: none; }
	#three_column #content_supp li a:hover { text-decoration: underline; }
	
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #content_main { display: inline; width:588px; float: right; padding: 0 20px; color:#03407e; background: url(../images/bg_content_main.gif) no-repeat bottom right; }
	
	#two_column #content_sub { display: inline; width:189px; float: left; padding-left: 20px; }
	#two_column #content_sub ul { padding:0; margin:0; list-style-type: none; }
	#two_column #content_sub li { padding-left: 15px; background: url(../images/bullet3.gif) no-repeat 0 4px; line-height: 16px; }
	#two_column #content_sub li a { color:#03407e; text-decoration: none; }
	#two_column #content_sub li a:hover { text-decoration: underline; }
	
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info { width: 100%; float: left; padding-bottom: 5px; margin-bottom: 5px; font-size: 0.92em; border-bottom: 1px solid #e0bc4f; }
	#site_info, #site_info a { color: #595959;}
	#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: 35%; }
	
	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; }
	
	a.large { font-size:15px; }
	
	.new {color: #e1a500; font-weight:bold; }
	
	
	/* =Misc 2
	-----------------------------------------------------------------------------*/
	img.banner { padding-top: 2px; }
}