/* 			_______________________	*/
/*			STYLES FOR SCREENS		*/

/*			Codename: Quatro

			Coudal Partners, Copyright 2004
			A bit of an experiment in organization 
			and deployment. It wouldn't be much 
			fun if it was strictly conventional.
			Now would it?

			400 North May Street
			City of Chicago
			312 243 1107
			
			

			office@coudal.com

			Brought to you by Jewelboxing
			http://www.jewelboxing.com
*/


/* 			_______________________	*/
/*			VARIABLE PALETTE		*/
/*			change reading nav too	*/




body 		{
			
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-align: center;	
			background-color: #FFF;
			border-top: 2px solid #888888;
			}

a:link		{ color: #21688F; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #CCC; }
		
.accent 	{ color: #7F7F81; } 

a			{ }
a:visited	{ color: #21688F; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #CCC;} 
a:active	{ color: #21688F; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #CCC;} 
a:hover		{ color: #F6F7FA; text-decoration: none; padding-bottom: 0px; background-color: #21688F;} 






/* 			_______________________	*/
/*			THE BASICS				*/

p 			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #444;
			font-size: 16px;
			line-height: 22px;
			margin: 0;
			text-align: left;
			margin: 0px 0px 14px 0px;
			
				}
				
				
p.tag			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #666;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
			text-align: center;
			margin: 14px 0px 0px 0px;
			
				}
			
p.spkr 		{
		
			padding: 0px 0px 0px 0px;
			
			}
			
			
p.cut 		{
			text-align: right;
			padding: 0px 0px 0px 0px;
			margin: 0px 16px 0px 0px;
			
			}
			
p.psst		{
			font-style: oblique;
			font-family: Verdana;
			font-size: 12px;
			color: #685;
			line-height: 17px;
			text-align: left;
			}



p.dia 		{
		
			margin: 0;
			text-align: left;
			margin: 0px 80px 0px 90px;
				padding: 0px 0px 13px 0px;
			}
			
p.aside		{
			float: left;
			margin: 4px 14px 9px 0px;
			width: 256px;	
			font-size: 11px;
			line-height: 13px;
			font-style: oblique;
			text-align: center;
			color: #444;		
			}

blockquote	{
			margin: 0px 30px 0px 14px;
			font-size: 11px;
			line-height: 13px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			}
				
img.wrap 	{
			display: block;
			border: 0;
			margin: 3px 10px 6px 0px;
			}
				
img.col		{
			display: block;
			border: 0;
			margin-left: 14px;
			}
			
			
img.std		{
			display: block;
			border: 0;
			margin: 0;
			padding: 0;
			}
				
img.arc		{
			display: block;
			border: 0;
			margin: 10px 0px 7px 0px;
			}
			
#callout 	{
			width: 220px;
			margin: 0px 0px 0px -14px;
			padding-top: 10px;
			padding-bottom: 3px;
			border-top: 1px solid #CCC;
			border-bottom: 1px solid #CCC;
			}	
			


							
/* 			_______________________	*/
/*			STRUCTURAL 				*/
	
#enclose 	{
			width: 460px;
			
			margin-right: auto;
			margin-left: auto;
			text-align: center;
			
			padding-top: 35px;
			padding-bottom: 160px;
			font-size: 16px;
			line-height: 22px;
			}	

#frame		{
			width: 840px;
			margin-right: auto;
			margin-left: auto;
			margin-top: 10px;
			margin-bottom: 0px;
			text-align: center;
			border-top: 3px double #CCC;
			
			}
			
#framein	{
			width: 840px;
			margin: 0px auto 0px auto;
			text-align: center;
			}

#widescreen	{
			position: relative;
			height: 280px;
			width: 816px;
			margin: 0px auto 0px auto;
			}
			
		
			#widescrtxt	{
						position: absolute;
						left: 250px;
						top: 203px;
						width: 316px;
						
						
						text-align: center;
						
						font-family: Gill Sans, Verdana;
						color: #FFF;
						margin: 0;
			
						font-size: 11px;
						line-height: 14px;
						
						letter-spacing: 2px;
						font-weight: bold;
						
						
						}
			
#covervid	{
			width: 816px;
			margin: 20px auto 20px auto;
			padding: 0;
			background-color: #FFF;
			text-align: center;
			}

#coverten	{
			position: relative;
			height: 276px;
			width: 816px;
			margin: 0px auto 0px auto;
			padding-top: 26px;
			background-color: #FFF;  
			}
			
			
			
#crois	{
			padding-top: 26px;
			text-align: center;  
			}







			
					

					
					
	
					
	
			
			

					

					
	#markframe	{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				}
				


h1 		{
				font-family: times, Times New Roman, times-roman, georgia, serif;
				color: #444;
				font-weight: normal;
				text-align: left;
				font-size: 56px;
				line-height: 50px;
			
				padding-top: 10px;
				}
				
				
				
h2 		{
				font-family: times, Times New Roman, times-roman, georgia, serif;
				color: #8B3F2B;
			
				font-weight: normal;
				font-size: 24px;
				line-height: 25px;
				text-align: left;
				
				}
				
				
.smallcaps		{ font-size: 88%;
					}
		
		
	


			
	.motto	{
			
			text-transform: uppercase;
			color: #8B3F2B;
			
			
			letter-spacing: 1px;
			}
			
	.tease	{
			font-family: verdana;
			color: #222;
			margin: 0px 0px 0px 0px;
			font-size: 11px;
			line-height: 14px;
			
		
			}
		
	
			
	.caption	{
				font-family: verdana;
				color: #444;
				margin: 0px 0px 11px 0px;
				font-size: 11px;
				line-height: 12px;
				}
		
	.arched	{
		font-family: verdana;
		color: #444;
		font-weight: bold;
		margin-left: 14px;
		
		font-size: 11px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 2px;
		}