/*div					{
					border: 1px solid #cc0000;
					} 
*/					

img					{
					border: 0px;
					}
					
a					{
					outline: none;
					}
					

/*specify blanket rules for all elements ----------------------------------------------------*/

.commarts_link a:link, .commarts_link a:active, .commarts_link a:visited		
							{
							font-family: arial, helvetica, trebuchet;
							font-size: 10px;
							text-align: right;
							color: #ffffff;
							text-decoration: none;
							text-transform: uppercase;
							padding: 0;
							margin: 0;
							}
							
/*darker color for link:	#322510 */

							
.commarts_link a:hover		{
							color: #ff6600;
							}				


body			{
				font:10px arial, verdana, helvetica #585022;
				margin:0px;
				padding: 0px;
				background-color: #7c7559;
				}
					
body p			{
				margin: 0 0 10px 20px;
				padding: 0px;
				font:11px arial, helvetica, trebuchet;
				color:#332900;
				line-height: 150%;
				}
				
body li			{
				margin: 8px 5px 10px 20px;
				font:11px arial, helvetica, trebuchet;
				color:#332900;
				line-height: 110%;
				}
				
body a:link, body a:active, body a:visited
				{
				color:#90a026;
				}
				
body a:hover	{
				color: #ff6600;
				}
				
				
body li a:link, body li a:active, body li a:visited
				{
				color:#90a026;
				}
				
body li a:hover	{
				color: #ff6600;
				}
				


/*container for top image, border with drop shadow ------------------------------------------*/

#container_top		{
					width: 839px;
					height: 28px;
					margin: 15px auto 0px auto;
					padding: 0;
					background:url(CAimages/top-main-box.jpg) no-repeat bottom center;
					}
					
#container_top a:link, #container_top a:visited, #container_top a:active
						{
						float: right;
						margin: 0 45px 0 0;
						}
						
#container_top a:hover	{
						float: right;
						margin: 0 45px 0 0;
						color: #ff6600;
						}						
					
					
/*container for all page content, including a background with drop shadow along sides -------*/

#container_all		{
					width: 839px;
					margin: 0 auto 0 auto;
					background:url(CAimages/sides-main-box.jpg) repeat-y top center;
					clear:both;
					}

.print				{
					display: none;
					}

/*container for header ----------------------------------------------------------------------*/

#print_header		{
					display: none;
					}
					
#print_header_logo	{
					display: none;
					}					

#header				{
					width: 800px;
					height: 70px;
					margin: 0px auto 0px auto;
					padding: 0;
					background:url(CAimages/header_bkgd.jpg) no-repeat center center;
					}	
					
					
#header img			{
					float: left;
					margin: 1px 0 0px 22px;
					}
				
#header ul			{
					text-align: right;
					font: 18px arial, helvetica, trebuchet;
					font-weight: light;
					margin: 0;
					padding: 40px 20px 0 0;
					}
					
#header li			{
					font: 20px arial, helvetica, trebuchet #fff;
					padding: 0 0 0 8px;
					margin: 0;
					display: inline;
					}
			

#header li a:link, #header li a:visited, #header li a:active
						{
						font: 18px arial, helvetica, trebuchet;
						text-decoration: none;
						color: #fff;
						}

#header li a:hover		{
						color: #ff6600;
						}	
	

							
						
/*container for live content area that holds the background ----------------------------------*/
					
#bottom_spacer		{
					clear: both;
					width: 800px;
					height: 10px;
					}
					
					
/*container and text styles for body ----------------------------------------------------------*/

#main				{
					width: 800px;
					padding: 10px;
					margin: 10px 0px 0px 10px;
					background:url(CAimages/main_bkgd.jpg) repeat-y top center;
					}
					
#main_content		{
					width: 530px;
					margin: 0;
					padding: 0;
					}
					

					
#main_content h3	{
					width: 500px;
					font:16px arial, helvetica, verdana;
					text-align: left;
					color:#6f908b;
					margin: 26px 0 4px 20px;
					padding: 0;
					border-bottom: 1px solid #6f908b;			
					}
					
/*rules for headings -------------------------------------------------------------------------*/
					

h1			{
			text-align: left;
			margin: 20px 0 0 20px;
			font: 22px arial, helvetica, verdana;
			color:#6f908b;
			}
			
h2			{
			text-align: right;
			margin: 0;
			padding: 10px 0px 4px 10px; 
			font: 34px arial, helvetica, verdana;
			font-weight: 100;
			color: #90a026;
			}
			
h3			{
			font:16px arial, helvetica;
			font-weight: bolder;
			text-align: right;
			color:#fff;
			margin: 6px 0 0px 0;
			padding: 28px 0 0px 0;
			}
			
