/* CSS Document */

/*----------Table of Contents -------
	
	1. global
	2. container & masthead
	3. top nav
	4. left col
	5. btb
	6. sidebars
	7. img spacers
	8. font styles
	9. footer
	
-----------------------------------*/


/*---------------------------------------------- global --------------------------------------------------*/

body {
	background-color: #006666;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	}

p a:link, p a:active  {
	color: #006699;
	text-decoration: underline;
	border: 0;
	}
	
p a:visited  {
	color: #663366;
	text-decoration: underline;
	border: 0;
	}

p a:hover {
	color:	#CC9933;
	text-decoration: underline;
	border: 0;
	}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}

.clear {
	clear: both;
	}


/*---------------------------------------------- container & masthead --------------------------------------------------*/

#wrapper {
	background-color: #ffffff;
	top: 10px;
	width: 850px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 5px solid #000000;
	}
	
	*html #wrapper {
		margin: 0 50px 0 50px;
		}
		
	*+html #wrapper {
		margin: 0 50px 0 50px;
		}


/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	   #wrapper { display: inline; _height: 1%; }
	   /* Hides from IE-mac \*/
      #wrapper { display: block; }
      /* End hide from IE-mac */
	  
#masthead {
	height: 89px;
	width: 850px;
	margin: 0;
	padding: 0;
	clear: both;
	}



#masthead h1 {
	display: none;
	}
	
.flash-top {
	width: 84px;
	height: 89px;
	margin: 0 -3px 0 -3px;
	padding: 0;
	}
	
	*html .flash-top {
		height: 89px;
		margin: 0 -1px 0 -1px;
		padding: 0;
		}
		
	*+html .flash-top {
		height: 89px;
		margin: 0 -1px 0 -1px;
		padding: 0;
		}

#masthead img {
	display: inline;
	}
	

#content-wrapper {
	background: #FFFFFF;
	height: auto;
	width: 850px;
	margin: 0;
	padding: 0;
	clear: both;
	}

/*---------------------------------------- TOP NAV ----------------------------------------------*/

#main-nav1 {
	background: url(../images/global/nav_dings/topnav-bg1.gif) top right no-repeat;
	height: 25px;
	width: 850px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	}
	
	*html #main-nav1 {
		margin: 0 0 0 -3px;
		background: url(../images/global/nav_dings/topnav-bg1.gif) top right no-repeat;
		}
		
	*+html #main-nav1 {
		margin: 0 0 0 -3px;
		background: url(../images/global/nav_dings/topnav-bg1.gif) top right no-repeat;
		}

#main-nav1 img {
	display: inline;
	border: 0;
	margin: 0;
	}
	
#main-nav1 ul {
	height: 25px;
	width: auto;
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	clear: right;
	}
	
	

	#main-nav1 ul li {
		float: left;
		list-style: none;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		height: 21px;
		margin: 2px 0 2px 0;
		}
	
	#main-nav1 li a {
		text-decoration: none;
		background-color: #FFFFFF;
		color: #000000;
		display: block;
		padding: 2px 8px 2px 8px;
		}
	
	#main-nav1 li a:hover {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 2px 8px 2px 8px;
		}
		
	
		*html #main-nav1 li.bookstack a {
				margin-left: -3px;
				}
				
		
		*+html #main-nav1 li.bookstack a {
				margin-left: -3px;
				}

		#main-nav1 li.bookstack a:hover {
				background-color: #669999;
				border-right: 2px solid #000000;
				padding: 2px 6px 2px 8px;
				}
				
		#main-nav1 li.coming a:hover {
				background-color: #CC3366;
				border-right: 2px solid #000000;
				border-left: 2px solid #000000;
				padding: 2px 6px 2px 6px;
				}
				
		#main-nav1 li.bio a:hover {
				background-color: #663366;
				border-right: 2px solid #000000;
				border-left: 2px solid #000000;
				padding: 2px 6px 2px 6px;
				}
				
		#main-nav1 li.newz a:hover {
				background-color: #CC9933;
				border: 2px solid #000000;
				margin: -2px 0 0 0;
				padding: 2px 6px 2px 6px;
				}

		#main-nav1 li.namehome a {
				position: relative;
				background-color: transparent; 
				list-style: none;
				font-family: Tahoma, Verdana, Arial, sans-serif;
				text-decoration: none;
				color: #663366;
				font-size: 11px;
				text-transform: uppercase;
				display: block;
				letter-spacing: 0.2em;
				height: 21px;
				margin: 0;
				padding: 2px 10px 2px 250px;
				}
				
				
		#main-nav1 li.namehome a:hover {
				color: #006666;
				padding: 2px 10px 2px 250px;
				}

