/* 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 .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 .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 */