/* CSS Document */

/*----------Table of Contents -------
	
	UPDATE AFTER COMPLETION
	1. global
	2. wrapper & masthead

	
-----------------------------------*/




body {
	background: url(../../images/global/top_bg.gif) repeat-x #2a6180;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	color: #494949;
	}



p a:link {
	color: #336699;
	text-decoration: none;
}
p a:visited {
	color: #999966;
	text-decoration: none;
}
p a:hover {
	color: #336699;
	text-decoration: underline;
}
p a:active {
	color: #336699;
	text-decoration: none;
}
	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}
	
.clear {
	clear: both;
	}



/*----------------------------------- wrapper & masthead ---------------------------------------*/

#wrapper {
	/*--if you need a bckgd img--
	background: url(../images/global/bckgd-shadow.gif) top center;
	background-repeat: repeat-y;
	--*/
	background: #f2ecd6;
	width: 900px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	}


/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	 
	  
#masthead-home {
	}

#masthead {
	width: 900px;
	height: 201px;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	}
	
#masthead img {
	display: inline;
	}
	


/*----------------------------------- LEFT COL & MAIN-NAV ---------------------------------------*/

/*--nav-column--*/
#left-col {
	float: left;
	background: url(../../images/global/navigation/sidebar_bg.gif) 0 0;
	background-repeat: repeat-y;	
	width: 184px;
	position: relative;
	margin: 0;
	padding: 0;
	}

ul#side-mainNav {
	position: relative;
	margin: 0px 0 5px 0;
	padding: 10px 0 0 0;
	list-style: none;
	text-align: left;
	border: 0;
	vertical-align: top;
	display: block;
	}

	
ul#side-mainNav li a {
		display: block;	
		background: url(../../images/global/navigation/green-rectangle.gif) 0px 6px no-repeat;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		line-height: 1.5;
		color: #114e6d;
		margin: 2px 0 14px 0 !important;
		margin: 0;
		padding: 0 0 0 21px;
		}
	
ul#side-mainNav li a:hover {
		display: block;
		background: url(../../images/global/navigation/orange-rectangle.gif) 0px 6px no-repeat;	
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1.5px;
		line-height: 1.5;
		color: #c08919;
		margin: 2px 0 14px 0 !important;
		margin: 0;
		padding: 0 0 0 21px;
		 }
	


	
/*--use this for F3 state--*/

ul#side-mainNav li.on {
	display: block;
	background: url(../../images/global/navigation/orange-rectangle.gif) 0px 6px no-repeat;	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 1.5;
	color: #c08919;
	margin: 2px 0 14px 0 !important;
	margin: 0 0 16px 0;
	padding: 0 0 0 21px;
	}
	
ul#side-mainNav li.on-subnav {
	display: block;
	background: url(../../images/global/navigation/orange-rectangle.gif) 0px 6px no-repeat;	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 1.5;
	color: #c08919;
	margin: 2px 0 5px 0 !important;
	margin: 0 0 5px 0;
	padding: 0 0 0 21px;
	}


ul#side-mainNav li.subnav a, ul#side-mainNav li.subnav a:hover,
 ul#side-mainNav li.subnav-btm a, ul#side-mainNav li.subnav-btm a:hover {
 	background: url(../../images/global/navigation/sidebar_bg.gif) 0 0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.1;
	color: #818f2b;
	margin: 2px 0 5px 0 !important;
	margin: 0 0 -10px 0;
	padding: 0 0 0 21px;
	letter-spacing: 1.2px;
	text-transform: none;
	}
	ul#side-mainNav li.subnav a:hover, ul#side-mainNav li.subnav-btm a:hover {
	background: url(../../images/global/navigation/sidebar_bg.gif) 0 0;
	color: #c08919;
	font-style: italic;
	letter-spacing: 1.2px;
	text-transform: none;
	}	

ul#side-mainNav li.subnav-btm {
	margin-bottom: 14px !important;
	margin-bottom: 10px; 
	}

/*----------------------------------- CONTENT ---------------------------------------*/

#content-wrapper {
	position: relative;
	float: right;
	width: 716px;
	margin: 0;
	padding: 0;
	}
#content-wrapper p {
	margin: 5px 50px 10px 40px;/*-- right margin was 70px--*/
	}
#content-wrapper h1 {
	font-size: 14px;
	font-weight: bold;
	color:#006699;
	margin: 5px 70px 5px 0;
	}
	



/*--------------------------- HOME ---------------------------------*/
#book-column {
	float: right;
	width: 230px;
	margin: 32px 22px 20px 65px;
	padding: 0;
	text-align: center;
	}
	
	*html #book-column {
		margin: 32px 11px 20px 32px;
		}
	
	#book-column img {
		display: inline;
		}
		
	#book-column a:link {
		color: #336699;
		text-decoration: none;
		}
		
	#book-column a:visited {
		color: #999966;
		text-decoration: none;
		}
		
	#book-column a:hover {
		color: #336699;
		text-decoration: underline;
		}
		
	#book-column a:active {
		color: #336699;
		text-decoration: none;
		}
	
		