#main-nav2 {
	background: url(../images/global/nav_dings/topnav-bg2.gif) top right no-repeat;
	height: 28px;
	width: 850px;
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
	}
	
	*html #main-nav2 {
		margin: 0 0 0 -3px;
		}
		
	*+html #main-nav2 {
		margin: 0 0 0 -3px;
		}

#main-nav2 img {
	display: inline;
	}

#main-nav2 ul {
	height: 28px;
	width: auto;
	margin: 0 0 0 -3px;
	padding: 0;
	float: left;
	}

	#main-nav2 ul li {
		float: left;
		list-style: none;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		height: 26px;
		margin: 0 0 2px 0;
		}
	
	#main-nav2 li a {
		text-decoration: none;
		background-color: #FFFFFF;
		color: #000000;
		display: block;
		padding: 4px 8px 5px 8px;
		}
	
	#main-nav2 li a:hover {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 4px 8px 5px 8px;
		}
		
	
		#main-nav2 li.pics a:hover {
				background-color: #9999CC;
				border-right: 2px solid #000000;
				padding: 4px 6px 5px 8px;
				}
				
		#main-nav2 li.contest a:hover {
				background-color: #006666;
				border-right: 2px solid #000000;
				border-left: 2px solid #000000;
				padding: 4px 6px 5px 6px;
				}
				
		#main-nav2 li.blog a:hover {
			background-color: #990033;
			border-right: 2px solid #000000;
			border-left: 2px solid #000000;
			padding: 4px 6px 5px 6px;
			}
			
			
	#main-nav2 ul.secondary {
		float: left;
		height: 28px;
		width: auto;
		margin: 0 0 0 350px;
		padding: 0;
		}
		
		*html #main-nav2 ul.secondary {
			margin: 0 0 0 335x;
			}
	
	#main-nav2 ul.secondary li {
		position: relative;
		list-style: none;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 9px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		height: 26px;
		margin: 0 0 2px 0;
		}
	
	#main-nav2 ul.secondary li a {
		text-decoration: none;
		background-color: #FFFFFF;
		color: #000000;
		display: block;
		padding: 4px 8px 5px 8px;
		}
	
	#main-nav2 ul.secondary li.home a:link, #main-nav2 ul.secondary li.home a:hover, #main-nav2 ul.secondary li.home a:visited, #main-nav2 ul.secondary li.home a:active {
	font-size: 12px;
	}
	
	#main-nav2 ul.secondary li.home a:hover, #main-nav2 ul.secondary li.home-on {
		color: #990033;
		padding: 4px 8px 5px 8px;
		}
		
	#main-nav2 ul.secondary li.contact a:hover, #main-nav2 ul.secondary li.contact-on {
		color: #663366;
		padding: 4px 8px 5px 8px;
		}
		
	#main-nav2 ul.secondary li.site a:hover, #main-nav2 ul.secondary li.site-on {
		color: #006666;
		padding: 4px 8px 5px 8px;
		}

/*F3-on-states*/

#main-nav1 li.bookstack-on {
		padding: 4px 6px 0 8px;
		margin: 0;
		color: #669999;
		}
				
#main-nav1 li.coming-on {
		padding: 4px 6px 0 8px;
		margin: 0;
		color: #CC3366;
		}
				
#main-nav1 li.bio-on {
		padding: 4px 6px 0 8px;
		margin: 0;
		color: #663366;
		}
				
#main-nav1 li.newz-on {
		padding: 4px 6px 0 8px;
		margin: 0;
		color: #CC9933;
		}
				
#main-nav2 li.pics-on {
		color: #9999CC;		
		margin: 0;
		padding: 4px 8px 5px 8px;
		}

#main-nav2 li.contest-on {
		color: #006666;		
		margin: 0;
		padding: 4px 8px 5px 8px;
		}
		
#main-nav2 li.blog-on {
		color: #990033;		
		margin: 0;
		padding: 4px 8px 5px 8px;
		}



/*----------------------------------------- left col ----------------------------------------------*/

#leftcol {
	background: #FFFFFF;
	height: auto;
	width: 141px;
	float: left;
	margin: 0;
	padding: 0;
	clear: left;
	}
	
#leftboxes {
	width: 31px;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	}	
	
#subnav-wrapper {
	height: auto;
	width: 110px;
	float: left;
	margin: 0;
	padding: 0;
	}	
	
#subnav-wrapper img {
	display: inline;
	}


