/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

body {
	padding:0;
	margin:0;
	background:#fff url(../images/tile.jpg) repeat;
	color: #000000;
}
#outer{
	min-height:100%;
	margin-left:130px;
	margin-right:130px;
	background:transparent;
	margin-bottom:-52px;
	color: #000000;
}
 
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:170px;
	overflow:hidden;
	color: #000000;
}
#left {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:left;
	margin-left:-129px;/*must be 1px less than width otherwise won't push footer down */
	z-index:100;
	left:-1px;
}
* html #left {padding-bottom:52px ;margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:3px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:right;
	margin-right:-129px;/*must be 1px less than width otherwise won't push footer down */
	left:1px
}

#footer {
	width:100%;
	clear:both;
	height:40px;
	color: #000000;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearheader{
	height:172px; 
	background:  url(../images/headerback3.jpg) top repeat-x;
	}/*needed to make room for header*/
	
#clearfooter{clear:both;height:60px;}/*needed to make room for footer*/
* > html #clearfooter {float:left;width:100%;}/* ie mac styles */
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent {
	position:relative;z-index:1; 
	background: #F0F1F6;
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	padding: 15px 0 0 0;}
	
#photo {
	border: 2px solid #BFCBD6;
	float: right;
	margin-right: 20px;
	}
/**************************************************/

p, ul, td {	font-family: verdana, garamond, helvetica, sans-serif;
	margin: 5 15px 5px 15px;
	padding: 0 10px 0 10px;
	font-size: small;
	line-height: 1.30;
	text-align: left;
	}
.small {font-size: x-small; text-align: center;padding-bottom: 5px;}
.loud {font-weight: bold; font-size: medium;}
.loudcenter {font-weight: bold; font-size: medium; text-align: center;}
.bolditalic {font-style: italic; font-weight: bold; color: #ff0000; text-align:center;}
.right {text-align: right; font-size: x-small;}
.center {text-align: center; padding-bottom: 5px;}
.bigcenter {text-align: center; font-size: medium;}
.bigbold {font-weight: bold; font-size: large;}
.bigboldcenter {text-align: center; font-size: large; font-weight: bold;}
.bigbolditalic {text-align: center; font-size: large; font-weight: bold;font-style: italic; color: #ff0000; }
.bigboldlist {margin-left: 40px; font-size: medium;}

h1 {
	font-size: large;
	font-weight: bold;
	text-align: center;
}

#testimonial {
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	margin: 20px 40px 40px 40px;
	padding: 20px 40px 20px 40px;
	background: #fff;
	}

#clipping {
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	margin: 0 0 20px 10px;
	padding: 20px 2% 20px 2%;
	font-style: italic;
	width: 40%;
	background: #fff;
	}

#googlead1 {
	float: left;
	margin: 0 0 20px 40px;
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	padding: 20px 2% 20px 2%;
	background: #fff;
	}
	
#googlead2 {
	float: right;
	margin: 0 40px 20px 0;
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	padding: 20px 2% 20px 2%;
	background: #fff;
	}
	
#googlead3 {
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	margin: 20px 40px 40px 40px;
	padding: 20px 40px 20px 40px;
	font-style: italic;
	background: #fff;
}
	
#innerheader, #innerfooter {
	margin: 0px 130px 20px 130px;
	text-align: center;
	}
	
#innerfooter {
	padding: 20px 0 20px 0;
	background:  url(../images/headerback3.jpg) top repeat-x;
}

#innerfooter a {
	padding: 0 15px 0 15px;
	margin: 3px;
	}
	
#innerheader img {
	margin-top: 20px;
	width: 100%;
	max-width: 650px;
	min-height: 150px;
	height: 150px;
	}
.letter, .chapter {
	border-bottom: 2px solid #7E8F9E;
	border-right: 1px solid #7E8F9E;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	margin: 20px 15px 20px 20px;
	padding: 15px 15px 15px 15px;
	background: #fff;
	}
	
#frontcover {
	border: 8px solid #000080;
	margin: 20px 15px 20px 20px;
	padding: 15px 15px 15px 15px;
	background: #F0f1f6 url(../images/bigribbon.jpg) no-repeat 50% 0%;
	width: 50%;
}
	
.chapter p {
	text-indent: 30px;
	}
	
.cover {
	margin: 0px 15px 20px 15px;
	padding: 0px 20px 0 15px;
	}
.list {
	float: right;
	list-style: disc inside;
	padding-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	font-weight: bold;
	width: 44%;
	}
#list li {
	margin: 5px 0 5px 15px;
	}
	
.testlist {
	list-style: disc inside;
	padding-bottom: 20px;
	/* height: 100%;  taken out for ie7?*/
	background: url(../images/bookcover.jpg) top left no-repeat;
	padding-left: 200px;
	margin-left: 25px;
	}
	
.topli {
	padding-top: 15px;
	}	

.testlist li {
	padding-bottom: 3px;
	}
	
.list2 {
	list-style: decimal outside;
	padding-bottom: 10px;
	margin-left: 0;
	margin-right: 10px;
	}
	
.list2 li {
	padding-bottom: 10px;
	margin-left: 15px;
	}
	
hr {
	clear: both;
	width: 90%;
	text-align: center;
	margin-bottom: 15px;
	}
a:link {
	text-decoration: none;
	color: #000;
	background: transparent;
	}
	
 a:visited {
	text-decoration: none;
	color: #000;
	background: transparent;
	}

 a:hover {
	text-decoration: none;
	color: #ff2828;
	}
	
a:active {
	text-decoration: none;
	color: #000;
	}
	
#ribbon {
	margin-left: 25px;
	margin-bottom: 20px;
	}
#dedication {
	text-align: center;
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	margin: 20px 100px 40px 100px;
	padding: 20px 40px 20px 40px;
	background: #fff;

	}
#acknowledgements {
	}

.getreader, .getpdf {
	width: 80%;
	margin: 20px 50px 20px 50px;
	background: #fff;
	border-bottom: 3px solid #89A8C5;
	border-right: 3px solid #89A8C5;
	border-top: 1px solid #BFCBD6;
	border-left: 1px solid #BFCBD6;
	}
	
.iconlink {
	text-align: center;}
	