h4			{
			font:16px arial, helvetica;
			font-weight: normal;
			text-align: left;
			color:#ff6600;
			margin: 0px 0 -6px 20px;
			padding: 14px 0 0px 0;
			}

p			{
			margin: 12px auto 10px auto;
			font:11px arial, helvetica, verdana;
			color:#fff;
			}					

									
/*container and text styles for sidebar -------------------------------------------------------*/


.nav-top			{
					width: 228px;
					height: 10px;
					margin: 0;
					padding: 0;
					background: url(CAimages/sidebar-top-curve.gif) no-repeat;
					}
					
.nav-bottom			{
					width: 228px;
					height: 10px;
					margin: 0;
					padding: 0;
					background: url(CAimages/sidebar-bottom-curve.gif) no-repeat;
					}					
					
					
.navigation			{
					width: 218px;
					margin: 0px;
					padding: 0px 10px 20px 0;
					background-color: #dddbbd;
					}
					
										
									
/*container for bottom image, border with drop shadow ----------------------------------------*/

#container_bottom	{
					width: 839px;
					height: 22px;
					padding: 0;
					margin: 0px auto 10px auto;
					background:url(CAimages/bottom-main-box.jpg) no-repeat bottom center;
					}	
					



			
			
/* sidebar button link states -------------------------------------------------------------*/
					
.sidebar			{
					float: right;
					width: 228px;
					padding:0 0 0 0;
					margin: 16px 0 0 0;
					}
				
					
.sidebar p			{
					text-align: right;
					width: 220px;
					}

.sidebar ul	{
			width: 220px;
			padding: 0;
			margin: 0;
			}
			
			
.sidebar li	{
			width: 190px;
			font: 10px arial,helvetica,trebuchet;
			color: #322510;
			text-transform: uppercase;
			font-weight: 900;
			list-style-type: none;
			text-align: right;
			padding: 12px 0px 11px 0px;	   /*---this moves the text relative to the dotted line--*/
			margin: 0 0 0 25px;            /*---this moves the whole sidebar text over, dotted line and all--*/
			border-bottom: 1px dashed;
			}	


.sidebar li a:link		{
						text-decoration: none;
						padding: 0 14px 0 0;
						margin: 0 -14px 0 0px;
						color: #322510;
						}
						
.sidebar li a:visited	{
						text-decoration: none;
						padding: 0 14px 0 0;
						margin: 0 -13px 0 0px;
						color: #8f8766;
						}
						
.sidebar li a:hover		{
						text-decoration: none;
						color: #ff6600;
						padding: 0 14px 0 0;
						margin: 0 -13px 0 0px;
						background:transparent url(CAimages/orange_arrow.png) no-repeat right top;
						}
					
.sidebar li a:active	{
						text-decoration: none;
						padding: 0 14px 0 0;
						margin: 0 -13px 0 0px;
						background:transparent url(CAimages/green_arrow.png) no-repeat right top;
						color: #90a026;
						}
				
						
						
						
/*quick link button specs  -------------------------------------------------------------------*/


.button_container	{
					width: 220px;
					height: 160px;
					}					

.button_container ul		{
							width: 220px;
							height: 100px;
							margin: 20px 0 0 0;
							padding: 0;
							vertical-align: middle;
							}
					
.button_container li		{
							width: 170px;
							height: 20px;
							font: 10px arial,helvetica,trebuchet;
							text-align: center;
							color: #90a026;
							text-transform: uppercase;
							font-weight: 900;
							list-style-type: none;
							padding:10px 0 6px 0px;
							margin: 8px 0px 0px 30px;
							border-bottom: none;
							background: #fff;
							vertical-align: middle;
							}
							
.button_container ul li img		{
								text-decoration: none;
								vertical-align: middle;
								margin:  0 0 0px;
								padding: 1px 0 0 0;
								}							


.button_container li a:link		{
								text-decoration: none;
								vertical-align: middle;
								margin:  0 0 0px;
								padding: 4px 0 0 0;
								color: #90a026;
								border-bottom: none;
								}
															
.button_container li a:hover	{
								text-decoration: none;
								vertical-align: middle;
								color: #ff6600;
								border-bottom: 1px dotted;
								margin:  0 0 0px;
								padding: 4px 0 0 0;
								background: none;
								}								
						
.button_container li a:active	{
								text-decoration: none;
								margin: 0 0 0px;
								padding: 4px 0 0 0;
								color: #90a026;		
								}
								
.button_container li a:visited	{
								text-decoration: none;
								vertical-align: middle;
								color: #8f8766;
								margin:  0 0 0px;
								padding: 4px 0 0 0;
								background: none;
								}								

.photocards_box					{
								height: 18px;
								width: 168px;
								background: #dddbbd;
								border: 1px dotted #cc0000;
								}								
								
								
/* specs for tables and cells---------------------------------------*/