ul#subnav {
		height: auto;
		width: 91px;
		margin: 0;
		padding: 0;
		border-left: 2px solid #000000;
		border-right: 2px solid #000000;
		}
		
		*html ul#subnav {
			width: 95px;
			margin: -3px 0 0 0;
			}
			
		*+html ul#subnav {
			width: 95px;
			margin: -3px 0 0 0;
			}
	
	ul#subnav li {
		position: relative;
		height: auto;
		list-style: none;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		line-height: 12px;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		text-align: center;
		margin: 0;
		clear: both;
		border-bottom: 2px solid #000000;
		}
	
	ul#subnav li.subnav-green a {
		width: 83px;
		text-decoration: none;
		background-color: #669999;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
		
			
		ul#subnav li.subnav-green a:hover {
			background-color: #9999CC;
			color: #000000;
			}
		
			*html ul#subnav li.subnav-green a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-green a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-green a {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-green a:hover {
				width: 91px;
				padding: 4px;
				}
		
			
	
	ul#subnav li.subnav-red a {
		width: 83px;
		text-decoration: none;
		background-color: #990033;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
		
		ul#subnav li.subnav-red a:hover {
			background-color: #FFCC66;
			color: #000000;
			}
		
			*html ul#subnav li.subnav-red a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-red a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-red a {
				width: 91px;
				padding: 4px;
				}
			
			*+html ul#subnav li.subnav-red a:hover {
				width: 91px;
				padding: 4px;
				}
			
			

	ul#subnav li.subnav-magenta a {
		width: 83px;
		text-decoration: none;
		background-color: #CC3366;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
			
		ul#subnav li.subnav-magenta a:hover {
			background-color: #669999;
			color: #000000;
			}
			
			*html ul#subnav li.subnav-magenta a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-magenta a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-magenta a {
				width: 91px;
				padding: 4px;
				}
			
			*+html ul#subnav li.subnav-magenta a:hover {
				width: 91px;
				padding: 4px;
				}
	
			
	ul#subnav li.subnav-purple a {
			width: 83px;
			text-decoration: none;
			background-color: #663366;
			color: #FFFFFF;
			padding: 4px;
			display: block;
			}
			
					
		ul#subnav li.subnav-purple a:hover {
				background-color: #CC9933;
				color: #000000;
				}
			
			*html ul#subnav li.subnav-purple a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-purple a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-purple a {
				width: 91px;
				padding: 4px;
				}
			
			*+html ul#subnav li.subnav-purple a:hover {
				width: 91px;
				padding: 4px;
				}
	
	
	ul#subnav li.subnav-lavender a {
		width: 83px;
		text-decoration: none;
		background-color: #9999CC;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
			
		ul#subnav li.subnav-lavender a:hover {
			background-color: #CC3366;
			color: #000000;
			}
		
			*html ul#subnav li.subnav-lavender a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-lavender a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-lavender a {
				width: 91px;
				padding: 4px;
				}
			
			*+html ul#subnav li.subnav-lavender a:hover {
				width: 91px;
				padding: 4px;
				}
	
			

	ul#subnav li.subnav-caramel a {
		width: 83px;
		text-decoration: none;
		background-color: #CC9933;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
		
		ul#subnav li.subnav-caramel a:hover {
			background-color: #CC3366;
			color: #000000;
			}

			
			*html ul#subnav li.subnav-caramel a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-caramel a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-caramel a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-caramel a:hover {
				width: 91px;
				padding: 4px;
				}
			

	ul#subnav li.subnav-teal a {
		width: 83px;
		text-decoration: none;
		background-color: #006666;
		color: #FFFFFF;
		padding: 4px;
		display: block;
		}
		
		ul#subnav li.subnav-teal a:hover {
			background-color: #CC3366;
			color: #000000;
			}

			
			*html ul#subnav li.subnav-teal a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-teal a:hover {
				width: 91px;
				padding: 4px;
				}
				
			*+html ul#subnav li.subnav-teal a {
				width: 91px;
				padding: 4px;
				}
			
			*html ul#subnav li.subnav-teal a:hover {
				width: 91px;
				padding: 4px;
				}
			
	
/*----------------------------------------- content ----------------------------------------------*/

#content, #content-home {
	background: #FFFFFF;
	width: 640px;
	float: left;
	margin: 25px 40px 25px 29px;
	padding: 0;
	}
	
	*html #content, #content-home {
		margin: 30px 20px 25px 15px;
		}
		
	*+html #content, #content-home {
		margin: 30px 20px 25px 15px;
		}
	
#content img, #content-home img {
	display: inline;
	border: 0;
	}

