/* LAYOUT */

html, body { height: 100%;
		max-width: 1050px;
		margin: 0 auto;
		padding: 0 5px;}

 
p {padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }

ul, ol { margin-bottom:  1em; }



h1,
h2,
h3,
h4 { text-align: center;}

.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }


/* COLORS */

hr { color: #CCCCFF; }


/* FONT SPECS FOR LOGICAL-STRUCTURAL ELEMENTS */

h1 	{ font-size: 200%; font-weight: bold; 	}
h2 	{ font-size: 150%; font-weight: bold; 	}
h3 	{ font-size: 125%; font-weight: bold; 	}
h4 	{ font-weight: bold; }

abbr, acronym, dfn {cursor: help; border-bottom: dotted #360 1px; 	}
dfn	{ font-style: normal;	}
dfn.voice {text-decoration: none; font-style:normal; cursor: default; border: none; }
dfn.voiceonly {display: none; }

cite  { border: 2px dotted #779; background: #F5F5FF; padding: 1em;
        margin-top: 1em; font-size: .8em; display: block;
        margin-left: 4em; margin-right: 4em;
	}

cite.bibLio { font-size: .8em; display: block; margin-left: 1em; background-color: #EFC;
		font-style: normal;  border: 1px dotted #797; 
}

dt	{ font-weight: bold;		}


ul.pdf,
li.pdf { list-style-image: url(/image/icons/pdficon_small.gif) }

ul.offsite,
li.offsite { list-style-image: url(/image/icons/offsite.gif) }

ul.facsite,
li.facsite { list-style-image: url(/image/icons/facsite.gif) }

ul.partner,
li.partner { list-style-image: url(/image/icons/partner-site.gif) }

ul.onsite,
li.onsite { list-style-image: url(/image/icons/ilink.gif) }

ul.jump,
li.jump { list-style-image: url(/image/icons/hash.gif) }

li.nolink {list-style-image: url(/image/icons/nolink.gif) }

ul.inside,
ol.inside,
li.inside  { list-style-position:inside; }

.bold {font-weight: bold; }
.boxedtext { border:2px; border-style:solid; 
                   border-color:#CCF; font-size:90%; }

.boxAnswer	{	float:left; width:45%; padding:4px; border: dashed #933 2px;		}

.boxQuestion 	{	float:left; width:30%; margin-right:12px; padding:4px; border: dashed #393 2px;	}
.centertext {text-align: center; }
.creditA	{ font-size: 0.9em; font-style: italic; }
.creditB	{ border-top: solid 1px; padding-top: 1em;	}
.creditT	{ border: dotted 1px; padding: 1em; font-style: italic; text-align: center;	
		  font-size: 1.1em;}
.creditY	{ border: dotted 1px; padding: 1em; text-align: left;	
		  font-size: 0.95em; margin-left: 3em; margin-right: 3em;
		}
.creditZ	{ border: dotted 1px; padding: 1em; text-align: center;	
		  font-size: 0.95em; margin-left: 3em; margin-right: 3em;
		}
.disclaimer {font-size: 0.8em; }
.bignavlink { font-size: 120%; font-weight: bold; }
.formlabel { font-family: verdana, helvetica, arial, sans-serif;
		font-weight: bold; font-size: 90%; }
.hidden,
.hiddenInline	{ display: none; }


.gotoTop		{	padding: 3px 20px 3px 3px; border: ridge 3px #99F; background: #FFD; 
				display: inline;  background-image: url('/icons/hand.up.gif'); 
				background-repeat: no-repeat; background-position: center right  }
.gotoTop a		{	text-decoration: none; font-weight: bold; font-size: .9em;  }

.larger {font-size: 1.2em; }
.largish {font-size: 1.1em; }
.leftborderline {border-bottom: 0px; 
		border-top: 0px;
		border-left: 2px solid #BBD; 
		border-right: 0px }
.monotype {font-family: courier, monospace; }
.navlink { font-family: verdana, helvetica, arial, sans-serif; 
                     font-size: 80%;  font-weight:bold; }

.redtitle { font-size:110%; color:#C33; font-weight: bold; }
.smnavlink { font-family: verdana, helvetica, arial, sans-serif; 
                     font-size: 11px;  font-weight:bold; }
.smalltext { font-size: 0.8em; }
.smallgray { font-size: 0.8em; color:#666; }
.super { font-family: verdana, helvetica, arial, sans-serif; 
               vertical-align: baseline; font-size: 70%; position: relative;
               top: -.5em;  }
.starA		{	color:#A11; font-size: 1.5em; vertical-align: middle;	}
.textRightSmall 	{	text-align:right; font-size:90%	}
.vsmallnote { font-size: 0.7em; }
.nolistindent {list-style-position:inside; margin:0em; padding:0em;}

/* BOXES */
div.solidbox {border-style: solid; border-width:3px; padding: 1em; margin-top: 1em;  }
div.greenbox { border-color: #494; }
div.purplebox { border-color: #828; }
div.aquabox   { border-color: #39B; }
div.tanbox   {border-color: #993; }
div.references { border: 2px dotted #779; background: #FFB; padding: 1em;
        margin-top: 1em; font-size: .9em; 
        margin-left: 4em; margin-right: 4em;
	}


/* LINK BEHAVIOR  */

a:link { color: #0000ff; }
a:visited { color: #990099; }
a:hover { color: #330099; background: #FFFFCC; }
a:active { color: #ff0000; }

a.plain:link {text-decoration:none; }
a.plain:visited {text-decoration: none; }
a.plain:hover {text-decoration: none; background: transparent;}

/* Main Site Navigation Bar */
#nav1 	{	padding: 0 1px 1px; margin: 0;
  		font: bold 0.8em Verdana, sans-serif;
 		border: 1px solid; 
 		border-color: #AAF #EEF #EEF #AAF;
		background: #CCF;  
  		text-align: left;  			 }

#nav1 li {	list-style: none; margin: 0; border-top: 2px solid #779;
  		border-right: 2px solid #99D;
  		font-weight: bold; font-size: 14px;
  		color: #225; background: #FFD; 	}

#nav1 a {	display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  		border-left: 1em solid #9AC; background: #F3F3FF;
  		text-decoration: none; text-align: left; font-size: 0.85em; 
		line-height: 1.2em;			 } 

#nav1 li a:link {	color: #448;	}
#nav1 li a:visited {	color: #866;	}
#nav1 li a:hover {	border-color: #F30; color: #FFF; background: #336; 	}

#nav2 	{	padding: 0 1px 1px; margin: 0;
  		font: bold 0.8em Verdana, sans-serif;
 		border: 1px solid; 
 		border-color: #AAF #EEF #EEF #AAF;
		background: #CFC;  
  		text-align: left;  margin-top: 4px;			 }

#nav2 li {	list-style: none; margin: 0; border-top: 2px solid #779;
  		border-right: 2px solid #99D;
  		font-weight: bold; font-size: 14px;
  		color: #225; background: #FFD; 	}

#nav2 a {	display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  		border-left: 1em solid #8C8; background: #EEFFD8;
  		text-decoration: none; text-align: left; font-size: 0.85em; 
		line-height: 1.2em;			 } 

#nav2 li a:link {	color: #448;	}
#nav2 li a:visited {	color: #866;	}
#nav2 li a:hover {	border-color: #F30; color: #FFF; background: #363; 	}

/* Customization Button */
#custex {	font: bold 12px Verdana, sans-serif;
    		background: #transparent; color: #B11;  
		margin-top: 6px; margin-bottom: 6px;				}
#custex a { border: 3 px solid; border-color: #FFC #EEC #EEC #FFC;
 border-style: outset;
  background: #9D9; color: #43E; width: 9.5em; text-decoration:none;
 padding: 1 2px 2px; line-height: 180%; }
#custex a:hover {border-color: #FFE; color: #FFF; background: #2D2;}

/* Training Links Navigation Bar */
#nav2train {padding: 0 1px 1px; margin: 0;
  font: bold 0.8em Verdana, sans-serif;
  border: 1px solid; 
  border-color: #AAF #EEF #EEF #AAF;
  border-style: outset;
  color: #DFD;
  background:  #CCF;   
  width: 9em;
  text-align: right; } 
#nav2train li {list-style: none; margin: 0; border-top: 1px solid #696;
  text-align: center; font-weight: bold; font-size: 14px;
  color: #225; background: #FFD;
  width: 9em}
#nav2train a {display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  border-left: 1em solid #5C7; background: #F4FFF1;
  text-decoration: none; 
  text-align: right; font-size: 0.85em;  }
#nav2train li a:link {color: #282;}
#nav2train li a:visited {color: #866;}
#nav2train li a:hover {border-color: #FF3; color: #FFF; background: #383;}

/* Research Links Navigation Bar */

#nav2science {padding: 0 1px 1px; margin: 0;
  	font: bold 0.8em Verdana, sans-serif;
  	border: 1px solid; 
 	border-color: #AAF #EEF #EEF #AAF;
       background:  #FFD; text-align: left; 
       margin-bottom: 2px;  }


#nav2science li {list-style: none; margin: 0; 
       border-top: 2px solid #C57;
	border-right: 2px solid #99D;
  	font-weight: bold; font-size: 14px;
  	color: #A00; background: #FFC;	}



#nav2science a {display: block; padding: 0.25em 0.20em 0.10em 0.25em;
  border-left: 1em solid #C57; background: #FFFFEA;
  text-decoration: none; 
  text-align: left; font-size: 0.85em; 
	line-height: 1.2em; }


#nav2science li a:link {color: #942;}
#nav2science li a:visited {color: #864;}
#nav2science li a:hover {border-color: #F83; color: #FFF; 
		background: #843;}

/* Book List in Nav Bar */
#booklistbar {background: #FFE; color: #FFE; 
	border: 3px #C22 solid; 
	padding: 7px; 
	text-align: center;  
	font-size: 14px
	}

#booklistbar2 {background: #DDF; color: #FFE; 
	border: 3px #33B solid; 
	padding: 7px; 
	text-align: center;  
	font-size: 14px
	}

#dysreadBar   { background: #FED; color: #004; 
	border: 2px #33b double;
	padding: 7px;
	text-align: left;
	font-size: 14px;
	}

.bookBuy,
.bookBuy {
	background-color: #EB5; 
	color:#FFE; 
	border-style:outset;
	border-color: #EBF;
	font-weight:bold;
	font-size:90%;
	padding:1px;
	text-decoration:none;
	}

a.bookBuy:link,
a.bookBuy:visited {
	background-color: #5C6; 
	color:#FFE; 
        border-color: #3A4;
	cursor:pointer; 
	cursor:hand;  
	text-decoration:none;
	}

a.bookBuy:active,
a.bookBuy:hover {
	color:#FF5; 
	}

a.cartbutton:link,
a.cartbutton:visited { text-decoration: none; }
a.cartbutton:hover   { background: #FFA; }

a.noChange,
a.noChange:link,
a.noChange:visited,
a.noChange:hover	{ text-decoration: none;  background: transparent;}


div.proreadNav	{ margin: 0.5em, 0; border: solid 1px #33A;
			  padding: 3px; background: #FFD;
			  font-size: 0.9em; color: #339;
		}

/* Boxes */
.borderblue {border: solid 3px #CCF;}
.brownbRt {float:right; border:2px; border-color:#633; 
		border-style:solid; padding: 4px; font-size:90%; 
		width:250px; margin:4px;}
.bordergreen {border: solid 5px #CFC; }
.archival 	{	font-style: oblique; font-size: 92%;
			margin: 10px 0; 
			border: 2px #844 solid; padding: 0 12px;
                     color: #242; background: #BDB;

	}



/* General Classes for CSS-Positioned Layout */

body.Version3	{	min-width:600px; max-width:1020px; 
			margin: 5px 2% 20px 2%;			
		 }

.flushTop	{	margin-top:0;							}

hr.clearLine	{	width: 100%; 
			border: none 0; border-top: 2px solid #DDF;
			height: 1px; clear: both; }


/* Page Division Specs */

#headerBlock	{	width: 100%;	
		}

#headerLogo	{	float:right; width:20%; 					}

#headerTextview	{	float:left; width:20%; margin-right:10px;			}

#headerTitle	{	float:left; width:55%; text-align:center; 
			margin-right:10px; 					}

#headerTitle h1	{ margin-top:0; }


#bodyNavbar	{	float: right; width: 140px;	
			background: #CCF; padding: 2px;				}

#bodyNavbarA	{	width: 140px;	position: absolute; top: 0px; right: 0px;
			background: #CCF; padding: 2px; background: #CCF; 
			padding-bottom: 20px;					}

#bodyNavbarLeft	{ float: left; max-width: 180px;	
			background: #CCF; padding: 2px;
			margin-right: 20px;						}



#bodyText	{	float:left; max-width: 80%; text-align: left;
			margin-right: 10px;	margin-bottom: 1em;              	}

