@charset "UTF-8";
@import "/css/reset.css";


body { background:#ffffff url(/media/layout/bodyBackground.gif) top left repeat-x; font-size: small; font-family: Trebuchet MS, Helvetica, sans-serif; /*color:#8d8d8d;*/ color: #4f4840; margin: 0; padding: 0; line-height: 1.5;}

h1, h2, h3, h4, h6{font-family: Georgia, Helvetica, sans-serif; line-height: 1;}
h2{font-weight: normal; color: #494949}
h3{color: #494949; font-size: 160%; font-weight: normal; margin: 15px 0;}
h5{color: #692813; font-size: 170%; line-height:1.2em;}
a img { border: 0; }

#wrapper{ width: 1000px; margin: 0 auto; padding: 0;}

h1{ font-weight: normal; size: 220%; color: #232323; margin-top: 40px; margin-bottom: 15px;}

ol{margin-left: 40px; font-weight: bold;}

a{color: #658b73;}
p{margin-bottom: 15px;}
a:visited{color: #494949;}

#archive{background: transparent url(/media/layout/archive.gif) top left no-repeat; display: block; width: 144px; height: 63px; padding-top: 25px; padding-left: 80px; text-align: center;}
#archive span{font-size: 150%; font-weight: bold; text-decoration: none;}
#archive:hover{color: #494949;}


/* OLD MAYBE USE THIS AT SOME POINT 
#intro{position: absolute; left:295px; top:440px;}
*/
/* LAYOUT */

#header {  }

#main {  }

#footer {  }

#newsAndNav{width: 255px; float: left; }
#contentArea{float: right; width: 715px;}
#contentArea ul{margin-left: 30px;}

/*BREADCRUMB JUNK */
#breadcrumb{list-style: none; margin-top: 43px; font-size: 90%; margin-bottom: 10px;}
#breadcrumb li{display: inline;}
#breadcrumb li a{}

/*news VIDEO BOX CRAP */

#newsVideoBox{ width: 237px;float: right; padding: 10px 0px;}
#newsVideoBoxTop{background: transparent url(/media/layout/newsvideobox-top.jpg) top left no-repeat; height: 80px;}
#newsVideoBoxBottom{background: transparent url(/media/layout/newsvideobox-bottom.jpg) top left no-repeat; height: 100px;}
#newsVideoBoxMiddle{background: transparent url(/media/layout/newsvideobox-middle.jpg) top left;}

#newsVideoBox ul{ color: #ffffff; padding: 0px 20px 0px 20px; font-weight: bold; font-size: 120%; line-height: 1;}
#newsVideoBox ul li{ padding-bottom: 10px;}
#newsVideoBox ul li a{color: #ffffff;}





/*UTILITY NAVIGATION - the links in the top right of the page*/
#utility{ list-style: none; font-family: Georgia, Helvetica, sans-serif; text-align:right; margin-top:2px;}
#utility li{float: left; padding-left: 21px;}
#utility li a{color: #edecea; text-decoration: none; font-size: 100%;}
#utility li a:hover{text-decoration: underline;}
#utility .active{text-decoration: underline;}

#topphone {float:right; text-align:right; font:16px/18px "Times New Roman", Times, serif; color:#251d11; margin-top:7px;}
#topphone .number {color: #692813; font-size: 150%; line-height:1.2em; font-family: Trebuchet MS, Helvetica, sans-serif;}

/*MAIN BROWN NAVIGATION - the main navigation with logos and all*/

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
/**/

#navigation{background: url(/media/layout/navBackground.png) top left repeat-y; padding-left: 25px; padding-top: 10px; margin: 0; width: 255px; list-style: none; color: #e2e2e4; font-size: 150%;}
#navigation li{background:transparent url(/media/layout/navDivider.gif) bottom left repeat-x; width: 207px; position: relative; z-index: 99; margin: 0; }
#navigation li ul{position: absolute; left: 207px; top:-20px; display: none;  z-index: 99; padding: 0 10px 10px 5px; font-size: 80%; list-style: none;}
#navigation li ul li{background: transparent url(/media/layout/subNavMiddle.png) top left no-repeat; padding-left: 15px; }

#navigation #logo{background: transparent url(/media/layout/logo.png) top left no-repeat;height: 117px; width: 229px; display: block; text-indent: -9000px;}
#navigation #logoLi{background: none;}
#navigation #last{background: none;}

#navigation .subNavFirst{background: transparent url(/media/layout/subNavBig.png) top left no-repeat; padding-top: 25px; padding-left: 15px}
#navigation .subNavLast{background: transparent url(/media/layout/subNavBottom.png) bottom left no-repeat; height: 30px;}
#navigation .active{background: transparent url(/media/layout/bullet.gif) center left no-repeat;}

#navigation li a{color: #e2e2e4; text-decoration: none;  padding:2px 15px 2px; display: block; width: 200px;}
#navigation li a:hover{background: transparent url(/media/layout/bullet.gif) center left no-repeat;}
#navBottom{background: transparent url(/media/layout/navBottom.png) bottom left no-repeat; height: 20px; width: 275px; margin-bottom: 30px}
#navigation li:hover ul, li.over ul{display:block; }


/*BLOCK OF NEWS IN THE LEFT COLUMN */
#newsBlock{width: 250px; margin-left: 10px;}
#newsBlock p{margin-left: 34px;}


/*Survivor Page Junk - this could be a big one! Includes all needed chubbybox stuff */
.survivorImg{width: 257px; margin: 0 4px; text-align: center; background: #ffffff url(/media/layout/whiteCurve.gif) bottom left no-repeat;}
.survivorImg img{border: 1px solid #ffffff;}
.survivorImg a{color: #658b73; font-size: 120%; margin: 10px 0;}
.survivorDetails{list-style: none; margin-bottom: 10px; margin-left: 3px; font-family: Georgia, Helvetica, sans-serif; line-height: normal;}
.survivorDetails .name{ color: #2a2a2c; font-size: 130%;}


/*FEATURED HOME PAGE ITEM */
#featured{width: 715px; margin-top: 25px; position: relative; float: right; margin-bottom: 30px; }

#featured h2, #featured p, #featured ul{width: 330px; margin-left: 20px;}
#featured h2{color: #494949; font-weight: normal; font-size: 180%; margin-bottom: 10px;}
#featured h2 a{text-decoration: none;}
#featured h2 a:hover{text-decoration: underline;}
#featured img{position: absolute; top:7px; right: 9px;}

#featuredTop{background: transparent url(/media/layout/featuredTop.png) top left no-repeat; width: 715px; height: 20px;}
#featuredMiddle{background: transparent url(/media/layout/featuredMiddle.png) top left repeat-y; height: 327px; padding-top: 1px; }
#featuredBottom{background: transparent url(/media/layout/featuredBottom.png) bottom left no-repeat;width: 715px; height: 20px;}

#featured ul{margin-left: 40px; margin-top: 15px; list-style-image: url(/media/layout/bulletLight.gif);}
#featured ul li a{color: #658b73; font-size: 120%; text-decoration: none;}
#featured ul li a:hover{text-decoration: underline;}



/*SUVIVOR PROFILE THING*/
#survivorBox{ background: #e3d7c7 url(/media/layout/survivor.jpg) top left no-repeat; color: #5e5d5b; padding-top: 229px; margin-top: 42px; width: 341px; padding-left: 8px; float: left;}
#survivorBox h3{ margin: 0 ; background: transparent url(/media/layout/bannerBackground.png); color: #ffffff; padding: 3px 16px 3px 3px; text-align: right; }
#survivorBox h3 a{color: #ffffff; text-decoration: none; font-weight: normal;} 
#survivorBox h3 a:hover{text-decoration: underline;}
#survivorBox ul{ list-style: none; margin-bottom: 10px; margin-left: 3px; font-family: Georgia, Helvetica, sans-serif; line-height: normal;}
#survivorBox p{margin-left: 3px;}
#survivorBox .name a{ color: #2a2a2c; font-size: 130%;}
#survivorBottom{background: transparent url(/media/layout/survivorBottom.gif) bottom left no-repeat;height: 17px; margin-left: -8px; width: 349px;}

/*hopeBox*/
#hopeBox{background: transparent url(/media/layout/hopeTree.gif) top left no-repeat; width: 316px; float: right; height: 225px; display: block; padding-top: 55px;  padding-left: 30px; margin-bottom: 20px;}
#hopeBox h3{width: 100px;}
#hopeBox p a{width: 200px; text-decoration: none; color: #5E5D5B}
#hopeBox p{width: 200px; text-decoration: none;}
#hopeBox a {text-decoration: none;}
#hopeBox p a {text-decoration: none;}

/*BLOG PREVIEW STUFF */
#blogPreview{width: 346px; float: right;}
#blogPreview img{float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px; border: 3px solid #E3D7C7; }
#blogPreview h3{margin-top: 0;}

/*Contact Page*/

#mainContact{float: left;}
#mainContact label{color: #494949; font-weight: bold; display: block;}
#mainContact label.error{color: red;}
#mainContact input{width: 320px;}
#mainContact textarea{width: 320px; height: 100px}
#mainContact .submit{width: auto; text-align: right; padding: 3px;}
#mainContact .submit:hover{cursor: pointer; border: 1px solid #333333;}

/*CANCER INFO PAGE */
#cancerBox{width: 250px; float: right;}
.tinyTop{background: transparent url(/media/layout/tinyTop.png) top left no-repeat; height: 20px; width: 250px;}
.tinyBottom{background: transparent url(/media/layout/tinyBottom.png) bottom left no-repeat; height: 20px; width: 250px; margin-bottom: 20px;}
.tinyMiddle{background: transparent url(/media/layout/tinyMiddle.gif) top left repeat-y; width: 250px;}

.tinyMiddle #cancerContact, .smallBox #cancerContact {padding: 0 15px;}
.tinyMiddle #cancerContact label, .smallBox #cancerContact label {display: block;}
.tinyMiddle #cancerContact input, .smallBox #cancerContact input {margin-bottom: 8px;}

#cancerDetails{width: 450px; float: left;}
#cancerDetails h1{margin: 0 0 15px 0;}

#cancerBox ul{list-style: none; margin-left: 40px;  color: #5e5d5b;margin-top: 0px;margin-bottom: 0px;}
#cancerBox a{color: #5e5d5b; font-weight: normal; text-decoration: none;}
#cancerBox a:hover{text-decoration: underline;}
#cancerBox h2{text-align: center; margin-top: 0; margin-bottom: 10px}
#cancerBox h3{margin: 0; margin-left: 20px; padding: 3px 0;}
#cancerBox .head{color: #692813; font-size: 120%; background: transparent url(/media/layout/bullet.gif) center left no-repeat; padding-left: 13px;}
#cancerBox .heading{color: #692813; font-size: 120%; background: transparent url(/media/layout/bullet.gif) center left no-repeat; padding-left: 13px;}
#cancerBox .head:hover{cursor: pointer; color: #250e06;}
#cancerBox .heading:hover{cursor: pointer; color: #250e06;}
#cancerBox .selected{background: transparent url(/media/layout/bulletDown.gif) center left no-repeat; color: #250e06;}


/*F.A.Q page */
#faqs p{margin: 0 30px; color: #5E5D5B;}
#faqs h2{font-weight: normal;color: #494949; background: transparent url(/media/layout/bullet.gif) center left no-repeat; padding: 5px 0 5px 15px;}
#faqs h2:hover{cursor: pointer; color: #232323;}
#faqs .selected{background: transparent url(/media/layout/bulletDown.gif) center left no-repeat;}

/*Testimonial page*/
#testimages img {margin:0 20px 20px 0;}

/*PHYISICIANSISIAS PAGE and the DETAILS BOOYA! */

.doctorBox{width: 349px; margin-top: 10px; height: 330px; overflow: hidden;}
.doctorBox p{line-height: normal; margin-bottom: 0;}
.doctorBox ul{margin: 5px 15px 0 15px; list-style: none; color: #5e5d5b; line-height: normal; width: 250px;}
.doctorBox img{border: 1px solid #e3d7c7;}
.doctorBox img:hover{border: 1px solid #727272;}

#docImage{border: 1px solid #44331d; margin: 0 10px 10px 0;}
#header1{margin: 0;}
#bioStats{list-style: none;}
#bioStats .indent{padding-left: 15px;}

#linkToBlog{width: 340px; float: left;}


#directory .head{color: #692813; font-size: 150%; background: transparent url(/media/layout/bullet.gif) center left no-repeat; padding-left: 13px;}
#directory .head:hover{cursor: pointer; color: #250e06;}
#directory .selected{background: transparent url(/media/layout/bulletDown.gif) center left no-repeat; color: #250e06;}
#directory ul{margin-left: 20px; list-style: none; padding-bottom: 10px}
#directoryDetails dt{float: left; margin-right: 5px; font-weight: bold;}


/*FOOTER */

#footer{clear: both; width: 1000px; margin: 15px 0; padding-top: 15px;}
#footer p{margin-bottom: 0;}
#footerTop{background: transparent url(/media/layout/footerTop.gif) top left no-repeat; height: 10px; width: 997px;}
#footerMiddle{background: transparent url(/media/layout/footerMiddle.gif) top left repeat-y; width: 997px; padding-left: 15px;}
#footerBottom{background: transparent url(/media/layout/footerBottom.gif) bottom left no-repeat; height: 10px; widows: 997px;}
#footerLinks{list-style: none;  text-align: center; width: 989px; margin: 15px 0; padding: 0;}
#footerLinks li{display: inline; padding-right: 10px;}
#footerLinks li a{text-decoration: none;}
#footerLinks li a:hover{text-decoration: underline;}


/*News Page */
.newsChunk h3{margin-bottom: 0;}


/*Some awesome classes that will knock your socks off */

div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:15px 3px 0 0; }
.error { color: red; }

.Left{ float: left;}
.Right{float: right;}

input{border: 1px solid #999999; padding: 2px 0;}

ul li.today { font-weight: bold; }

.trialBoxTop{background: transparent url(/media/layout/curveTop.png) top left no-repeat; height: 15px; width: 349px; margin-top: 5px; }
.trialBoxBottom{background: transparent url(/media/layout/bottomCurve.gif) bottom left no-repeat; height: 14px; width: 349px; margin-bottom: 15px;}
.trialBoxMiddle{background-color: #e3d7c7; padding-left: 15px; width: 334px;}
.trialBoxMiddle h3{margin: 0;}
.trialBoxMiddle p{margin: 0 0 0 15px; padding-bottom: 15px;}
.trialBoxMiddle span{font-size: 75%; color: #333333;}

.awesomeBox{width: 349px; margin-top: 10px; color: #5e5d5b;}
.awesomeBox h3{margin-top: 0;}
.awesomeBox p{margin-bottom: 0;}
.smallBox{width: 329px; padding:0 10px; background-color: #e3d7c7; margin-right: 15px;}
.smallBoxTop{background: transparent url(/media/layout/curveTop.png) top left no-repeat; height: 15px; width: 349px;}
.smallBoxBottom{background: transparent url(/media/layout/bottomCurve.gif) bottom left no-repeat; height: 14px; width: 349px;}

.halfBox{width: 329px; padding:0 10px; background-color: #e3d7c7; margin-top: 15px; margin-right: 15px;}
.topCurve{background: transparent url(/media/layout/curveTop.png) top left no-repeat; height: 15px; width: 349px; margin-left: -10px; margin-top: -15px;}
.bottomCurve{background: transparent url(/media/layout/bottomCurve.gif) bottom left no-repeat; height: 14px; width: 349px; margin-left: -10px;}

.fullBox{width: 695px; padding:0 10px; background-color: #e3d7c7; border-top: 1px solid #e3d7c7; }
.fullBox p{margin-bottom: 0; color: #5e5d5b;}
.bigTop{background: transparent url(/media/layout/bigTop.png) top left no-repeat; width: 715px; height: 15px; margin-top: 10px}
.bigBottom{background: transparent url(/media/layout/bigBottom.png) bottom left no-repeat; width: 715px; height: 15px;}

.leftPadding{float: left; margin: 0 5px 5px 0;}

.homeP{margin-bottom: 0;}
.storyImage{float: left; border: 1px solid #333333; margin: 0 10px 5px 0;}

#technologyMenu{width: 235px; padding: 0px 15px 0px 0px}

.textRight{text-align: right;}
.textJust{text-align: justify;}
.alert{color: red;}

/* -- blog styles -- */
address.vcard { display: inline; } 
.entry-tags { margin-top: 10px; }
form#comments-form label { display: block; }

#cancerTree{background: transparent url(/media/layout/cancerTreeSmall.gif) top left no-repeat; display: block; height: 61px; width: 231px; margin-left: 10px; padding-top: 60px; font-size: 150%; padding-left: 15px; text-decoration: none;}
#cancerTree:hover{text-decoration: underline;}

#survivorPromo{background: transparent url(/media/layout/survivorsSmall.gif) top left no-repeat; display: block; height: 86px; width: 226px; margin-left: 10px; font-size: 150%; text-align: right; text-decoration: none; padding-top: 35px; padding-right: 20px; margin-top: 15px;}
#survivorPromo:hover{text-decoration: underline;}

.holderRight{width: 260px; float: right;}

/*-- blog admin login --*/
.actions-bar .actions button{display:block;background:#333 url('http://blogadmin.fuelinteractive.com/images/buttons/button.gif') no-repeat 0 center;border:none;border-top:1px solid #d4d4d4;font-weight:bold;font-size:14px;line-height:1.3;text-decoration:none;color:#eee;cursor:pointer;padding:2px 10px 4px;}.actions-bar .actions button{width:auto;overflow:visible;padding:2px 10px 1px;}.actions-bar .actions button[type]{padding:3px 10px 3px;}.actions-bar .actions a{padding:3px 10px 4px !important;}*:first-child+html button[type]{padding:4px 10px 3px;}

/*Property Map at /locations/ */
.map-header { width: 750px; margin-bottom: 15px; }
.map-header h2 { float: left; }
.map-header ul { float: right; margin-top: 10px; }
.map-header ul li a { padding-top: 4px; height: 15px;}
#directionsMap { width: 633px; height: 450px; border: 2px solid gray; margin-left: 23px; }
#largeMap { width: 633px; height: 650px; border: 2px solid gray; margin-left: 23px; display: block; border: 1px solid black; }
#largeMapLegend { padding: 0 15px; margin: 10px 0 0 57px; }
#largeMapLegend img { float: left; padding-right: 13px; }
#largeMapLegend p { float: left; padding-right: 12px; width: 180px; margin: 0; }
.infoWindow { width: 325px; }
.infoWindow img { display: block; float: left; margin-right: 5px; }
.infoWindow h3 { margin: 0; padding: 0 0 15px; background: none; color: #333333; font-weight: bold; font-size: 15px; }
.infoWindow p { margin: 0 0 3px 0; padding: 0; }
.mapLocations{  float: left; width: 300px; margin:15px 0 0 15px;}
.mapLocations h4{font-size: 14px; text-decoration: underline;}
.mapLocations ul{margin: 5px 0 0 15px;}
.mapLocations li a{color: #707070;} 

.ourStaff{background-color: #e3d7c7; padding: 5px; float: left;}
.ourStaff div.person{float: left; margin: 0 10px 10px 0; width: 140px;}
.ourStaff dt img{border: 1px solid #e3d7c7; padding: 0;display: block;text-align: center; margin: 0px auto;}
.ourStaff dt img:hover{border: 1px solid #333333;}
.ourStaff div.person p.name{width: 100%;text-align: center;float: left;margin: 0px;padding: 0px;}


#footerLogos{float: right;}
#footerLogos ul{list-style: none; margin-right: 30px; text-align: center;}
#footerLogos li{float: left; display: inline; margin-right: 30px; padding-top: 10px;}
#footerLogos ul li img{height: 60px;}

dl#directoryDetails { margin: 0; }

#addresses{float: left;}

/*-- admin section --*/
.formfield textarea { width: 300px; height: 200px; } 
/*ul.list { list-style: none; }
ul.list li.sortableitem { clear: left; }
ul.list li span { width: 23%; float: left; display: block; } */