/* CSS for Radiation Oncology Associates */



* {

	margin: 0;

	padding: 0;

}

body {

	font: 80% arial, helvetica, sans-serif;

  background: url('/images/bg-body.gif') repeat-x;

}

h1 {

	color: #000;

	font-size: 1em;

	margin: 0;

  padding: 0;

}

h2 {

	color: #e9761b;

	font-size: 1.42em;

	margin: 0 0 10px 17px;

  line-height: .9em;

}



h2 a { color: #e9761b; }



h3 {

  color: #666;

  font-size: 1.2em;

  margin: 0 0 15px 17px;

}



h4{

	color: #444;

	font-size: 1.1em;

	margin: -10px 0 10px 17px;

}

input { padding: 2px; }

option { padding: 1px 3px 1px 2px; }

ul { margin: 0 0 0 25px; }

p { margin: 0 0 10px 0; }



a img{ border: 0; }



a { color: #397cb1; }

a:visited { color: #9139b1; }



.l { float: left; }

.r { float: right; }



.clear { clear: both; }

.clear-l { clear: left; }

.clear-r{ clear: right; }



.m-tb-5 { margin: 5px 0; }

.m-tb-10 { margin: 10px 0; }

.m-t-10 { margin: 10px 0 0 0; }

.m-r-40 { margin: 0 40px 0 0; }



.b { font-weight: bold; }

.no-b { font-weight: normal; }



.u { text-decoration: underline; }

.no-u { text-decoration: none; }



.i { font-style: italic; }

.no-i { font-style: normal; }



#main .small { font-size: .9em; }

.large { font-size: 1.2em; }



.t-r { text-align: right; }

.t-l { text-align: left; }

#main .t-c { text-align: center; }



.phone {

  font-family: times new roman;

  font-size: 1.22em;

  font-weight: bold;

  color: #3c83bb;

  margin-bottom: 10px;

  display: block;

}



#glow {

  width: 529px;

  height: 282px;

  background: url('/images/glow.png') no-repeat;

  position: absolute;

  z-index: 3;

  margin-left: -175px;

}



#wrapper {

  width: 960px;

  margin: 0 auto;

  text-align: left;

}



#main {

  position: absolute;

  z-index: 5;

  margin: 35px 0 0 0;

  width: 960px;

}



#header {

  font-weight: bold;

}



#top-links {

  color: #ffffff;

  margin: 0 0 0 650px;

}

#top-links a {

  margin: 5px;

  color: #ffffff;

  text-decoration: none;

}

#top-links a:hover { text-decoration: underline; }



#nav {

  background: url('/images/bg-nav.gif') no-repeat;

  margin: 5px auto 0 auto;

  clear: both;

  width: 943px;

  height: 39px;

  text-align: center;

}



#nav ul { /* all lists */

	padding: 0;

	margin-left: 5px;

	list-style: none;

	line-height: 1;

}



#nav a {

  margin: 15px 8px 0 8px;

  padding-bottom: 6px;

  color: #ffffff;

  text-decoration: none;

  display: block;

}

#nav a:hover { text-decoration: underline; }



#nav li { /* all list items */

	float: left;

	width: auto; /* width needed or else Opera goes nuts */

}



#nav li ul { /* second-level lists */

  padding-top: 5px;

  margin-left: -1px;

  background: url("/images/blank.gif");

	position: absolute;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}



#nav li ul a{

  border-left: 1px solid #fff;

  border-right: 1px solid #fff;

  background: #2d618b;

  margin: 0;

  width: 10em;

  padding: 3px;

  text-align: left;

  position: static;

  display: block;

  float: left;

  top: 0;

}



#nav li ul a:hover{

  text-decoration: none;

  background: #666;

}

#nav li ul li.bottom{

  border-bottom: 1px solid #fff;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}



.nav-line {

  margin-top: -28px;

  float: left;

}



#flash-wrap {

  background: url('/images/bg-flash.png') repeat-y;

  width: 960px;

}

.flash-wrap-int { padding: 8px 0; }

#flash{

  text-align: center;

  padding: 8px 0;

}



#flash-int {

  /*background: url('/images/flash-int.jpg') no-repeat;*/

  margin: 0 0 0 10px;

  width: 937px;

  height: 213px;

}



