/* 07/14/05 bjm Change td.mainmenu background from #C0FFFF to #55cccc  
  07/15/05 dbr Added class li.standardul   
  07/23/05 dbr Added board classes  
  07/23/05 bjm Added picRight id selector  
  08/07/05 dbr added background-image for board dt (bullet)   
  08/21/05 dbr added background image to body
  05/16/07 bjm Added and modified book styles 
  3/22/08 Add circle ul styles bjm
  8/9/08 bjm Shorten upper margin of picRight, picLeft
  2/17/10 dbr moved bookRight,bookLeft to under books section; updated to do margins (removed <br>'s from page)
   
    #218595  logo teal   #047473
    #21976B  green
    #972187  plum/eggplant purple
    #6B2197  dark purple  --menu
    #973121  dusty rose sorta    
    #F0F5F9  light blue in banner sky
    #F5F8FB  very light blue
    
*/
/* background: #660033; */
/* td {border: 1px solid red};  */

/* don't print any elements labelled just for the printed page  */
.forprint {display:none;}

/* need this next line for mozilla browser to allocate space for scrollbar, or page jumps left as scrollbar is added */
body {overflow:-moz-scrollbars-vertical; overflow-y:scroll;}

Body {	margin: 0px;             
    padding: 0;
    /* background: white url(images/bannerhead.jpg) 0 0 no-repeat ; */	
    background: white url(images/back.gif);
	}

body,  td, th, input, textarea	{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: black;
	}
.iehack  {
    text-align: center;
    }
.centerit { 
    background: white url(images/bannerhead.jpg) 0 0 no-repeat ;
    background: white url(images/banner-wide.jpg) 0 0 no-repeat ;    
    border: 1px solid grey;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	text-align: left;
    }	
	
.smallcaps { font-size: 125%; 
    font-variant: small-caps;
	font-weight: bold;
	color: #660033;}

.savedate { color: #972187; }

input.stdbutton  {font-size: 10px; 
    font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: black;}

/*  this is for a fake button that is just a link */	
a.linkbutton:link, a.linkbutton:hover, a.linkbutton:visited    {
    font-size: 10px;
    font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	border: 2px outset silver;
	background: #EFEFEF;
	}
a.linkbutton:hover {border: 2px inset silver; }

p.smallp  {
	margin: 4px 0 4px 0;
	}
/* ================= overall layout ======================= */	
table#wholebody  {
	width: 100%;
	}


/*  left menu td:  */
table#wholebody td.mainmenu {
    background: transparent;
    width: 150px;
    padding:  30px 0 0 0px;
    vertical-align: top;
    }
    
/*  td for the rest of the non-menu page  */    
table#wholebody td.mainbody {
    padding: 30px 15px 5px 15px;
    margin: 0;
    vertical-align: top;
    width: 800px;
    }
    
td#indexmain {
	width: 548px;
	vertical-align:top;
	padding-top: 0px;
	}

td#indexrightsidebar  {    
    padding: 20px 0px 0px 2px;
    vertical-align: top;
    width: 220px;
    font-size: 9pt;
    font-family: serif;
    }
div.indexrightsidebar  {    
    padding: 8px 0px 10px 5px;
    margin: 0;
    text-align: center;
    border-left: dotted 1px #218595;
    background: #F5F8FB;
    }
div.indexrightsidebar hr   {
	width: 80%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #218595;
	background-color: #218595;
	}
div.indexrightsidebar a:link, 
div.indexrightsidebar a:hover, 
div.indexrightsidebar a:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: underline;
	}	
	   
.news  {
	font-size: 10pt; 
	font-weight: bold; 
	color: #218595;                 /* #047473; */
	font-style: italic;
	letter-spacing: .8pt;
	margin-bottom : 5px;
	text-align: center;
	display: block;
    }
.purple {
    color: #6B2197;
	font-style: italic;
	font-weight: bold;
    }
.teal {
    color: #218595;
	font-style: normal;
	font-weight: bold;
    }
/* ======== read more links ==============  */	
a.readmore:link, a.readmore:hover, a.readmore:visited  {
	font-family: Tahoma, Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
	text-decoration: none;
	}

/*  for pages with a right column:  */
td.centerbody  {
    padding: 0px 22px 0 0;
    margin: 0;
    vertical-align: top;
	}

td.rightcol   {
    width: 160px;
    vertical-align: top;
    border-left: solid #218595 1px;
    }

/*    format for partner logo under menu  */   
img.ocnalogo    { text-align: left;
    padding: 0px;
    border: none;
    margin: 20px 0px 0px 15px;
    }
    
