/* CSS Document */
/* . is a class*/

html, body {
	padding: 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	font-family: Tahoma, sans-serif, Arial;
	text-align: center;
	background-color: #000000;
	border: 0px;
	border-color:#E4E4E4;
	border-style:solid;
	position:absolute;
	}
	
img {
	border: .5px;
	border-color:#000000;
	border-style:solid;
}

h2, h3 {
	text-align:center;
}

.bodyTableIndex {

	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	border: none;
	background-color:#D2DFEC;
	/*background-color:#CCCCFF;
	background-image: url(images/Bookcover_bg3.jpg);*/
}

#bannerStyle {
	margin-bottom:0px;
	margin: 0px;
	padding: 0px;
	height:271px;
	background-image: url(images/banner4.jpg);
}

#bannerText{
	width:220px;
	float:left;
	margin-top:35px;
	margin-left:2px;
	color:#FFFFFF; 
	text-align:center;
	font-weight: bold;
	font-style:italic;
}

/* style on row*/
#content {
	width:100%;
	height:100%;
}

/*style on td */
.contentLeft {
    width:42%;
	text-align:left;
	line-height: 1.4em;
	margin-left:10px;
	margin-right:5px;
	/* background-color:#D0E0EF; */
	vertical-align: top;
	padding: 0px;
	float:left;
}

.contentCenter{
	text-align:left;
	line-height: 1.4em;
	margin-left:50px;
	margin-right:50px;
	/* background-color:#D0E0EF; */
	vertical-align: top;
	padding: 0px;
}

.sponsors{
    width: 52%;
	float:right;
	margin-right:10px;
	/*border-left-width: .5px;
	border-left-color:#000000;
	border-left-style:solid;
   */
	vertical-align:top;
}


.AltContentCenter{
	width:100%;
	height:625px;
	/*background-image:url(images/ContentBlankBg.gif);*/
	background-position:top;
	vertical-align: top;
	padding: 0px;
	background-repeat:no-repeat;
}

.AltContentCenterReadMore{
	width:100%;
	height:625px;
	background-color:#ffffff;
	background-position:top;
	vertical-align: top;
	padding: 0px;
}

#leftSideBook{
	float:left;
	width:321px;
	margin-left:10px;
	margin-top:25px;
	border:0px;
	border-style:solid;
	border-color:#ffffff;
	border-width:2px;
	
}

#rightSide{
	float:right;
	width: 479px;
	border:0px;
	border-style:solid;
	border-color:#ffffff;
	border-width:2px;
}

#centerContent{
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom: 0px;
	border:0px;
	vertical-align:top;
	text-align:	center;
}

#Photo{
	vertical-align:text-bottom;
 	float:right; margin-left:10px;
 	 margin-bottom:5px;
}

.PageHeading {
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
}
 .subHeading{
 	margin-bottom:0px;
}

.listFormat {
	text-align: right;
	width: 410px;
	clear: none;
	float: right;
	list-style-position: inside;
	
}

.contactFormat {
	clear: both;
	font-style: italic;
	text-align: center;
	margin-left: 15px;
}

.listFormatCenter {
	list-style-position: inside;
	float: right;
}

.ulPlain {
	margin-left: auto;
	margin-right:auto;
	padding-left: 0px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type:disc;
	line-height: 1.5em;
	white-space:nowrap;
}

td {
	text-align: center;
}

tr {
	vertical-align: top;
}

h3 {
	margin-top:15px;
}
.ParagraphText {
	text-align: justify;
	line-height: 1.5em;
	width: 650px;
	font-weight: 500;
	font-family: Arial, Tahoma, sans-serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;	
}

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

a:hover {
 	text-decoration: none;
  	color:#2973BA;
}

/****** Style on td ****/
#menuBgHP{
	background-image: url(images/menuBg.gif);
	background-repeat:repeat-x;
	border-top-style:solid;
	border-top-color:#F05B21;
	border-top-width:4px;
	border-bottom-style:solid;
	border-bottom-color:#F05B21;
	border-bottom-width:4px;

}
/***************** Navigation for Home Page *********************************/
/**** div ***/
#menuHP {
	margin-top:0px;
	width:100%;
	height: 82px;
	padding:0px;
	float:right;
	position:inherit;
	font-size:11px;
	font-family: Tahoma, sans-serif, Arial;
}

#menuHP ul{
   height: 82px;
   margin-top:0px;
}
	
#menuHP li {
	list-style-type: none;
	background-image: url(images/jump.gif);
	background-repeat:no-repeat;
	width: 115px;
	text-align: right;
	float:left;
	vertical-align:top;

}
#menuHP a {
	font: 800 17px arial;
	color: #0000FF;
	display: inline;
	text-decoration: none;
	line-height: 82px;
	vertical-align:top;
	width: 100%; /*if supporting IE6 */
}

#menuHP #current{
	color:#F65A21;
	list-style-type: none;
	background-image: url(images/Border_Collie.gif);
	background-repeat:no-repeat;
	width: 115px;
	text-align: right;
	float:left;
	vertical-align:top;
}

#menuHP #current a{
	color:#F65A21;
}

#menuHP a:hover {
	list-style-type: none;
	color:#F65A21;
	background-image: url(images/Border_Collie.gif);
	background-repeat:no-repeat;
	width: 115px;
	text-align: right;
	float:left;
	vertical-align:top;
	color:#FF0000;
}


/* footer links ***/
#globalLink{
	vertical-align:middle;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	font-family: Tahoma, sans-serif, Arial;

}

#globalLink a:hover{
	color:#2973BA;
}

#globalLink img{
	border-style:none;
}
#footer{
	background-image:url(images/footerBg.gif);
	background-repeat:repeat-x;
	border-top-style:solid;
	border-top-color:#F05B21;
	border-top-width:4px;
	border-bottom-style:solid;
	border-bottom-color:#F05B21;
	border-bottom-width:4px;	vertical-align:bottom;
	margin-bottom:0px;
	text-align:center;
}

/************************Contact Page********************/
/***********roll over effect on button, also need function classChange in .js **************/
  .buttonReset{
 	color:#FFFFFF;
	background-color: #0033FF;
	margin-top:4px;
}

 .buttonSubmit{
 	color:#FFFFFF;
	background-color: #0033FF;
	margin-top:4px;
}

 .buttonResetRoll{
 	color:#FFFFFF;
	background-color: #A0A0A4;
	margin-top:4px;

}

 .buttonSubmitRoll{
 	color:#FFFFFF;
	background-color: #A0A0A4;
	margin-top:4px;

}


/***** Chapter 1 Styles*********/
/** set display to none for page load. CSS + Javascript used to hide/show sections. Only Section 1 displays onload.**/
#sectionLink2, #sectionLink3, #sectionLink4, #sectionLink5, #sectionLink6, #sectionLink7, #sectionLink8, #sectionLink9, #sectionLink10, #sectionLink11, #sectionLink12, #sectionLink13, #sectionLink14, #sectionLink15{
	display:none;
}

#nextLink{
	margin-top:1px;
	margin-bottom:10px;
	text-align:center;
}

.ParagraphTextRead {
	text-align: justify;
	width: 720px;
	font-weight: 500;
	font-family: Arial, Tahoma, sans-serif;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;	
	text-indent: 2em;
	line-height:normal;
}

/*** setting top links for Ch 1 sections to default link color. Javascript is used to change top link colors after this. No page reload.   **/
#readMenu a {
	font: 500 14px arial;
	color: #0000FF; /**lt blue**/
}

#readMenu a:hover {
	color:#CC0033;  /**maroon**/
}