#flash-wrap .tonnesen{ background: url('/images/bg-tonnesen.jpg') no-repeat; }

#flash-wrap .boylan{ background: url('/images/bg-boylan.jpg') no-repeat; }

#flash-wrap .chawla{ background: url('/images/bg-chawla.jpg') no-repeat; }

#flash-wrap .hart{ background: url('/images/bg-hart.jpg') no-repeat; }

#flash-wrap .pierce{ background: url('/images/bg-pierce.jpg') no-repeat; }

#flash-wrap .hetelekidis{ background: url('/images/bg-hetelekidis.jpg') no-repeat; }

#flash-wrap .kanani{ background: url('/images/bg-kanani.jpg') no-repeat; }

#flash-wrap .bajaj{ background: url('/images/bg-bajaj.jpg') no-repeat; }

#flash-wrap .petit{ background: url('/images/bg-petit.jpg') no-repeat; }



#flash-wrap .physicians{ background: url('/images/flash-int.jpg') no-repeat; }

#flash-wrap .about{ background: url('/images/bg-about.jpg') no-repeat; }

#flash-wrap .radiation{ background: url('/images/bg-radiation.jpg') no-repeat; }

#flash-wrap .patients{ background: url('/images/bg-patients.jpg') no-repeat; }

#flash-wrap .locations-directions{ background: url('/images/bg-locations-directions.jpg') no-repeat; }

#flash-wrap .questions{ background: url('/images/bg-faq.jpg') no-repeat; }

#flash-wrap .tumor{ background: url('/images/bg-tumor.jpg') no-repeat; }

#flash-wrap .contact{ background: url('/images/bg-contact.jpg') no-repeat; }



.logo {

  margin: 15px 0 0 15px;

}



#flash-wrap .tonnesen .logo, #flash-wrap .boylan .logo, #flash-wrap .chawla .logo,#flash-wrap .pierce .logo, #flash-wrap .hetelekidis .logo, #flash-wrap .kanani .logo, #flash-wrap .bajaj .logo, #flash-wrap .petit .logo {

  margin: 15px 0 0 635px;

}



#content {

  width: 918px;

  margin: 5px;

  padding: 15px;

  border: solid 1px #cccccc;

}



.title-wrap {

  background: url('/images/bg-title-shadow.gif') repeat-x;

  padding: 4px 4px 6px 4px;

  margin-bottom: 10px;

}



.title-wrap-left {

  position: relative;

  left: -5px;

  top: -4px;

  float: left;

}

.title-wrap-right {

  position: relative;

  left: 5px;

  top: -4px;

  float: right;

}

.title {

  background: url('/images/bg-title.gif') repeat-x;

  margin: 5px;

  padding: 0 10px;

  line-height: 31px;

  font-size: 1.3em;

  font-weight: bold;

  font-family: times new roman; 

}



#r-col-index div.title-wrap {

  background: url('/images/bg-title-shadow.gif') repeat-x;

  padding: 4px;

  margin: 0;

  display: inline;

  float: left;

}



#r-col-index div.title {

  background: url('/images/bg-title.gif') repeat-x;

  padding: 0 0 0 10px;

  margin: 5px 0 5px 0;

  line-height: 31px;

  font-size: 1.32em;

  font-weight: bold;

  font-family: times new roman; 

  width: 271px;

  display: block;

  float: left;

}





.title-int { width: 690px; }



#r-col-index{

  width: 300px;

  float: right;

}



#r-col-index ul{

  list-style-image: url("/images/list-arrow.gif");

  margin-left: 35px;

  margin-bottom: 20px;

  color: #505162;

}



#r-col-index ul.l{

  float: left;

  margin-left: 0;

  position: relative;

  left: 35px;

  padding: 0;

}



#r-col-index a:hover { text-decoration: none; }



.contact-box {

  background: url('/images/bg-contact-box.gif') no-repeat;

  width: 300px;

  height: 231px;

  float: left;

}

.contact-box-inner {

  background: url('/images/contact-box.gif') no-repeat;

  margin: 10px;

  width: 278px;

  height: 209px;

}

.contact-box-copy {

  padding: 5px 10px 0 65px;

  text-align: center;

}

.contact-box-copy p {

  color: #676767;

  margin: 10px 0;

}

