@media screen, projection
{
	.be-nice-to-Mac-IE5
	{
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS -- */
	
	*
	{
		margin:0;
		padding:0;
	}
	
	body
	{
		background-color: #FFF;
		text-align: left;
		color: #000;
		font: normal 12px/16px Arial, Verdana, Helvetica, sans-serif;	
	}
		
	/* -- IDS -- */

	#wrap
	{
		width: 905px;
		margin: 0px;
		text-align: center;
	}

	#head
	{
		margin: 0px 0px 0px 0px;
		padding: 16px 16px 16px 54px;
		text-align: left;
		color: #FFF;
		background: #004f79 url(../images/back_head03.gif) repeat-x 0 0;
		border-top: 0px solid #004062;
		border-right: 1px solid #004062;
		border-bottom: 1px solid #004062;
		border-left: 0px solid #004062;
	} 
	
	#head h1
	{
		font: bold 24px/24px Arial, Verdana, Helvetica, sans-serif;
		color: #FFF;
		text-transform: uppercase;		
	}

	#head h1 A:link { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h1 A:visited { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h1 A:hover { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h1 A:active { text-decoration: none; font-weight: bold; color: #FFF; }

	#head h1 span
	{	
		color: #c2dfef;
	}
	#head h2
	{
		font: bold 16px/16px Arial, Verdana, Helvetica, sans-serif;
		color: #FFF;
}

Book Title {
	font: bold 16px/28px Arial, "Verdana, Helvetica, sans-serif";
	text-align: left;
	color: black;
}

	#head h2 A:link { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h2 A:visited { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h2 A:hover { text-decoration: none; font-weight: bold; color: #FFF; }
	#head h2 A:active { text-decoration: none; font-weight: bold; color: #FFF; }


	#foot
	{
		font: normal 11px/16px Arial, Verdana, Helvetica, sans-serif;
		margin: 0px 0px 30px;
		padding: 15px 0px;
		text-align: center;
		color: #c2dfef;
		border-top: 1px solid #004062;
		border-right: 1px solid #004062;
		border-bottom: 1px solid #004062;
		border-left: 0px solid #004062;
		background: #004f79 url(../images/back_head02.gif) repeat-x 0 0;
	}

	#foot p
	{
		margin: 0px;
	}
		
	#foot A:link { text-decoration: none; font-weight: normal; color: #c2dfef; }
	#foot A:visited { text-decoration: none; font-weight: normal; color: #c2dfef; }
	#foot A:hover { text-decoration: underline; font-weight: normal; color: #FFF; }
	#foot A:active { text-decoration: underline; font-weight: normal; color: #FFF; }

	div#jc_03
	{
		width: 905px;
		height: 650px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}
	
	div#jc_04
	{
		width: 905px;
		height: 700px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}
	
	div#trailer
	{
		width: 900px;
		height: auto;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}
	
	div#global_flashnav
	{
		width: 905px;
		height: 59px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}


	div#top_02
	{
		width: 905px;
		height: 150px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
		border-bottom: 1px solid #CCC;
	}
	
	div#bottom_02
	{
		width: 905px;
		height: 149px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
		border-top: 1px solid #CCC;
		clear: both;
	}

	div#button_float
	{
		width: 160px;
		line-height: 1px;
		padding: 0px;
		margin: 0px 10px 10px;
		float: right;
	}			

	div#logo_button
	{
		width: 160px;
		height: 180px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}
	
	div#booklink
	{
		width: 160px;
		height: 79px;
		line-height: 1px;
		padding: 0px;
		margin: 0px;
	}
	
			
	
	/* -- CLASSES -- */
	
	div.padder
	{
		padding: 50px;
	}
	
	div.larger
	{
	font: normal 14px/18px Arial, Verdana, Helvetica, sans-serif;
	margin-left: 33px;
	}
	
	span.underline
	{
		text-decoration: underline;
	}

	div.formscroller
	{
		background-color: #FFF;
		overflow: auto;
		height: 80px;
		padding: 2px 8px 2px 8px;
		border: 1px solid #999;
		margin-bottom: 2px;
	}

	.formfieldwidth
	{
		width: 170px;
	}

	.formfieldwidth2
	{
		width: 174px;
	}
	


	.contentbox
	{
		font: normal 11px/16px Arial, Verdana, Helvetica, sans-serif;	
		border: 1px solid #EEE;
		background-color: #EEE;
		color: #000;
		padding: 12px;	
		clear: both;
		margin: 0px 0px 18px 0px;				
	}

	.contentboxwatermark
	{
		background: #f7d697 url(../images/back_contentbox.gif) repeat 0 0;
		border: 1px solid #f7d697;
	}

	.formbutton
	{
		font: bold 11px/11px Arial, Verdana, Helvetica, sans-serif;	
		text-align: center;
		color: #FFF;	
		border: 1px solid #003a59;
		padding: 4px;
		background-color: #004f79;
		margin: 0px;		
	}
	
	.formlabel
	{
		text-align: right;
		font: bold 12px/12px Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		width: 150px;		
	}	

	.formlabel2
	{
		text-align: right;
		font: bold 12px/12px Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		padding-left: 14px;
		width: 90px;	
	}

	.formlabel3
	{
		text-align: right;
		font: bold 12px/12px Arial, Verdana, Helvetica, sans-serif;
		color: #000;
		padding-left: 14px;
	}
	
	.formfield2
	{
		padding-left: 6px;		
	}
	
	.formerror
	{
		border: 2px solid #990000;
		padding: 12px;
		font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif;
		color: #990000;
		text-align: left;
		background-color: #eee;
		margin-bottom: 18px;
	}

	.formerror p
	{
		margin: 0px;
	}
		
	.formok
	{
		border: 2px solid #009900;
		padding: 12px;
		font: bold 12px/16px Arial, Verdana, Helvetica, sans-serif;
		color: #009900;
		text-align: left;
		background-color: #eee;
		margin-bottom: 18px;
	}

	.formok p
	{
		margin: 0px;
	}
	
	div.formok ol, div.formerror ol
	{
		margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica;
}	

	div.formok li, div.formerror li
	{
		margin: 0px 0px 0px 40px;
	}
			

}