table		{
			font: normal 11px arial, verdana, helvetica;
			margin: 0;
			padding: 0;
			border-collapse:collapse;
			}	
			
td, th		{
			width: 500px;
			padding: 2px 0 2px 12px;
			}

th			{			
			border-bottom: 1px solid #cac7a1;
			color: #7c8637;
			font: bold 11px arial, verdana, helvetica;
			text-align: left;
			line-height: 150%;
			background: #dddbbd;
			}
			
td			{
			font: normal 11px arial, verdana, helvetica;
			color: #322510;
			text-align: left;
			line-height: 150%;
			background: #f3f2e3;
			}


caption        {
            text-align: left;
            text-transform: uppercase;
            margin: 10px 0 4px 20px;
            color: #90a026;
            font: bold 11px arial, verdana, helvetica;
            }


/* specs for links along the bottom of page---------------------------------------*/

			
.bottom_links			{
						font: 11px arial, helvetica, trebuchet;
						color: #fff;
						text-align: center;
						margin: 8px auto 10px auto;
						width: 800px;
						}
			
.bottom_links p			{
						font: 11px arial, helvetica, trebuchet;
						color: #fff;
						text-align: center;
						line-height: 100%;
						margin: 8px auto 10px auto;
						}			
			
.bottom_links a:link, .bottom_links a:visited, .bottom_links a:active
							{
							text-decoration: none;
							color: #fff;
							}
								
.bottom_links a:hover		{
							text-decoration: none;
							color: #dddbbd;
							border-bottom: 1px dotted;
							}	
							
.bold_body					{
							font-size:11px;
							margin: 12px 0 0 0;
							padding: 0;
							font-weight:bold;
							}

							
.howto_header				{
							font: 16px arial, helvetica, trebuchet;
							color: #fff;
							height: 26px;
							margin: 20px 0 8px 20px;
							padding: 2px 0 0px 8px;
							background: #a3ac64;
							}
							

.magazines					{
							position: top;
							margin: 0 0 0 20px;
							padding: 10px 0 0 0px;
							}
							
							
.photocards					{
							width: 502px;
							height: 342px;
							position: bottom;
							border: 1px solid #777;
							margin: 0 0 10px 20px;
							padding: 0px;
							}							
							
.quote						{
							font-style: italic;
							margin: 0 0 0 20px;
							padding: 0;
							}

.indent						{
							width: 460px;
							color: #90a026;
							padding: 0 0 0 20px;
							margin: 0 0 15px 20px;
							}
							
.important					{
							width: 460px;
							color: #c25303;
							padding: 10px;
							margin: 0 0 12px 30px;
							background: #f3f2dd;
							}							
							
.ed_chart					{
							border: 1px solid #cac7a1;
							width: 500px;
							position: bottom;
							margin: 0 0 0 20px;
							padding: 0px;
							}				
							
.graph						{
							width: 400px;
							height: 260px;
							position: bottom;
							border: none;
							margin: 10px 0 20px 60px;
							padding: 0px;
							}
							
.doubleclick_image			{
							width: 501px;
							height: 507px;
							position: bottom;
							border: 1px solid #777;
							margin: 16px 0 20px 20px;
							padding: 0px;
							}
							
.online_ad					{
							width: 500px;
							height: 350px;
							position: bottom;
							border: none;
							margin: 0px 0 6px 20px;
							padding: 0px;
							}
							
.page_specs					{
							width: 500px;
							height: 292px;
							position: bottom;
							border: none;
							margin: 0 0 20px 20px;
							padding: 0px;
							}
							
							
.download_box				{
							width: 500px;
							margin: 0 0 15px 20px;
							padding: 0;
							}
							

.download_box p				{
							width: 380px;
							margin: 0 0 0 102px;
							padding: 0;
							}
							
.download_box img			{
							float: left;
							}
							
.icon_move					{
							position: relative;
							left: 20px;		
							}
							
.howto_icon_move			{
							width: 360px;
							position: relative;
							left: 80px;
							text-align:center;
							margin: 0 0 10px 0;
							}
							
/*--------------- these are for the arrow ------------------------------------------------*/						

.navigation img				{
							position: relative;
							padding: 0px;
							float: left;
							margin-left: -25px;
							margin-top: -10px;
							}

.navigation h2 img
							{
							position: relative;
							padding: 0px;
							margin-left: -10px;
							margin-top: 5px;
							}						

/*---------------------------------------------------------------*/				
							
	
.top_nav_arrow				{
							position: relative;
							float: left;
							margin: 26px -19px 0 0;
							padding: 0;
							}							
							
.center_text				{
							color: #90a026;
							text-align: center;
							font-weight: bold;
							text-decoration: none;
							text-transform: uppercase;
							}
								

