body
{ background-color: #fff; }

.dis { }

/*<!--For disease pages, put the <body> in class dis.  Then all the headings in those pages will take on the contextual classes specified below - basically green, with h1 being  extra large and with special spacing and a thick green top border.-->*/

h1 { }
body.dis h1, body.dis h2, body.dis h3, body.dis h4 { color: green; }

body.dis h1
{ font-family: Helvetica, sans-serif; font-size: 40px; border-color: green; border-style: solid; border-width: 8px 0 0; padding: 3px 0 0; margin: 0 -3px 0 0; white-space: nowrap; }

h2 { font-family: Helvetica, sans-serif; margin-bottom: -5px; }

h3
{ font-family: Palatino, serif; font-style: italic; margin-bottom: -5px; }

h4 { margin-bottom: -15px; }

.titletable
{ border-color: green; border-style: solid; border-width: 0 0 8px; width: 90%; white-space: nowrap; }
dt
{
	font-weight: bold;
	padding-top: 6pt;
}

dd { }

li
{
margin-bottom: 3px;
}

/* The following class and id are only for the popup definition system, which also works with the file "definitions.js" */

span.def
{
	text-decoration: none;
	cursor: help;
	color: #9900FF;
}

#tipID
{
	visibility: hidden;
	position: absolute;
	width: 200px;
	padding: 3px;
	border-width: 3px;
	border-style: solid;
}

/* Special font styles */

.sans9, .cite
{ font-size: 9px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }

.sans10 , div.right p, div.left p, #tipID
{ font-size: 10px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }

div.left  p, div.right p { font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; font-style: italic; }

.sansGr10  { color: #333; font-size: 10px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }

.sans12, .smallhead, .links
{ font-size: 12px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; }

/* Special styles for the first page divs */
.columns {  }
.columns h2 {
	margin: 0px 0px 5px 0px ;
	padding: 0px;
	font-size: 24px;
}
.leftColumn, .midColumn, .rightColumn {
	float: left;
	padding: 0px 8px 0px 8px;
}
.leftColumn { width: 25%; }
.midColumn {
	width: 35%;
	border-color: green;
	border-width: medium;
	border-style: none solid none solid;
}
.rightColumn { width: 32%; }
.leftColumn ul { margin-top: 3px; margin-bottom: 8px; margin-left: 25px; padding-left: 0; }
.leftColumn li {line-height: 120%; }
.midColumn ul, .rightColumn ul { margin-bottom: 20px; }
.midColumn li, .rightColumn li { margin-bottom: 5px ; }
#google { color: #333; font-size: 10px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; clear: both; margin-right: auto; margin-left: auto; }

/*  Use to center  block or inline  */
.center { text-align: center; margin-right: auto; margin-left: auto; }

/*  Use to stop borders on images  */
.noborder { border-style: none; }
hr.center { width: 80%; height: 8px; margin-right: auto; margin-left: auto; }

hr.left80 { 
width: 80%; 
height: 8px; 
text-align: left;    /*this will align it for IE*/
margin: 20px auto 20px 0;   /*this will align it left for Mozilla*/
}

/*  Div classes for special uses  */

.indent { clear: both; margin: 0 0 0 100px; }

div.left
{
	float: left;
	margin: 5pt;
}

div.right
{
	float: right;
	margin: 5pt;
}
.smallhead
{
	color: black;
	text-align: center;
	padding: 5pt 0pt 5pt 0pt;
}

.sidebar
{
	float: right;
	width: 300px;
	border-width: 7px;
	border-color: #999;
	border-style: ridge;
	padding: 3px 8px 3px 8px;
	margin: 0 0 0 10px;
}

.cite
{
	color: #76797C;
	padding: 0 0 0 15%;
}

.amazondiv
{
	border-width: 4pt;
	border-color: #999;
	border-style: outset;
	padding: 6pt 8pt 4pt;
	margin-top: 15pt;
	margin-right: 6pt;
	margin-bottom: 20pt;
	margin-left: 0pt;
	background-color: #CCFFCC;
}


