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

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

@media screen {

	/* =General
	-----------------------------------------------------------------------------*/
	html {background:#9fd1c7;}
	
	body {
	  padding: 0;
	  margin: 0;
	  background-color: #fff;
	  font: 12px Arial, Helvetica, sans-serif;
	  color:#3a3a3a;
	  text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	  min-width: 972px; /* Centered design work around for Netscape 6. */
	  overflow: -moz-scrollbars-vertical;
	}
	
	body#three_column {
		background:#fff url(../images/3col-bg.gif) repeat-x;
	}
	
	body#two_column {
		background:#fff url(../images/2col-bg.gif) repeat-x;
	}
	
	/* Class for clearing floats */
	.clear { clear:both; height:0px;}
	* html .clear { clear:both; height:0px; margin:0; padding:0; font-size:0; margin-bottom:-2px;}
	
	/* Remove border around linked images */
	img { border: 0; }
	
	abbr {border-bottom:none; }
	pre {color:#fff;}
	
	p { margin: 0.8em 0; }
	
	h1, h2, h3, h4, h5 { margin: 0.4em 0; color:#369683;}
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.3em; color:#3a3a3a;}
	h3 { font-size: 1.1em; }
	h4 { /* different color */ }
	h5 { /* different color */ }
	
	ul {list-style-type:square; color:#aaa;}
	ul li {color:#3a3a3a;}
	
	/* =Links
	-----------------------------------------------------------------------------*/
	a:link, a:visited { color: #0d8c72; text-decoration:none; }
	a:hover { color: #0d8c72; text-decoration:underline; }
	
	a[href$='.pdf'] {
		display:inline-block;
		padding-right:22px;
		line-height:16px;
		background:transparent url(../images/icon_pdf.gif) no-repeat right center;
	}
	
	
	/* =Structure
	-----------------------------------------------------------------------------*/
	#container {
	  width: 972px;
	  margin: 0 auto;
	  text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */
	}
	
	#content {  }
	
	#footer { 
		height:142px;
		background: #9fd1c7 url(../images/footer.jpg) repeat-x;
	}
	
	
	/* =Navigation
	-----------------------------------------------------------------------------*/
	ul#nav_main { height:49px; margin:0 0 0 0; padding:0; list-style-type:none; clear:both;}
	ul#nav_main li { height:49px; float:left; position:relative; overflow:hidden; }
	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.filler { width:218px; }
	ul#nav_main li.filler a span,ul#nav_main li.filler a:link span { background:url(../images/buttons/filler.gif) no-repeat; }
	ul#nav_main li.filler a:hover span,body.filler ul#nav_main li.filler a span { background:url(../images/buttons/filler.gif) no-repeat; }
	
	ul#nav_main li.about-us { width:118px; }
	ul#nav_main li.about-us a span,ul#nav_main li.about-us a:link span { background:url(../images/buttons/btn-about-us.gif) 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.gif) no-repeat 0 -49px; }
	
	ul#nav_main li.about-cancer { width:151px; }
	ul#nav_main li.about-cancer a span,ul#nav_main li.about-cancer a:link span { background:url(../images/buttons/btn-about-cancer.gif) no-repeat; }
	ul#nav_main li.about-cancer a:hover span,body.about-cancer ul#nav_main li.about-cancer a span { background:url(../images/buttons/btn-about-cancer.gif) no-repeat 0 -49px; }
	
	ul#nav_main li.treatments { width:131px; }
	ul#nav_main li.treatments a span,ul#nav_main li.treatments a:link span { background:url(../images/buttons/btn-treatments.gif) no-repeat; }
	ul#nav_main li.treatments a:hover span,body.treatments ul#nav_main li.treatments a span { background:url(../images/buttons/btn-treatments.gif)no-repeat 0 -49px; }
	
	ul#nav_main li.your-visit { width:117px; }
	ul#nav_main li.your-visit a span,ul#nav_main li.your-visit a:link span { background:url(../images/buttons/btn-your-visit.gif) no-repeat; }
	ul#nav_main li.your-visit a:hover span,body.your-visit ul#nav_main li.your-visit a span { background:url(../images/buttons/btn-your-visit.gif) no-repeat 0 -49px; }
	
	ul#nav_main li.research-publications { width:237px; }
	ul#nav_main li.research-publications a span,ul#nav_main li.research-publications a:link span { background:url(../images/buttons/btn-research-publications.gif) no-repeat; }
	ul#nav_main li.research-publications a:hover span,body.research-publications ul#nav_main li.research-publications a span { background:url(../images/buttons/btn-research-publications.gif) no-repeat 0 -49px; }
	
	
	#nav_sub {float:right; margin:30px 35px 0 0;}
	#nav_sub a,
	#nav_sub a:visited { font-size:10px; margin-left:15px; color: #231f20; text-decoration:none; display:block; float:left; }
	#nav_sub a:hover { font-size:10px; margin-left:15px; color: #231f20; text-decoration:underline; display:block; float:left; }
	
	
	#nav_supp {font-size:11px; color:#000000; padding-top:20px;}
	#nav_supp a,
	#nav_supp a:visited { font-size:11px; color:#000000; text-decoration:none; }
	#nav_supp a:hover { font-size:11px; color:#000000; text-decoration:underline; }
	
	
	/* =Header
	-----------------------------------------------------------------------------*/
	#branding { height:73px;}
	#branding h1 { width:534px; height:73px; margin:0; padding:0; position:relative; overflow:hidden; float:left;}
	#branding h1 span { width:100%; height:100%; position:absolute; cursor:pointer; background:url(../images/logo.gif) no-repeat; }
		
	
	/* =Three Column
	-----------------------------------------------------------------------------*/
	#three_column #branding_sub { margin-top:5px; height:246px; background:#fff; border-top:1px solid #0d8c72; border-bottom:1px solid #0d8c72; overflow:hidden;}
	#three_column #branding_sub img {float:left;}
	
	#three_column #content { height:185px; padding-top:20px; overflow:hidden;}
	#three_column #content h2 { margin:0 0 5px 0; padding:0;}
	#three_column #content p {line-height:16px;}
	
	#three_column #content_main { display:inline; float:left; width:430px; height:180px; padding:0 20px; background: url(../images/3col-vr.gif) no-repeat right; }
	#three_column #content_main h2 { width:251px; height:16px; position:relative; overflow:hidden; }
	#three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/welcome.gif) no-repeat; }
	
	#three_column #content_sub { display:inline; float:left; width:215px; height:180px; padding:0 20px; background: url(../images/3col-vr.gif) no-repeat right;}
	
	#three_column #content_sub h2.about-cancer { width:125px; height:17px; position:relative; overflow:hidden; }
	#three_column #content_sub h2.about-cancer span { width:100%; height:100%; position:absolute; background:url(../images/about-cancer.gif) no-repeat; }
	
	#three_column #content_sub h2.about-brachytherapy { width:184px; height:17px; position:relative; overflow:hidden; }
	#three_column #content_sub h2.about-brachytherapy span { width:100%; height:100%; position:absolute; background:url(../images/about-brachytherapy.gif) no-repeat; }
	
	#three_column #content_sub p {line-height:18px; margin:0 0 10px 0; padding:0;}
	
	
	#three_column #content_supp{ display:inline; float:left; padding-left:20px; height:180px;}
	#three_column #content_supp h2 { width:173px; height:37px; position:relative; overflow:hidden; color:#fff;}
	#three_column #content_supp h2 span { width:100%; height:100%; position:absolute; background:url(../images/meet-our-physicians.gif) no-repeat; }
	
	/* =Two Column
	-----------------------------------------------------------------------------*/
	#two_column #branding_sub { margin:5px 0 0 0; padding:0; height:72px; width:972px;}
	#two_column #branding_sub img {float:right;}
	
	#two_column #branding_sub h1 { margin:0; padding:0; height:72px; width:470px; position:relative; overflow:hidden; }
	body.about-cancer #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-about-cancer.gif) no-repeat; }
	body.about-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-about-us.gif) no-repeat; }
	body.treatments #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-treatments.gif) no-repeat; }
	body.your-visit #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-your-visit.gif) no-repeat; }	
	body.research-publications #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-research-publications.gif) no-repeat; }
	body.thank-you #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-thank-you.gif) no-repeat; }
	body.contact-us #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-contact-us.gif) no-repeat; }
	body.privacy-policy #branding_sub h1 span { width:100%; height:100%; position:absolute; background: url(../images/banners/banner-privacy-policy.gif) no-repeat; }
	
		
	#two_column #content { padding:20px 0; overflow:hidden; }
	
	#two_column #content_main { float:left; width:670px; padding:0 35px 0 20px; background:url(../images/content-main.gif) repeat-y right; }
	
	#two_column #content_sub { float:left; margin:0; padding:0 0 0 35px; width:205px; } 
	
	#two_column #content_sub h2.in-our-section { margin:0; padding:10px 0 0 0; height:14px; width:127px; position:relative; overflow:hidden; }
	#two_column #content_sub h2.in-our-section span { width:100%; height:100%; position:absolute; background: url(../images/in-our-section.gif) no-repeat; }
	
	#two_column #content_sub h2.meet-our-physicians{ margin:0; padding:60px 0 10px 0; width:173px; height:17px; position:relative; overflow:hidden; }
	#two_column #content_sub h2.meet-our-physicians span { width:100%; height:100%; position:absolute; background: url(../images/meet-our-physicians.gif) no-repeat; }
	
	#two_column #content_sub ul { margin:0; padding:10px 0 0 0; list-style-type:none; color:#515151; font-size:12px;}
	#two_column #content_sub ul li { margin:0; padding:1px 0;}
	#two_column #content_sub ul li a,
	#two_column #content_sub ul li a:visited { color:#515151; font-size:12px; text-decoration:none; }
	#two_column #content_sub ul li a:hover { color:#515151; font-size:12px; text-decoration:underline; }
	
	#two_column #content_sub ul li ul {margin:0 0 0 5px; padding:2px 0 2px 10px; list-style-type:square; color:#aaa; font-size:12px; }
		#two_column.treatments #content_sub ul li ul {display:none;}
		#two_column.brachytherapy #content_sub ul li ul.brachytherapy {display:block;}
		#two_column.cyberknife #content_sub ul li ul.cyberknife {display:block;}
		#two_column.external-beam-radiation #content_sub ul li ul.external-beam-radiation {display:block;}
		
	/* =Driving Directions 
	-----------------------------------------------------------------------------*/
	#driving_directions { margin:0; padding:0; border:0; width:250px; float:right;}
	#driving_directions h2 {width:250px; height:30px; 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) repeat-y; font-size:12px; padding:10px 20px;}
	#driving_directions .content input {margin:3px 0px;}
	#driving_directions .bottom {background: url(../images/directionsBottom.gif) no-repeat; width:250px; height:35px; text-align:center;}
	#driving_directions .bottom #submitButton {margin:0px auto; cursor:pointer;}

	/* =Vcard
	-----------------------------------------------------------------------------*/
	.vcard-dl {margin-top:10px; background: url(../images/vcard.gif) center no-repeat; background-position: 0 50%;}
	.vcard-dl a {margin-left:25px; display:block;}
	
	/* =Footer
	-----------------------------------------------------------------------------*/
	#site_info {font-size:11px; color:#000000; padding-top:5px;}
	#site_info a,
	#site_info a:visited { font-size:11px; color:#000000; text-decoration:none; }
	#site_info a:hover { font-size:11px; color:#000000; 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; }
	
	.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;
	  vertical-align:top;
	}
	
	td.link-table {background:#eee;}
	td.link-table-even {background:#fefefe;}
	
	/* =Misc 1
	-----------------------------------------------------------------------------*/
	.question { background: #FF0000; }
	.highlight { font-weight:bold; background:#FFFF00; }
	
	
	/* =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:cetner; }
	
	/* = jquerry stuff
	----------------------------------------------------------------------------*/
	.physicians-callout {
		height:  117px;  
		width:   173px;  
		padding: 0;  
		margin:  0;
		overflow: hidden;
	} 
	 
	.physicians-callout img {
		height: 117px; 
		width:  173px; 
		top:  0; 
		left: 0;
	}
	
	
}