.contact-box-copy p.call-us {

  font-family: times new roman;

  font-size: 1.12em;

  font-weight: bold;

  color: #152b3d;

  padding: 0 15px;

}



.copy-int { margin: 0 0 0 220px; }



#left {

  float: left;

  width: 190px;

}

#left ul {

  list-style: none;

  margin: 5px 0 0 0;

}

#left li {

  border-top: solid 1px #bdbebe;

  margin: 0 0 3px 0;

  padding: 3px 3px 0 3px;

}

#left a {

  color: #8c8c8c;

  font-size: 1.2em;

  text-decoration: none;

  font-weight: bold;

  display: block;

  padding: 3px;

}



#left a:hover {

  background: #e9eff3;

}

#left li.active a {

  background: #e4e4e4;

  color: #3c83bb;

}



#left li.bottom{

  border-bottom: solid 1px #bdbebe;

  padding-bottom: 3px;

}



#bwm-copy p{

  padding: 0 20px 10px 20px;

  color: #333;

  line-height: 1.42em;

}



#content div.index{

  width: 590px;

  float: left;

}



#wrapper div.index p{

  padding: 0 10px 10px 10px;

  color: #333;

  line-height: 1.42em;

}



#bwm-copy ul{

  list-style-image: url("/images/list-arrow.gif");

  margin-left: 40px;

  margin-bottom: 20px;

  color: #505162;

}



#bwm-copy ol{

  margin-left: 40px;

  margin-bottom: 20px;

  color: #505162;

}



#bwm-copy li{

  margin-bottom: 2px;

  padding-right: 20px;

}



#bwm-copy ol li{

  padding-bottom: 10px;

  padding-right: 20px;

}



#bwm-copy div.physician-thumb{

  float: left;

  width: 110px;

  margin: 0 13px 18px 13px;

  text-align: center;

  font-size: .82em;

}



#bwm-copy div.physician-thumb img{

  vertical-align: center;

  display: block;

  margin: 0 auto 5px auto;

  border: 1px solid #3c83bb;

}



#bwm-copy a:hover{

  text-decoration: none;

}



#bwm-copy img.l{

  margin-left: 20px;

  margin-right: 10px;

  padding-bottom: 20px;

}



#bwm-copy img.r{

  margin-left: 10px;

  padding-bottom: 20px;

}



#bwm-copy img.border{

  border: 1px solid #ccc;

  padding-bottom: 0;

}



#bwm-copy div.map{

  float: right;

  width: 300px;

  margin-left: 10px;

  border: 1px solid #ccc;

}



#bwm-copy div.map a{

  margin: 2px 10px 2px 0;

  font-size: 1em;

  text-decoration: none;

  float: right;

}



#bwm-copy div.map a:hover{

  text-decoration: underline;

}



#referring{

  padding: 0 20px 10px 20px;

  color: #666;

  font-size: .92em;

  line-height: 1.42em;

}



#referring {

  

  

}



#referring input.text, #referring textarea.text{

  font-size: 1em;

  display: block;

  width: 200px;

  border: 1px solid #ccc;

  margin-bottom: 5px;

  margin-left: 0;

  font-family: arial, helvetica, sans-serif;

}



#referring textarea.text{

  padding: 2px;

  font-size: 1em;

  display: block;

  width: 420px;

  height: 100px;

  border: 1px solid #ccc;

  margin-bottom: 5px;

  font-family: arial, helvetica, sans-serif;

  float: left;

}



#main .req {

  color: #900;

  font-weight: bold;

}



#referring label.b{

  font-weight: bold;

  width: 200px;

  display: block;

}



#feedback_hidden{

  display: none;

}



.physician-images {

  float: right;

  width: 200px;

  margin-left: 10px;

}



#footer {

  margin: 15px 0;

  padding: 0 10px;

  color: #676767;

  font-size: .8em;

  clear: both;

}

#footer a {

  color: #676767;

  text-decoration: none;

}

#footer a:hover { text-decoration: underline; }



.address {

  float: left;

  margin: 0 8px 0 0;

}



/*Footer Blue Water Media styling */

#main a.bwm:hover {

	color: #4a8ecb; 

}



#bwm-copy {}  /*  Place main content into this div in every page so it can be easily extracted later should the need arise */