.center_cells				{
							text-align: center;
							}
							
							
.cell_background td			{
							background: #fbfaf0;
							}							
								
.cell_narrow				{
							width: 20px;
							text-align: right;
							padding: 0 12px 0 6px;
							border-right: 1px dotted #cac7a1;
							}


.chart						{
							border: 1px solid #cac7a1;
							width: 500px;
							position: top;
							margin: 0 0 8px 20px;
							padding: 0px;
							}
							
.circulation_chart			{
							border: 1px solid #cac7a1;
							width: 500px;
							position: top;
							margin: 0 0 8px 20px;
							padding: 0px;
							}
								
								
.description				{
							width: 27%;
							}
							
.measurement				{
							width: 20%;
							text-align: left;
							}
							
.untrimmed					{
							padding-right: 25px;
							}	
							
							
.large_number				{
							font: bold 20px arial, helvetica, trebuchet;
							color: #fff;
							}
							
						
							
.button_holder				{
							width: 505px;
							height: 106px;
							margin: 0 0 0 20px;
							padding: 9px 0 0 0;
							background:transparent url(CAimages/buttons_background.jpg) no-repeat right top;
							}							


/* -------------------------------------How-To Button1---------------------------------------*/ 							
.how_to1 					{
							display: block;
							float: left;
							width: 153px;
							height: 87px;
							padding: 10px 0 0 0;
							margin: 0px 5px 0 18px;
							background:transparent url(CAimages/how_to1.png) no-repeat;
							text-indent: -9999px;
							border-style: none;
							}	
							
a.how_to1:link, a.how_to1:visited, a.how_to1:active,
							{
							background:transparent url(CAimages/how_to1.png) no-repeat;
							border-style: none;
							}
							
a.how_to1:hover				{
							background-position: -153px 0;
							border-style: none;
							}
					

/* -------------------------------------How-To Button2---------------------------------------*/
							
.how_to2 					{
							display: block;
							float: left;
							width: 153px;
							height: 87px;
							padding: 10px 0 0 0;
							margin: 0px 0px 0 0px;
							background:transparent url(CAimages/how_to2.png) no-repeat;
							text-indent: -9999px;
							}	
							
a.how_to2:link, a.how_to2:visited, a.how_to2:active,
							{
							background:transparent url(CAimages/how_to2.png) no-repeat;
							}
							
a.how_to2:hover				{
							background-position: -153px 0;
							}
							
							

/* -------------------------------------How-To Button3---------------------------------------*/							
.how_to3 					{
							display: block;
							float: left;
							width: 153px;
							height: 87px;
							padding: 0;
							margin: 0px 15px 0 5px;
							background:transparent url(CAimages/how_to3.png) no-repeat;
							text-indent: -9999px;
							}	
							
a.how_to3:link, a.how_to3:visited, a.how_to3:active,
							{
							background:transparent url(CAimages/how_to3.png) no-repeat;
							}
							
a.how_to3:hover				{
							background-position: -153px 0;
							}	
							
							
/* -------------------------------------End of How-To Buttons---------------------------------------*/								

.orange_leader				{
							font: 12px arial,helvetica,trebuchet;
							color: #90a026;
							font-weight: bold;
							text-transform: uppercase;
							}

.covers_box					{
							width: 510px;
							height: 120px;
							margin: 12px 0px 12px 20px;
							padding: 0;
							}
							
.cover						{
							float: left;
							height: 120px;
							width: 95px;
							margin: 0 5px 0 0;
							padding: 0;
							border: 1px solid #999999;
							}
							
.spreads					{
							float: right;
							margin: 6px 10px 0 0;
							}
							
.inserts					{
							float: right;
							margin: 8px 8px 2px 14px;
							}
							
.testimonials				{
							float: right;
							margin: 0px 16px 4px 8px;
							}							
						
							
.banners					{
							float: clear;
							margin: 0px 18px 0 20px;
							border: 0px solid #999999;
							width: 500px;
							}
							
.logo						{
							float: right;
							margin: 4px 14px 6px 26px;
							}	
							
.readex						{
							float: right;
							margin: 12px 14px 4px 20px;
							}
							
							
.profile_graph				{
							margin: 0px 18px 20px 10px;
							border: 0px solid #999999;
							}
						
							
.featured_subject			{
							width: 40%;
							}
							
.issue						{
							width: 20%;
							}
							
.pdf						{
							vertical-align: middle;
							margin: 0;
							padding: 0;
							}
							
.pdf a						{
							vertical-align: top;
							font-size:11px;
							margin: 0;
							padding: 0;
							font-weight:bold;							
							}						
							
.wide_col		            {
                            width: 45%;
                            }
                            
.large_arrow				{
							font-size: 12px;
							margin: 0 0 0 2px;
							}
							
.50years												

