﻿img {border: 0;}

a{color: #369;}
a:hover{color : #69c;}

ul{list-style-type: none; margin: 0; padding: 0;}
ul li{list-style-type: none; margin: 0; padding: 0;}

body 
{
 border: 0;
 margin: 0;
 background: #bebebe url(http://www.cancercareconnection.org/images/backgrounds/body.gif) top repeat-x; 
 font-family: "Verdana",  "Arial",  "Sans-Serif"; 
 font-size: 100%;
}

#header
{
 padding-left: 20px;
 padding-right: 20px;
 float  : left; 
 display: block; 
 width: 980px; 
 height: 105px; 
 background-repeat: no-repeat;
 background-position: 670px bottom; /* 25px; */
}

#logo 
{
 margin-top: 15px; 
 float: left; 
 width: 300px; 
 padding-left: 9px; 
}

#headerTextRight
{
 width: 325px;
 border-style: none;
 text-align: center;
 float: right;
 margin-top: 15px;
 margin-right:15px;
 font-weight: bold;
 font-family: "Verdana",  "Arial",  "Sans-Serif"; 
 font-size: 100%;
}

#pageWrap
{
 background-color: #bebebe;
 background-image: url(http://www.cancercareconnection.org/images/backgrounds/wrap.gif) ;
 background-position:top;
 height:880px;
 background-repeat: repeat-y;
 width: 980px;
 margin: auto;
}

#pageWrap h2{
  background-image: url("http://www.cancercareconnection.org/images/ulg.png");
  background-repeat: repeat-x;
  background-position: left bottom;
  text-align:center;
  color: #ceced4;
}

#pageWrap h3{text-align:center; color: #012bbc;}
#contentWrap{clear: both; display: block; padding-left: 11px;}

#contentWrapSpecial
{ 
  clear: both; 
  display: block; 
  padding-left: 11px;
  background-image:  url("http://www.cancercareconnection.org/images/pipsqueak.jpg") no-repeat; 
  background-repeat: inherit;
  background-position: center;
}

#whereBar 
{ 
    display: block;  
    height: 21px; 
    padding-top: 6px; 
    padding-left: 20px;  
    margin-left: 12px;
    overflow: hidden; 
    background:  /* yellow */ url("http://www.cancercareconnection.org/images/herebar_bg.jpg") no-repeat; 
    color: white;
    font-weight: bold; 
    font-family: "Arial", "Sans-Serif"; 
    font-size: 0.9em;  
    clear: left;
}

#imgClose
{
 width: 480px;
 font-family  : Verdana Cambria Calibri Sans-Serif;
 color: #012BBC;
 text-align:center;
}

/* primary site navigation (horizontal/top) */

#nav { display: block; float: left; width: 966px; height: 35px; margin-top: 4px; padding: 0; padding-left: 12px;  
/*       
       background-image:  url(../images/top_3.jpg); 
       background-position: right bottom; 
       background-repeat: no-repeat;
*/ }
       
#nav ul { background: ; 
display: block; margin: 0; padding: 0; }
#nav ul li { display: block; float: left; font-size: 11px;  padding-right: 2px; background-color:Transparent}
#nav ul li a {  display: block; background-color:Transparent}

#homeNav a { width: 135px; height: 35px; text-indent: -5000px;  background: url(http://www.cancercareconnection.org/images/nav/home.jpg) no-repeat top; }
#homeNav, #homeNav a:hover, #homeNav.on a {  background: url(../images/nav/home.jpg) no-repeat bottom; }

#individualNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/ipp.jpg) no-repeat top; }
#individualNav, #individualNav a:hover, #individualNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/ipp.jpg) no-repeat bottom; }

#workplaceNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/wpp.jpg) no-repeat top; }
#workplaceNav, #workplaceNav a:hover, #workplaceNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/wpp.jpg)  no-repeat  bottom; }

#resourceNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/res.jpg) no-repeat top; }
#resourceNav, #resourceNav a:hover, #resourceNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/res.jpg)  no-repeat  bottom; }

#aboutNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/about.jpg) no-repeat top; }
#aboutNav, #aboutNav a:hover, #aboutNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/about.jpg)  no-repeat  bottom; }

#contactNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/contact.jpg) no-repeat top; }
#contactNav, #contactNav a:hover, #contactNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/contact.jpg)  no-repeat  bottom; }

#supportNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/support.jpg) no-repeat top; }
#supportNav, #supportNav a:hover, #supportNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/support.jpg)  no-repeat  bottom; }

/* comment out section below to hide that tab
 */
/*
#specialNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(http://www.cancercareconnection.org/images/nav/special.jpg) no-repeat top; }
#specialNav, #specialNav a:hover, #specialNav.on a {  background: url(http://www.cancercareconnection.org/images/nav/special.jpg)  no-repeat  bottom; }
*/

#picBlock { float: left; width: 160px; display: block; margin-left:10px;}

/* sub menu navigation */
#subNav { float: left; width: 220px; display: block; margin-left:10px;}

#subNav img
{ width: 160px; height: 240; text-align:center; padding-left: 12px;}

#subNav ul.nav 
{ width: 220px; margin: 0; margin-left: 2px;  padding: 0; list-style-type: none; display: block;  background: /* blue */ url(http://www.cancercareconnection.org/images/backgrounds/nbg-gradient.png) repeat-x; padding-top: 20px; padding-bottom: 180px; }

#subNav ul li 
{ margin: 0; padding: 0; width: 220px;}

#subNav ul li a 
{ width: 200px; display: block;  padding-top: 4px; padding-bottom: 4px; background: none;  padding-left: 20px; font-family: arial; font-size: 0.8em; text-decoration: none; color: #4D4D4D; margin-bottom: 2px;}

#subNav ul li a:hover, #subNav ul li.on a {background: #BEBEBE url(http://www.cancercareconnection.org/images/backgrounds/subnavigate.gif) no-repeat left; color: #fff; cursor: pointer;}


/* sub menu navigation subsections */
#subNav ul li.on ul {  width: 220px; margin: 0; padding: 0;  background: #DADADA; padding-bottom: 4px; margin-bottom: 4px;}
#subNav ul li.on li {  width: 180px; margin: 0; padding: 0; }
#subNav ul li.on li a { width: 180px; display: block;  padding-top: 4px; padding-bottom: 4px; background: #DADADA; padding-left: 40px; font-family: arial; font-size: 0.65em; text-decoration: none; color: #4D4D4D; margin-bottom: 2px;}
#subNav ul li.on li a:hover, #subNav ul li.on li.on a { background: #BEBEBE; color: #fff; cursor: pointer;}

/* sub menu navigation subsections events list */
#subNav ul.subnav { width: 160px; margin: 0; padding: 0; list-style-type: none; display: block;  background-image: none;}
#subNav ul.subnav li { margin: 0; padding: 0; list-style-type: none; }
#subNav ul.subnav li a { width: 140px; display: block;  padding-top: 4px; padding-bottom: 4px; background: none;  padding-left: 0px; font-family: arial; font-size: 1.2em; text-decoration: none; color: #369; margin-bottom: 2px;}
#subNav ul.subnav li a:hover {  background: #fff; background-image: none; color: #69c;}
#subNav ul li.on a {  background: #fff; background-image: none; color: #333;}


/* sub menu navigation content text and lists */
#subNavContent { width: 180px; padding-left: 20px; padding-right: 10px; color: #6D6D6D; font-size: .8em}
#subNavContent h2 { font-family: arial; font-size: 1.1em; font-weight: normal; color: #F97AC0;}
#subNavContent ul { width: 170px; font-size: 0.70em; color: #6D6D6D; margin: 0; padding: 0; padding-left: 15px; }
#subNavContent ul li { width: 170px; list-style-type: disc; margin-bottom: 8px; color: #6D6D6D;}
subNavContent p { width: 180px;  }


#homeFull
{
/*    
 background:  url('../images/backgrounds/bg-gradient.png') repeat-x;
*/
 float:left;    
 padding-top: 10px;
 padding-left: 15px;
 padding-right: 15px;
 margin-left: 1px;
 width:926px;
 height: 689px;
 font-size: large;
 font-weight: normal;
 font-family:  "Arial" "Sans-Serif";
 color: #012BBC;
}

.splash
{
/*
    padding-top: 17px;
*/
}

#homeLeft
{
/*    
 background:  url('../images/backgrounds/bg-gradient.png') repeat-x;
*/
 float:left;    
 padding-top: 20px;
 padding-left: 15px;
 margin-left: 1px;
 width:480px;
 height: 689px;
 font-size: large;
 font-weight: normal;
 font-family:  SansSerif;
 color: #012BBC;
}

#homeRight
{
/*    
 background:  url('../images/backgrounds/bg-gradient.png') repeat-x;
*/
 float: left;
 padding-left: 15px;
 padding-right: 15px;

 width: 431px;
 height: 709px;
 border-style:none;
}

#homeRightNav
{
/*    
 background:  url('../images/backgrounds/bg-gradient.png') repeat-x;
*/
 float: left;
 padding-left: 15px;
 padding-right: 15px;

 width: 708px;
 height: 709px;
 border-style:none;
}

#homeRightNavLeft
{
  float: left;
  width: 324px;
  padding: 15px;
  text-align: justify;
}

#homeRightNavRight
{
  float: left;
  width: 324px;
  padding: 15px;
  text-align: justify;
}

#homeRightNavSub
{
 float: none;
 padding-left: 15px;
 padding-right: 15px;

 width: 708px;
 border-style:none;
}


#quickLinks
{
  margin-top: 15px;
  margin-left: 25px;
  border: ridge 1px #012bbc;
  padding: 0px 10px 15px 15px;
  text-align: justify;
  font-size: medium;
  font-weight: normal;
  font-family:  "Arial", "Sans-Serif";
  font-style: normal; 
  color: black;
  text-align: justify;
  float:right;
  width: 270px;
}

.home
{
  padding: inherit;
}

.centerAlign {text-align: center;}
.leftAlign{text-align: left;}
.blockAlign{text-align: justify;}

.standOut
{
  font-weight:bold;
  font-style:italic;
  color: #012BBC;
}

#footer  
{
  border-top: dotted 1px gray;
  border: none;
  background: #bebebe url(http://www.cancercareconnection.org/images/backgrounds/footer.gif) bottom no-repeat; 
  text-align: center;
  clear:both;
  height: 38px;
  width: 980px; 
  padding: 15px;
  margin: auto; 
  font: 10px Tahoma, Geneva, sans-serif;
  font-size: 0.7em; 
  color: #666;
}

footer #copyright { display: inline;  padding-left: 20px; }
footer #address { display: inline;  padding-left: 12px; }
footer #phone { display: inline;  padding-left: 12px; }
footer #phone2 { display: inline;  padding-left: 12px; }
footer #email { display: inline;  padding-left: 12px; }


.regText
{
  font-size: small;
  font-weight: normal;
  font-family: "Arial", "Sans-Serif";
  font-style: normal; 
  color: black;
}

.mediumText
{
  font-size:  medium;
  font-weight: normal;
  font-family: "Arial", "Sans-Serif";
  font-style: normal; 
  color: black;
}

.standardText
{
  font-size: small;
  font-weight: normal;
  font-family: "Arial", "Sans-Serif";
  font-style: normal; 
  color: black;
}

.contentBorder
{
    border: solid thin black;
}

.stdLeftMargin
{
    margin-left: 15px;
}

.niceBorder {
    border: ridge 3px black;
}



#goldStandard
{
    width: 590px;
    margin-top: 20px;
    border: ridge 1px #012bbc;
    padding: 0px 10px 5px 10px;
    font-size: medium;
    font-weight: normal;
    font-family: Sans-Serif;
    font-style: normal; 
    color: black;
    text-align: justify;
}    

.topSpacing {
    margin-top: 30px;
}

.rightColumn
{
    background-repeat: no-repeat;
    width:400px;
    float:left;
}

.leftColumn
{
    background-repeat: no-repeat;
    width:450px;
    float:left;
}

.inlineHeading
{
   font-weight: bold;
}

.contactInfo 
{
    font-size: 12px;
}

#homeSlogan
{
   border: ridge 1px #012bbc;
   font-family: "Bookman Old Style", "Serif";
   font-style: italic;
   font-size: larger;
   color: #012BBC;
   text-align:center;
   margin-bottom: 10px;
}

#oneColumn
{
    background-repeat: no-repeat;
    width:900px;
    float:left;
}


#bannerImgID
{
  position: relative;
  height:320px;
  top: 0px;
  left: 0px;
}

.infoBox 
{
    margin-top: 30px;
    border-style: groove;
    border-width: 1px;
    border-color: Black;
    float: right;
    width: 200px;
    padding: 10px;
}

.clipboardList li
{
   list-style: none;
   background-image: url("http://www.cancercareconnection.org/images/checkmark-2.png");
   height: 28px;
   padding-left : 35px;
   margin-bottom : 8px;
   background-repeat : no-repeat;
}

.clipboardListLong li
{
   font-size: small;
   list-style: none;
   background-image: url("http://www.cancercareconnection.org/images/checkmark-2.png");
   height: 28px;
   padding-left : 35px;
   margin-bottom : 10px;
   background-repeat : no-repeat;
}

.regularList 
{
  list-style-type:square;
  margin-left: 35px;
}

.regularList li {list-style-type:square;}

.embeddedPictureRight
{
  float:right;
  margin: 10px 10px 0px 10px;
}

.imgCenter
{
  border-width: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mailingAddressLine
{
  color: #012BBC;
  padding-left: 40px;
}


.smallEmbeddedPictureRight
{
  float:right;
  margin-top: 0px;
  margin-left: 15px;
  margin-bottom:2px;
  border-width: 0px;
}

.indented{padding-left: 45px;}

.contact-content
{
    color: black;
    text-align: center;
}

.phone{font-size: larger;}
.phone:before{content: &nbsp;}

.officers, .directors, .advisors, .pastDirectors
{
  font-size: smaller; 
  text-align: left;
}

.officer, .director, .advisor
{
  font-size: small; 
  font-weight: bold;
}

.pastDirector
{
    padding-left: 30px;
    font-size: small;
    font-weight: normal;
}

#giftContact
{
    border-width: 1px;
    border-style: ridge;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    width: 305px;
    font-size: small;
    font-weight: normal;
    font-family:  "Arial", "Sans-Serif";
    font-style: normal; 
    color: black;
    margin-left: 18px;
}

#giftInformation
{
    border-width: 1px;
    border-style: ridge;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    width: 305px;
    margin-left: 10px;
    font-size: small;
    font-weight: normal;
    font-family:  "Arial", "Sans-Serif";
    font-style: normal; 
    color: black;
}

#giftPayment
{
    border-width: 1px;
    border-style: ridge;
    float: left;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    width: 305px;
    margin-left: 10px;
    font-size: small;
    font-weight: normal;
    font-family:  "Arial", "Sans-Serif";
    font-style: normal; 
    color: black;
    margin-top: 10px;
}

#giftContact h3,
#giftInformation h3, 
#giftPayment h3
{
    text-align: center;
    color: white;
    background: #012bbc;
}


/* From legacy CCC site hosted at eTapestry */

.block_labels label {
display:block;
}

.left_labels label {
float: left;
width: 160px;
}

.dollar {
font-size:14px;
font-weight:bold;
padding:0;
margin:0px 1px 0px -9px;
}

.dollarNormal {
font-size:14px;
font-weight:bold;
padding:0;
margin:0px 1px 0px 0px;
}

.comingSoon {  font-weight:bold;
  font-style:italic;
  color: #012BBC;
}

#gearBanner {}
#gearImage {}
#specialBanner { margin-top:12px; margin-bottom: 40px; background-image: url("../images/plane.jpg"); width: 440px; height: 120px; }
#specialBannerImage {width: 440px; height: 142px;} 
#auctionLink {border: none;}
#auctionTop {border: none 1px red; float: left; margin-top:12px; width: 590px; font-size: 0.96em; margin-bottom: 10px;}
#ebayWidget {float: left; padding-right:12px; margin-top: -10px;}
#auctionOpening{margin-top:-25px;}
#ebayAlternate{font-size: x-small;}
.auctionFootnotes{font-size: small; margin-bottom: -4px;}
.auctionGearText{}

#auctionGuts{border: none 2px #012bbc; font-size:small;}
#filler{font-size:xx-small;}
#logos{height: 144px; text-align: center;}

#logos a:focus {border-style:none;}
#logos a:active {border-style:none;}


.logoImg{height: 65%; margin-top: 3px; border-style: none;}