#content a:link, #content a:active, #content-home a:link, #content-home a:active {
	color: #006699;
	text-decoration: underline;
	border: 0;
	}
	
#content a:visited, #content-home a:visited {
	color: #663366;
	text-decoration: underline;
	border: 0;
	}

#content a:hover, #content-home a:hover {
	color:	#CC9933;
	text-decoration: underline;
	border: 0;
	}

#content-home p {
	font-size: 13px;
	line-height: 19px;
	margin: 0px 0px 7px 0px;
	color: #000;
	}



/*----------------------------------------- btb ----------------------------------------------*/
#btb {
	background: #FFFFFF;
	width: 770px;
	float: left;
	margin: 0px 40px 25px 40px;
	padding: 0;
	clear: both;
	}
	
	*html #btb {
		margin: 0px 20px 25px 20px;
		}
		
	*+html #btb {
		margin: 0px 20px 25px 20px;
		}
	
#btb img {
	display: inline;
	border: 0;
	}

#btb a:link, #content a:active  {
	color: #006699;
	text-decoration: underline;
	border: 0;
	}
	
#btb a:visited  {
	color: #663366;
	text-decoration: underline;
	border: 0;
	}

#btb a:hover {
	color:	#CC9933;
	text-decoration: underline;
	border: 0;
	}

/*----------------------------------------------- sidebars --------------------------------------------------*/


/*----------------------------------------- page-specific ----------------------------------------------*/

#home-bks {
	width: 370px;
	height: auto;
	float: right;
	margin: 10px -30px 30px 30px;
	padding: 0;
	}

	*html #home-bks {
		margin: 10px 0px 30px 15px;
		}

	*+html #home-bks {
		margin: 10px 0px 30px 15px;
		}

	
#home-bks-left {
	width: 171px;
	float: left;
	text-align: right;
	margin: 26px 0 0 0;
	padding: 0;
	}
	
	#home-bks-left img {
		display: inline;
		border: 0;
		}

	
#home-bks-right {
	width: 190px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
	#home-bks-right img {
		display: inline;
		border: 0;
		}

img.home-bk-feature {
	border-left: 1px solid #000000;
	}

#home-web {
	width: 350px;
	float: left;
	text-align: center;
	margin: 30px 50px 0 0;
	padding: 0;
	}


.form-button {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	line-height: 15px;
	color: #000;
	}

.label {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 12px; 
	line-height: 17px;
	color: #000;
	}


.field {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	line-height: 17px;
	color: #000;
	}



/*----------------------------------------- font styles -------------------------------------------*/

.booktitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px; 
	font-style: italic; 
	font-weight: bold; 
	line-height: 15px;
	}
	
.text_small {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 11px; 
	font-weight: normal; 
	line-height: 14px;
	}
	
.small-bold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px; 
	font-weight: normal; 
	line-height: 14px; 
	color: #990033; 
	font-weight: bold;
	}
	
.posted { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #990033;
	}
	
.text_tiny {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	}
	
.text_bold {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 19px;	
	}
	
.text_bold-magenta { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 19px;
	color: #990033;
	}
	
.text_bold-pink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	color: #CC3366;
	}
	
.text-magenta {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 19px;
	color: #990033;
	}
	
.text_purple {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px; 
	line-height: 19px; 
	color: #663366;
	}


.text_bold-purple {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px; 
	font-weight: bold; 
	line-height: 19px; 
	color: #663366;
	}
	
.text-teal {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	line-height: 19px;
	color: #006666;
	}
	
.text-bold-teal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px; 
	font-weight: bold; 
	line-height: 15px; 
	color: #006666;
	}
	
.header {  
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14px; 
	line-height: 18px;
	}
	
.header_bold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px; 
	font-weight: bold; 
	line-height: 17px;
	}
	
.text_smaller { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 10px; 
	font-style: normal; 
	line-height: 12px; 
	font-weight: normal;
	}
	
.text {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	line-height: 19px;
	}

.text-right {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 13px; 
	line-height: 19px; 
	text-align: right;
	}
	
.header-bigger_bold {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 16px; 
	font-weight: bold;
	}
	
.header_very-big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: bold;
	color: #990033;
	}
	
.header-purple {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px; 
	font-weight: bold; 
	line-height: 21px; 
	color: #663366;
	}
	
.date-magenta {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 15px;
	color: #990033;
	}
	
	
/*----------------------------------------- footer -------------------------------------------*/

#footer {
	width: 790px;
	clear: both;
	position: relative;
	margin: 0;
	padding: 0 20px 10px 40px;
	}