#blog-call {
	background: url(../../images/home/blog-box_top.gif) top left no-repeat #e2d7bb;	
	float: left;
	width: 286px;
	margin: 50px 0 56px 57px;
	padding: 15px 22px 10px 22px;
	}
	
	*html #blog-call {
		margin: 50px 0 56px 28px;
		}
		
	#blog-call p {
	margin: 0;
	}



#whats-new {
	float: left;
	width: 330px;
	margin: 0px 0px 40px 57px;
	padding: 0;
	}
	
	*html #whats-new {
		margin: 0px 0px 40px 28px;
		}
	
#whats-new img {
	display: inline;
	}
	
#whats-new p {
	margin: 0;
	}

.headshot {
	width: 112px;
	height: 139px;
	margin: 0 17px 14px 0;
	}


/*--------------------------- BIO ---------------------------------*/

#bio-photos {
	float: right;
	width: 225px;
	margin: 32px 42px 40px 65px;
	padding: 0;
	text-align: left;
	}
	
	*html #bio-photos {
		margin: 32px 21px 40px 32px;
		}
	
	#bio-photos img {
		display: inline;
		}
		
	#bio-photos p {
		margin-left: 0;
		margin-right: 0;
		}


#right-col-wide {
	position: relative;
	float: right;
	width: 290px;
	vertical-align: top;
	horizontal-align: left;
	margin: 30px 0 0 0;
	padding: 0px;
	}	
	#right-col-wide p {
		margin: 0;
		padding: 0;
		}
		
		
#sidebar-wide {
	background: #e2d7bb;
	width: 235px;
	top: 20px;
	margin: 10px 20px 0 20px;
	padding: 8px;
	float: right;
	}
	#sidebar-wide p{
		margin: 0;
		padding: 4px 10px;
		}



/*--------------------------- BOOKSHELF ---------------------------------*/

#bookshelf-left {
	margin: 50px 0px 0px 70px;
	float: left;
	}

#bookshelf-right {
	margin: 30px 0px 0px 70px;
	float: left;
	}
#bookshelf-right img {
	display: inline;
	}

#book-list {
	margin: 10px 0 0px 40px;
	float: left;
	}


/*----------------------------------- SUBNAV ---------------------------------------*/


	
/*----------------------------------- SIDEBARS ---------------------------------------*/


#sidebar1 {
	position: relative;
	float:right;
	background: #afc9ce;
	width: 180px;
	margin: 10px;
	padding: 8px;
	}
	#sidebar1 p {
		padding: 4px 10px 4px 15px;
		margin: 0;
		}

	
	
/*----------------------------------- FONT SYTLES ---------------------------------------*/

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	line-height: 1.5;
	color: #494949;
	}
	
.bodytext-center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	color: #494949;
	}

.dk-brown {
	color: #1d1510;
	}
	
.booktitle {
	font-style: italic;
	font-weight: bold;
	}
	
.big-italic {
	font-size: 13px;
	font-style: italic;
	line-height: 22px;
	}

.blue {
	color: #2d6788;
	}
.blue-small {
	color: #2d6788;
	font-size: 10px;
	}
.blue-bold {
	color: #2d6788;
	font-weight: bold;
	}
	
.blue-big {
	color: #2d6788;
	font-weight: bold;
	font-size: 14px;
	}
	
.orange-bold {
	color: #c08919;
	font-weight: bold;
	}
	
.orange-big {
	color: #c08919;
	font-weight: bold;
	font-size: 14px;
	}
	
.green-bold {
	color: #818f2b;
	font-weight: bold;
	}
	
.green-big {
	color: #818f2b;
	font-weight: bold;
	font-size: 14px;
	}

.small {
	color: #5d4f48;
	font-size: 10px;
	}

.teal-big {
	font-size: 14px;
	line-height: 1.5;
	color: #114854;
	font-weight: bold;
	}
	
.large-booktitle {
	font-size: 18px;
	color: #114854;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
	}
	
.blog-title {
	font-size: 16px;
	line-height: 1.5;
	color: #c08919;
	}
	
	.blog-title a:link {
		color: #c08919;
		text-decoration: none;
		}
	.blog-title a:visited {
		color: #c08919;
		text-decoration: none;
		}
	.blog-title a:hover {
		color: #c08919;
		text-decoration: underline;
		}
	.blog-title a:active {
		color: #c08919;
		text-decoration: none;
		}
	
	
	
/*----------------------------------- FOOTER ---------------------------------------*/

#footer {
	clear: both;
	width: 860px;
	height: 22px; 
	vertical-align: top;
	horizontal-align: center;
	text-align: center;
	margin: 30px auto 15px auto;
	padding: 0;
	color: #5d4f48;
	font-size: 10px;
	}
	
#footer a:link {
	color: #336699;
	text-decoration: none;
	}
#footer a:visited {
	color: #999966;
	text-decoration: none;
	}
#footer a:hover {
	color: #336699;
	text-decoration: underline;
	}
#footer a:active {
	color: #336699;
	text-decoration: none;
	}