#bodyTextA	{	float:left; max-width: 80%; text-align: left;
			margin-right: 10px;	border-top: solid 1px;
			width: 75%;            	}


#footerBlock	{	width: 100%; border-top-style: solid; border-width: 1px; 
			border-color: #DDF; padding-top: 4px; padding-bottom: 4px;	
			clear: both;				}

#footerLeft	{	float:left; width:45%; margin-right: 12px;			}

#footerRight	{	float:right; width: 45%; text-align:right;			}

#footerBanner	{	text-align:center; color: #000; background: #FFC; 
			padding:3px; border: solid 1px #933;				}

#pageMod	{	text-align: right; font-size: 80%;	margin: 1em 0;		}


/* Special Effects */

.dysReaderA	{	color: maroon; font-size: 120%; font-weight:bold;	}


/* Specific Page Elements*/

#dysreadB1	{	width: 50%; float: left; 	}
#dysreadB2	{	width: 35%; float: left;
			margin: 5px 20px 0 20px; 
			padding: 5px 15px;
			border: #BBF 2px solid;
		}
#dysreadB3	{	width: 35%; float: left;
                     padding: 5px 20px;
                     border: maroon 2px solid;
		}

#dysreadB2 li	{ margin-top: 8px;		}
#dysreadB3 li { margin-top: 4px;		}

#shareThis	{	font-size: 0.9em;	}
#shareThis a:link	{	color: #282; text-decoration: none;	}
#shareThis a:visited	{	color: #282; text-decoration: none;	}
#shareThis a:hover	{ text-decoration: underline;	}