/* ================= right column formats/boxes ======================= */	
.sidebar	{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8px;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	text-align: left;
	}

A.sidebar:link { color:black; text-decoration: none; font-weight: bold; font-size: 8pt;   }
A.sidebar:visited {color: black;  text-decoration: none; font-weight: bold; font-size: 8pt;}
A.sidebar:hover { color: black;  text-decoration: underline; font-weight: bold; font-size: 8pt; }
	
td#subrightsidebar  {    
    padding: 0px 0px 0px 3px;
    vertical-align: top;
    width: 150px;
    font-size: 9pt;
    /*font-family: serif;*/
    }
div.subrightsidebar  {    
    padding: 3px 0px 5px 5px;
    margin: 0;
    text-align: center;
    border-left: dotted 1px #218595;
    background: #F5F8FB;
	font-size: 8pt; 
	font-weight: bold; 
	color: #218595;                 /* #047473; */
	font-style: italic;
	letter-spacing: .2pt;
	line-height: 130%;
    }

ul.simple { padding:0 0 0 15px;
    }

ul.simple li { padding: 0 0 8px 0;
    }
ol.simple li {margin-left:-5px;}
ol.simple li { padding: 0 0 8px 0;
    }
/* ================= banner links/layout ======================= */	
/* use two td for banner to get the 'contact' and 'home' links off to the right.  */
td.banner1  {
    width: 710px;
    height: 110px;
        }
td.banner2  {
    width: 240px;
    height: 110px; 
    padding-bottom: 8px;
    padding: 8px 14px 0 0;
    margin-bottom: 0px;
    }

.bannerlink	{
    text-align: right;
    padding: 0px 0 0px 0;
    margin: 0px 5px 0px 15px;
    float: bottom;
	 }
