body
{
   /* body BG gold border; text blue*/
    background-color: #9900CC;
	margin: 0px;
	padding: 10px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #000099;
	text-align: center;
}
.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-size: .9em;
    padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: left;
	line-height: 1.3em;
}

p {
text-align: left;
margin-top: 4%;
margin-bottom: 3%;
}

p.serifctr {
text-align: center;
font-family: palatino, georgia, 'times new roman', serif;
margin-top: 4%;
margin-bottom: 3%;
 font-size: 1.2em;
 color: #FFFF00;
 font-weight: 600;
}




p.ctr {

text-align: center;
margin-top: 2px;
margin-bottom: 2px;

}


/* these are the font styles for the links that appear on web page and the links are not underlined */
a:link {font: bold 13px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #FFFFFF; text-decoration: none;} 
a:active {font: bold 13px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #FF0000; text-decoration: none;}
a:visited {font: bold 13px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #FFFF00; text-decoration: none;}

a:hover {font: bold 13px Verdana, Arial, Helvetica, Geneva, sans-serif; color: #FFCC00; text-decoration: underline;}/*this one changes the mouseover or hover state of the link to show underline*/

/* start: used in links on direct.html only*/


.directTools a:link {font: bold 14px arial, Verdana, Helvetica, Sans-Serif; color: #0000FF; text-decoration: underline;} 

.directTools a:active {font: bold 14px arial, Verdana, Helvetica, Sans-Serif; color: #0000FF; text-decoration: underline;}
.directTools a:visited {font: bold 14px arial, Verdana, Helvetica, Sans-Serif; color: #800080; text-decoration: underline;}

.directTools a:hover{font: bold 14px arial, Verdana, Helvetica, Sans-Serif; color: #990033; text-decoration: underline;}

/* End: used in links on direct.html*/

H1 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-weight: 700;
color: #FFFFFF;
text-align: center;
line-height: 1em;
font-size:1.4em;
}
H1.big {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: 700;
color: #66FFFF;
text-align: center;
line-height: 2em;
font-size:30px;
}

H1.subtitle {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-weight: 600;
color: #0033FF;
text-align: left;
line-height: 150%;
font-size:1.1em;
}

H1.header {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-weight: 600;
color: #0033FF;
text-align: center;
line-height: 110%;
font-size:1.1em;
}

H2 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-weight: 700;
color: #FFFFFF;
text-align: center;
line-height: 1;
font-size:1.1em;
}

H3 {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-weight: 700;
color: #0000FF;
text-align: left;
line-height: 1;
font-size:1.2em;
}

.recommendedbooks  /* for amazon books */
{
	font-family: palatino, georgia, 'times new roman', serif;
	color: #000066;
	font-size: .9em;
	font-weight: bold;
	padding: 10px;
	margin-top: 20px;
	letter-spacing: .3em;
	text-transform: uppercase;
	text-align: center;
	
}



.books  /* for amazon books */

{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #3333FF;
	font-size: .9em;
	line-height: 100%;
	 padding: 10px;
	margin: 10px;
	text-align: left;

}

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 2px #666699;
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
    
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}




.title
{
    /* this is the styling for the title.  Semantically, this should be an h1 */
	/* padding all four sides of the div in order top, right, bottom, left */
    background-color: #0066CC;
    color: #FFFFFF;
	border: solid 3px #666699;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    font-size: 2em;
	padding: 10px 20px 10px 20px;
}

.title2 
{
     background-color: #0033FF;  /*blue bar BG for subtitles*/
     color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding: 10px 20px 10px 20px;
    line-height: 1.5em;
}

.title3 
{
     background-color: #0033FF;  /*blue bar BG for subtitles*/
     color: #FFFF00;
	font-family: palatino, georgia, 'times new roman', serif;
    font-weight: bold;
    font-size: 1.1em;
text-align: left;
padding: 5px 10px 5px 10px;
}


.titlemargin
{
	margin: 10px 0px .9em 0px;
}


.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 190px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 270px;
}

.sidebarLeft
{
    width: 160px;
   /* height: 90px;  remove this to allow different-sized sidebars */
    background-color: #FFFFFF;
    color: #000066;
    font-weight: bold;
    padding: 0px 0px 0px 10px;

}

.sidebarRight
{
    width: 240px;
   /* height: 90px;  remove this to allow different-sized sidebars */
    background-color: #CCFFFF;  /* big area BG behind link boxes*/
    color: #000066;
    font-weight: bold;
    padding: 0px 5px 0px 5px;

}

.sidebaritemgrn  
{
    width: 230px;
    height: 82px;
    background-image: url("yellowbar.gif"); /* this is BG image for each link box*/
    color: #FF0033;  /* title of link in box */
    text-transform: uppercase;
    font-size: 1em;
    padding: 0px;
    margin-bottom: 0px;
	font-weight: bold;
}

.sidebaritemintro   /* main title box */
{
    width: 210px;
   background-color: #0033FF; /* this is BG for each link box dark blue*/
   color: #FFFF00;  /* title of text link in box */
   font-weight: bold;
   font-size: 1em;
    padding: 5px;
    margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px; /* not much indent for box*/
    margin-bottom: 5px;
    text-align: center;

}
.sidebaritem   /* each link box title  */
{
    width: 210px;
   background-color: #0033FF; /* this is BG for each link box*/
   color: #FFFF00;  /* title of text link in box */
   
   font-size: 1em;
    padding: 5px;
    margin-top: 5px;
	margin-right: 5px;
	margin-left: 30px;  /*moves box right for indent*/
    margin-bottom: 5px;
    text-align: center;

}

.sidebarserif {
text-align: left;
font-family: palatino, georgia, 'times new roman', serif;
margin-top: 4%;
margin-bottom: 3%;
margin-left: 25px;
 font-size: 1.2em;
 color: #FFFF00;
 font-weight: 600;
}


.leftitemhead   /* each link box title  */
{
    width: 178px;
   background-color: #0033FF; /* this is BG for each link box*/
   color: #FFFF00;  /* title of text link in box */
   font-family: palatino, georgia, 'times new roman', serif;
   font-size: 1.2em;
    padding: 5px;
    margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 700;
}

.leftitem   /* each link box title  */
{
    width: 178px;
   background-color: #0033FF; /* this is BG for each link box*/
   color: #FFFF00;  /* title of text link in box */
   font-family: palatino, georgia, 'times new roman', serif;
   font-size: 1em;
    padding: 5px;
    margin-top: 0px;
	margin-right: 5px;
	margin-left: 5px;
    margin-bottom: 5px;
    text-align: left;
    font-weight: 600;
}
.indentblue2x
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 50px;
	margin-bottom: 5px;
	color: #0000FF;
	font-size: 1em;
	font-weight: normal;
	
}


.indent
{
	
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 25px;
	margin-bottom: 5px;
	
	
	
}

UL.indentblue
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 25px;
	margin-bottom: 5px;
	color: #0000FF;
	
	
}

UL.indentblue2x
{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 50px;
	margin-bottom: 5px;
	color: #0000FF;
	
	
}
.insertbox   /*indented box with blue border and text*/
{
	font-family: palatino, georgia, 'times new roman', serif;
	color: #33CC00;  /*text in box color*/
	font-size: 1.1em;
	text-style: bold;
	padding: 10px 10px 10px 20px;		/*padding inside box border*/
	margin: 10px 20px 20px 20px;  /*space between box and other text*/
	border: 1px solid #000099;
	line-height: 125%;
	text-align: left;
	
	
}

.box1 {

font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:1em;
color: #0000FF;
padding: 10px 10px 10px 10px;		/*padding inside box border*/
margin: 10px 10px 10px 10px;  /*space between box and other text*/

border: 2px solid black;
background-color: white;
width: 95%;
margin:0px;
}

.toolsheader
{
	 border: solid 1px #FFFF00;
	font: bold 14px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	background-color: #0033FF;
	color: #FFFFFF;  /* title of link in box */
	padding: 4px 30px 4px 30px;
	text-transform: uppercase;
	width: 210px;
	margin-bottom: 3px;
	text-align: center;
}




.mainTools a, .sideList a
{
	display: block;
	padding: 2px 6px 0 6px;
	text-decoration: none;
	border-bottom: 1px solid #33CCFF;
	cursor: pointer;
	height: 20px;
}

.sideList a
{
	padding-top: 4px;
	padding-bottom: 4px;
	border: none;
}

.mainTools a:link
{
	color: #0066CC;
	text-decoration: none;
}

.mainTools a:visited
{
	color: #0000FF;
	text-decoration: none;
}

.mainTools a:hover
{
	color: #990033;
	background: #fafafa;
	text-decoration: none;
}

.mainTools a:link
{
	text-decoration: none;	
}

.articleToolImg
{
	position: relative;
	top: 2px;
}

span.flash
{

font-family:Tahoma, Helvetica, san-serif; font-style: italic; font-weight: bold; font-size: 1.1em; color: #FF0033; background: #FFFF00;}


span.here {
color: #2222ff; 
background:#2222ff;
}