a.bannerlink:link { color:#218595; text-decoration: none; font-weight: bold; font-size: 8pt; text-transform: uppercase;}
A.bannerlink:visited {color:#218595;  text-decoration: none; font-weight: bold; font-size: 8pt; text-transform: uppercase;}
A.bannerlink:hover { color:#6B2197;  text-decoration: none; font-weight: bold; font-size: 8pt; text-transform: uppercase;}
	
/* ==================== links in the page body ==================== */
A:link { color:#800000; text-decoration: underline; font-weight: normal; }
A:visited {color:#800000;  text-decoration: underline; font-weight: normal; }
A:hover { color: #218595;  text-decoration: underline; font-weight: normal;  }

/*  definition links   */
A.def:link  { color:#800080; font-weight:normal;  text-decoration: underline; }
A.def:visited {color:#800080; font-weight:normal; text-decoration: underline;}
A.def:hover { color: #800080; font-weight:normal; text-decoration: underline;  }

/* ==================== format/links in the footer ============================== */

table.footer {
    width:100%;
    margin: 15px 0 0 0;
    }
table.footer td {
    margin: 0px 0 0px 0;
    padding: 0px 0 0 0;
    line-height: 110%;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: grey;
	text-align: center;
    }
table.footer td.footer a { 
	color:#660033; 
    text-decoration: none; 
    font-weight: normal; 
    font-size: 8pt;
    padding: 0 5px 0 5px;
    color: #606060;
    }
table.footer td.footer a:hover {text-decoration:underline;}

/* ================= all purpose general stuff ======================= */	
A.totop:link, A.totop:visited, A.totop:hover { 
    color: #660033; 
    text-decoration: underline; 
    font-weight: normal; 
    font-size: 9pt;
    }
.totop  {text-align: right;}
    
.toright  { text-align: right; }
.tab1 {margin-left: 35px; 
    margin-right: 20px;}
.tab2 {margin-left: 70px;
    margin-right: 50px;}
      
.standardul li{
    list-style: square inside;
	margin: 0px 0px 0px -25px;
 	padding: 3px 0px 5px 0px;
    } 

.standardol li{
	margin: 0px 0px 0px -25px;
 	padding: 3px 0px 3px 0px;
    } 

.blockul li{
    list-style: square inside;
	margin: 0px 0px 0px 0px;
 	padding: 3px 60px 13px 0px;
    } 
    
.blockul li ul li{
    list-style: circle inside;
	margin: 0px 0px 0px -25px;
 	padding: 3px 0px 0px 0px;
    } 
    
.indentul li{
    list-style: circle inside;
	margin: 0px 0px 0px -25px;
 	padding: 3px 0px 0px 0px;
    } 
          
.color  {color: #6B2197;
    }
    
.caption {
	font-family: "Tahoma, Arial", sans-serif;
	font-size: 8px;
	font-size: 8pt;
	font-weight: normal;
	color: darkblue;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
	
.ref    {color: red;
    font-size: 8px;
    vertical-align: super;
    }
hr.standhr  {width: 75%;
    color: #218595;
    }

.picRight {
    display: block;
    float: right;
    margin: 0px 5px 0 10px;
          }
.picLeft {
    display: block;
    float: left;
    margin: 0px 10px 0 0 ;
          }
/*  this should be under books I think
.bookRight {
    display: block;
    float : right;
    margin: 0px 0px 15px 20px;
          }
.bookLeft {
    display: block;
    float : left;
    margin: 0px 20px 15px 0px ;
          }
*/    
.infofrom   {font-size: 9px;
    font-weight: normal;
    color: black;
    }
    
 a.infofrom   {font-size: 9px;
    font-weight: normal;
    color: #218595;
    text-decoration: underline;
    }
    
/*   used for 'close window' on pop-up   */
.closebutton {
    float: right;
    margin-right: 10px;
    font-family: Tahoma, Arial, sans-serif;
	font-size: 8px;
	font-size: 8pt;
	font-weight: normal;
    }
    
table.card  {border-top: black 1px solid;
    border-left: black 1px solid;
    border-right: #222222 3px solid;
    border-bottom: #222222 3px solid;
    padding: 2px  2px 2px  2px;
    margin: 0 0 0 25px;
    margin: 0 0 0 0px;
    width: 98%;
    width: 425px;
    }
    
    
/* =================  board members  =============== */
dl.board dt   {font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 10px 12px;
    background-image: URL('images/bullet.gif');
    background-repeat: no-repeat;
    }

dl.board dd   {margin: 0 0 5px 20px;
    }

/* =================  books  =============== */
table.books  {
	width: 100%;
	border: none;
	}
table.books td {
	border-top: 1px solid #218595;
	padding: 9px 0 9px 0;
	}
table.books td div.title {
	font-weight: bold;
	text-decoration: underline;
	}
table.books td div.author {
	font-weight: normal; 
	}
table.books img.bookRight {
    display: block;
    float : right;
    margin: 0px 0px 5px 20px;
          }
table.books img.bookLeft {
    display: block;
    float : left;
    margin: 0px 20px 5px 0px ;
          }
 
/* =================  events  =============== */
dl.events dt   { 
    margin: 0px 0 0 0;
    padding: 5px 0 7px 0px;
    color: #218595;
    }
dl.events img {vertical-align:top;
    }
dl.events dd   {
    margin: 0px 0 20px 0px;
    border-bottom: 1px  dashed grey;
    padding: 10px 0 20px 0;
    }
   
.eventtitle  {font-weight: bold;
    text-decoration: none;
    }
  
    
/* =================  news  ==================*/
.currentupdates  {
    width: 75%;
    border: 2px solid silver;
    background: #F7EFF7     /* #F5F8FB */;
    margin: 0;
    padding: 5px 25px 5px 15px;
    margin: 0 0 8px 0;
    text-align: center;
    }

/* =================  education  =============== */
.educhead   {
    background: #B5D6DE;
    color: #18636C;
    size: 11px;
    font-weight: bold;
    width: 95%;
    text-align: center;
	}
dl.education dt   { 
    margin: 0 0 0 0;
    padding: 0 0 7px 0px;
    color: #218595;
    }
dl.education dt p  { 
    margin: 0 0 0 0;
    
    color: black;
    }
dl.education dd   {margin: 0 0 16px 30px;
    padding: 0 0 10px 0;
    }
   
.eductitle  {font-weight: bold;
    text-decoration: none;
    }
ul.noindent  {
	margin-left: 5px;
	}
ul.noindent li {	
	padding: 1px 0 3px 0px;
	} 
    
/* =================  support and education groups  =============== */
dl.groups dt   { 
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 11pt; 
	font-weight: bold; 
	color: #218595;    
    }
dl.groups div.title {
	font-weight:bold;
	padding-bottom: 7px;
	}
dl.groups dd   {margin: 0 0 16px 30px;
       }
dl.groups div.groupinfo  {
	padding: 7px 0 7px 0;
	}
   
/* =================  local orgs  =============== */
table.localorg  {width: 95%;
    }
table.localorg .head {
	padding: 20px 0 0 0;
	margin: 0;
	vertical-align: bottom;
    }
table.localorg .name, .link, .address, .phone  {
    font-weight: bold;
    }
table.localorg .link, .phone  {
    text-align: right;
    padding: 0 22px 0 0;
    }
table.localorg .body {
    
    }

/* =================  all cancer links  =============== */
dl.clinks dt   { 
    margin: 0 0 0 0;
    padding: 0 0 7px 0px;
    font-weight: bold;
    text-decoration: none;
    }
dl.clinks dd   {margin: 0 0 16px 30px;
       }
    
/* =================  doctors  =============== */
dl.docs dt   { 
    margin: 0 0 0 0;
    padding: 0 0 7px 10px;
    font-weight: bold;
    text-decoration: none;
    }
dl.docs dd   {margin: 0 0 16px 40px;
       }
    
       
/* =================  services we provide  =============== */
dl.services dt   { 
    margin: 0 0 0 0;
    padding: 0 0 7px 10px;
    font-weight: bold;
    text-decoration: none;
    }
dl.services dd   {margin: 0 0 16px 40px;
       }
    
/* =================  FAQ  =============== */
dl.faq dt   { 
    margin: 0 0 0 0;
    padding: 0 0 7px 2px;
    font-weight: bold;
    text-decoration: none;
    }
dl.faq dd   {margin: 0 0 16px 40px;
       }
       
ul.faqlinks li a {
    font-weight: bold;
    font-size: 14px;
    color: #6B2197;
    }
ul.faqlinks li {
    padding: 0 0 0 0;
    margin: 0 0 2px 0;
    list-style: square inside;
   }

/* =================  Volunteer  =============== */
table.volunteer   { 
    margin: 0 0 0 0;
    padding: 0 0 0px 0px;
    width: 100%;
    background: white;
    }
table.volunteer  td { 
    font-weight: bold;
    }
table.volunteer  input {  
    border: solid silver 1px;
    }
table.volphone  td { 
    font-weight: normal;
    font-style: italic;
    text-align: center;
    font-size: 8pt;
    }
table.volareas {
    width: 90%;
    background: white;
    border-collapse: collapse;
    margin-top: 8px;
    }
    
table.volareas input {
    border-width: 0;
    }

/* ============= donate ============================ */  
div.returnto {
	margin:-8px 5px 15px 0;
	text-align:right;
	}
    
/* ============= legislative action ============================ */  
td.legisl     {
    width: 460px;
    }
td.legis2	{
	width: 340px;
	}
table.legisways th  {
    font-weight: bold;
    text-align: center;
    color: white;
    background: #218595;
    }
table.legis th, td  {
    vertical-align: top;
    }
table.legisways td  {
    padding: 2px 0px 2px 0px;
    }
table.legisways hr  {
    color: #218595;
    width: 70%;
    }

table.currentissues  {
    background: white;
    }
table.currentissues  th {
    background: #B5D6DE;
    /* color: #218595; */
    color: #18636C;
    }
table.currentissues  td {
    padding-bottom: 15px;
    }

table.congress  {
    vertical-align: top;
    /* background: #F5F8FB; */
    background: #F7EFF7;
    border: 1px solid #218595;
    margin: 0 0 0 8px;
    }
table.congress th {
    font-size: 10pt; 
    font-variant: small-caps;
	font-weight: bold;
	}
table.congress td {
    vertical-align: top;
    font-size: 9pt;
    /* font-family: monospace; */
    padding: 0 2px 0 4px;
    }
table.congress li {
    margin: 0 0 5px -35px;
    padding: 0 0 0 0;
    list-style-position: inside;
    }

/* -------------------- Eugene Half Marathon --------------  */
table.cardEHM  {width:525px;}
    
/* ============= headers ============================ */    
/*  old green: #21976B   */
h1  { font-family: Verdana, Arial; 
	font-size: 13pt; 
	font-weight: bold; 
	color: #6B2197;
	margin-bottom: 8px;
	margin-top: 15px;
	 }
h2  { font-family: Verdana, Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #218595;
	margin-bottom : 3px;
     }
.h2text { font-family: Verdana, Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #218595;
	margin: 0px;
	}
	 
h3  { font-family: Verdana, Arial; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #218595;
	font-style: italic;
	margin-bottom : 0;
    }
h4  { font-family: Verdana, Arial; 
	font-size: 11pt; 
	font-weight: bold; 
	color: #6B2197;
	margin-bottom : 0;
    }
h5  { font-family: Verdana, Arial; 
	font-size: 10pt; 
	font-weight: bold; 
	color: #660033;
	margin-bottom : 0;
    }