/***************** RESET CSS *****************/
/* This CSS file is intended to reset styles across different browsers to more standard values */
/* adapted from Reset Reloaded by Eric Meyer */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}



/***************** BASE DEFAULT CSS *****************/
/* Common tags like h1-h6, p, etc */


body {
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.0em;
	background-color:#000;
	}
	
	a {
		text-decoration:none;
		outline:none;
		color:#a10303;
		}
	a img {
		border:none;
		background:none;
		outline:none;
		}
		
   	p	{
   		color:#000;
		font-size:1.1em;
		line-height:1.5em;
		margin:1em 0;
		}
	
	blockquote {
		font-size:1.1em;
		line-height:1.5em;
		margin:1em 0;
		color:#333;
		font-style:italic;
		}
	
	h1 {
		color:#2c2d2d;
		font-size:2.4em;
		line-height:1em;
		margin:.5em 0;
		font-weight: normal;
		}
	h2 {
		color:#a10303;
		font-size:1.4em;
		line-height:1em;
		font-weight:bold;
		margin:.5em 0;
		text-transform:uppercase;
		}
	h3 {
		color:#2c2d2d;
		font-size:1.2em;
		line-height:1.2em;
		font-weight:bold;
		margin:.5em 0;
		text-transform:none;
		}

	h4 {
		color:#2c2d2d;
		font-size:1.1em;
		line-height:1.2em;
		font-weight:bold;
		margin:.5em 0;
		text-transform:none;
		}
	h5 {
		color:#2c2d2d;
		font-size:1em;
		line-height:1.1em;
		font-weight:normal;
		margin:.5em 0pt;
		text-transform:uppercase;
		}

	 /* Block Styles */
		
	ul {
		margin: 0 0 1em 3em;
		}
		ul li {
			list-style-position:outside;
			}
			li ul {
				margin: 0 0 0 2em;
				}
				li ul li {
					margin-left: 1em;
					}


	/* common utility elements */
	
	div.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
		margin: 0 0 -1px 0; 
		}
		
	div.hr {
		border-top:1px solid #CCCCCC;
		clear:both;
		height:1px;
		margin:0pt 0pt 1em;
		overflow:hidden;
		}
		
	div.hide {
		position:absolute;
		top:-50001px;
		}

	
	.floatright {
		display:inline;
		float:right;
		}
	.floatleft {
		display:inline;
		float:left;
		}
	
	img.floatleft {
        float:left;
        margin-right:15px;
        margin-bottom:10px;
        }

    img.floatright {
        float:right;
        margin-left:15px;
        margin-bottom:10px;
        }
	
	ul.linklist {
		list-style-type:none;
		padding-bottom:20px;
		}


	h2.headerbar {
		color:#545454;
		padding:5px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}
	h3.headerbar {
		padding:5px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		}
			
/***************** LAYOUT CSS *****************/

	div#wrapper {
		font-size: 1em;
		width:1008px;
		margin:0;
		}		
		
		div#utility_navigation {
			width:1008px;
			height:33px;
			color:#50748d;
			background-color:#232323;
			font-size: 1.1em;
			margin: 0px 10px 0 0px;
			}
			
		/***************** PRIMARY NAVIGATION *****************/
				
			
		div#primary_navigation {
			width:1008px;
			height:40px; 
			background-color:#0B0C0E;
			border-top:1px solid #a1a1a1;
			}
			
		/* HOMEPAGE SPECIFIC NAVIGATION */
		
	/* Footer */
	div#footer {	
		font-size:1.1em;
		color:#fff;
		background-color:#232323;
		/* background:url(../images/common/footer_transparency.png) repeat top right;  */
		/* border-top:1px solid #262728; */
		}   
		  
		div#footer div#icon_col {
			float:right;
			display:inline;
			padding:20px 0 0 0;
			margin:0px 30px 10px 20px;
			cursor:pointer;
			}   
			div#footer div#icon_col a {
				display:block;
				height:53px;
				width:52px;
				background:url(../images/common/arts_council_logo.png) top right no-repeat;
				cursor:pointer;
				}
				div#footer div#icon_col a span {
					position:absolute;
					left:-5001px;
					}
					
		div#footer div#content_col {
			float:left;		
			width:740px;				
			}			
		
				
		/***************** SHARED CONTENT CSS *****************/
		
		
		/* Two Column Content Area */
		
		div#wrapper.two_col div#content {   
			background:url(../images/common/black_footer_bg.gif) no-repeat bottom left; /* set column image at bottom of content div, so it always expands with content and displays under footer */
			}						  
								  
			div#inner_content {
				width:1008px;
				position:relative;
				margin-top:0px;
				background:url(../images/common/secondary_bg_solid.gif) repeat-y top left;
				float:left;
				}						  
				
				/* Secondary Column */	  
				div#secondary_column {
					float:left;
					width:160px;
					}
					div#secondary_column img.logo {
						margin:20px 0 35px 30px;
						}
					
					
					/* Sub, tertiary, and quaternary nav */					
					div#secondary_column ul#subnav {
						list-style-type:none;
						font-size:1.1em;
						border-bottom:1px solid #2e2e2e;
						width:130px;
						margin:0 0 50px 30px;
						padding:0;
						}						
						div#secondary_column ul#subnav li {
							padding:5px 0 2px 0;
							line-height:1.2em;
							border-top:1px solid #2e2e2e;
							}
							div#secondary_column ul#subnav li a {
								color:#fff;
								padding-right:11px;
								}
							div#secondary_column ul#subnav li a.on {
								color:#808080;
								border-bottom:none;
								}
								
							div#secondary_column ul#subnav li ul {  /* tert level */
								list-style-type:none;
								padding-top:6px;
								font-size:1em;
								margin-left:-10px;	/* adjusting margin so border is inline with parent ul */						   
								}
								div#secondary_column ul#subnav li ul li {
									padding-top:6px;
									padding-left:10px;
									border-top:1px solid #2e2e2e;
									}
									
									div#secondary_column ul#subnav li ul li ul {   /* quaternary level */ 
										list-style-type:none;
										margin-left:-20px;  /* adjusting margin so border is inline with parent ul */									  
										}
										 div#secondary_column ul#subnav li ul li ul li {
											padding-left:20px;
											}
											
								
								
								/* border adjustements */
								div#secondary_column ul li ul#subnav, div#secondary_column ul#subnav li ul li ul {
									border:none;
									}
							   
								div#secondary_column ul#subnav li.first {
									border:none;
									}								
									div#secondary_column ul#subnav li ul li.first {
										border-top:1px solid #2e2e2e;
										}
							
							
																		
				
				/* Content Toolbar (send to a friend and print) */	
						
				ul.content_toolbar {
				    float:left;
					list-style-type:none;
					position:absolute;
					bottom:-10px;
					left:160px;
					}
					ul.content_toolbar li {
						float:left;
						padding:5px 10px 8px 8px !important;
						background:#b1b1b6;
						margin:0 5px 0 0 !important;
						line-height:2em;
						}

				
				
				
				/* Primary Column */
				div#primary_column {					
					width:848px;
					float:right;
					background-color:#000;					  
					}	 
				
					/* adjust margin when there is no background image coming from ektron */
					div#primary_column.no_bg div#main_content {
						margin-top:20px;
						padding-bottom:40px;
						float:left;
						display:inline;
						}
					
					/* adust height and margin on trasactional pages - background image shorter */
					div#transaction_page_divider {
						width:848px;
						height:135px;
						float:right;
						}
					div#primary_column.header_bg div#main_content {
						margin-top:20px;
						}
						
								   
					div#primary_column div#main_content {
						width:808px;
						margin-top:-135px;  /* here we push content up to lay on top of transparent div */
						padding:0px 20px;
						color:#fff;
						min-height:400px;	
						}
						div#primary_column div#main_content a {  
							text-decoration:underline;						  
							}
						div#primary_column div#main_content a:hover {
							text-decoration:none;
							}
						 /* unordered lists */   
						 div#wrapper.two_col div#content div#primary_column ul {
							margin-left:0;
							}
							div#wrapper.two_col div#content div#primary_column ul li {
								font-size:1.1em;
								line-height:1.5em;
								list-style-position:inside;
								margin-top:.5em;
								margin-bottom:.5em;
								}
								div#wrapper.two_col div#content div#primary_column ul li ul {
									font-size:.9em;
									}
							
							div#wrapper.two_col div#content div#primary_column ol {
								color:#fff;						
								margin-left:0;
								}
							div#wrapper.two_col div#content div#primary_column ol li {
								font-size:1.1em;
								list-style-position:inside;
								margin-top:.5em;
								margin-bottom:.5em;
								}
								div#wrapper.two_col div#content div#primary_column ol li ol {
									margin-left:12px;
									font-size:.9em;
									}
					
													
						 /* full wrapper width bg image anchor */
						 div#primary_column div#main_content a.image_link {
							position:absolute;
							display:block;
							width:845px;
							height:300px;
							top:-328px;
							left:0px;
							}
							div#primary_column div#main_content a.image_link span {
								position:absolute;
								left:-5001px;
								}		
								
								/* repeating border in content, and default padding */
								div#primary_column div#main_content div#main_inner_content {
									float:left;
									background:url(../images/common/inner_content_border.gif) repeat-y 55px 0;
									padding-bottom:10px;
									margin-bottom:20px;
									}
									div#wrapper.two_col.grey div#primary_column div#main_content div#landing div#main_inner_content {
										background:url(../images/common/inner_content_border.gif) repeat-y 105px 0;
										}
									
									
					/* General Content Two Column Structure */
					div#primary_column div#main_content div#inner_primary {
						float:left;
						width:500px;
						margin-right:50px;
						}								
					div#primary_column div#main_content div#inner_secondary {
						float:left;
						width:250px;
						}
						div#primary_column div#main_content div#inner_secondary.checkout {
							float:right;
							margin-left:40px;
							}
						
						/* Callouts */
						div#primary_column div#main_content div#inner_secondary div.callout {
							float:left;
							width:226px;										
							padding-bottom:10px;
							/* border-top:1px solid #85776b;	 */															   
							}
							div#primary_column div#main_content div#inner_secondary div.callout div.inner_callout {
								float:left;
								width:226px;	
								margin-bottom:25px;
								padding-top:10px;
								margin-top:1px;
								/* border-top:1px dotted #998675; */
								}
								div#primary_column div#main_content div#inner_secondary div.callout a.button, div#primary_column div#main_content div#inner_secondary div.callout input.button {
									float:none;
									height:20px;
									width:60px;
									line-height:1.5em;
									}
								div#primary_column div#main_content div#inner_secondary div.callout h3, div#primary_column div#main_content div#inner_secondary div.callout h4 {
									font-size:1.2em;
									line-height:1.4em;
									color:#545454;
									padding:5px 0;
									margin-bottom:10px;
									text-transform:uppercase;
									border-top:1px solid #bdbcbb;
									border-bottom:1px solid #bdbcbb;
									}
								div#primary_column div#main_content div#inner_secondary div.callout img {
									margin-bottom:8px;
									}
								div#primary_column div#main_content div#inner_secondary div.callout fieldset img {
									margin-bottom:auto;
									}
									
								/* remove borders and padding from first callout */	
								div#primary_column div#main_content div#inner_secondary div.callout.first {
									padding:0;
									border:none;
									}
									div#primary_column div#main_content div#inner_secondary div.callout.first div.inner_callout {
									padding:0;
									border:none;
									}
						
					
					/* Static Content Page Layout */
					div#primary_column div#main_content div#static_template {
						}
						
														
					/* One Column Layout */							
					div#primary_column div#main_content div#top_callout {
						float:left;
						/*width:800px; */
						padding:0 0 20px 0;
						margin:0 0 10px 0;
						border-bottom:1px solid #acabaa;
						}
						div#primary_column div#main_content div#top_callout div.callout {
							width:170px;
							float:left;
							margin-left:40px;
							}
						div#primary_column div#main_content div#top_callout div.callout.first {
							margin-left:0px;
							}
							
						div#primary_column div#main_content div#top_callout div.callout h3 {
							border-top:1px solid #5d5d5d;
							border-bottom:1px solid #5d5d5d;
							padding:5px 0;
							}
					

			/***************** COLOR VARIATIONS  *****************/
   
			 /* Grey Content Column Styles */
			
			div#wrapper.two_col.grey div#content {
				background:url(../images/common/grey_footer_bg.gif) repeat-y bottom left;
				}
				div#wrapper.two_col.grey div#content div#primary_col_transp {
					background:url(../images/common/grey_content_transp.png) repeat top left;
					}
				   div#wrapper.two_col.grey  div#content div#primary_column {
						background-color:#E3E1DF;
						}
						
						
						/* Grey Content Column Colors - HTML */						
						div#wrapper.two_col.grey div#content div#primary_column div#main_content {
							color:#000;
							}							
							div#wrapper.two_col.grey div#content div#primary_column ul {
								color:#000;						
								}
							div#wrapper.two_col.grey div#content div#primary_column ol {
								color:#000;						
								}   
								
							div#wrapper.two_col.grey div#content div#primary_column blockquote {
								color:#000;
								}								
							
							/* default bordered image style */				  
							div#primary_column div.image_border {
								/* float:left;
								border:2px solid #999;
								padding:1px;
								margin:5px 15px 10px 0; */
								}
								div#primary_column div.image_border img {
									float:left;
									margin:5px 15px 10px 0;
									border:1px solid #999;
									}
							

			div.infobox {
				background-color:#dad8d7;
				border:1px solid #cbcac8;
				margin:0pt 0pt 25px;
				padding:8px 10px 3px;
				}
				div#packages div.left_col {
				float:left;
				width:300px;
				}
				
				div#packages div.right_col {
				float:right;
				width:70px;
				}
					div.save_message {
						background-color:#000;
						border:1px solid #ddd;
						margin-top:10px;
						padding:10px;
						color:#fff;
						}
						div.save_message span.percent {
						line-height:1.2em;
						font-size:2em;
						}
			
				
				div.membershipbox {
					margin-bottom:20px;
					}
					div#primary_column div#main_content div#inner_secondary div.callout  div.membershipbox h4 {
						padding:0;
						border:none;
						}
				fieldset#formPromoCode {
					margin:0;
					}
					 fieldset#formPromoCode label {
						text-align:left;
						padding-bottom:3px;
						}
			
							
			/* Arrow Links */
			
			  div#primary_column div#main_content a.button {
					float:right;
					font-family:Arial, Verdana, Sans-Serif;
					color:#000;
					font-size:11px;
					line-height:1em;
					font-weight:bold;
					text-transform:none;
					padding-right:17px;
					background:url(../images/common/link_arrow_right.gif) no-repeat center right;
					text-decoration:none;
					border:none;
					cursor:pointer;				  
					text-decoration:none;
					}
					input.button {
						padding:0 10px 0 0;
						border:none;
						font-weight:bold;						
						font-size:11px;
						background:url(../images/common/link_arrow_right.gif) no-repeat center right;
						cursor:pointer; 
						}
				
		
					div#wrapper.two_col.grey div#content div#primary_column a.button.left {
						padding-right:0;
						padding-left:17px;
						background:url(../images/common/link_arrow_left.gif) no-repeat center left;
						}
					
					
					div#primary_column div#main_content a.button.no_float {
						float:none;
						}
					div#primary_column div#main_content a.button.floatleft {
						float:left;
						}
			
			
			/*** Waiting Room Styles ***/
			
			
			div#waiting_room div.twoCols {
				width:800px;
				margin-bottom:30px;
				}
			   div#waiting_room div.twoCols div.colA {
					display:inline;
					float:left;
					width:500px;
					}
			   div#waiting_room div.twoCols div.colB {
					display:inline;
					float:right;
					width:280px;
					}
					
				div.progressbar {
					height: 10px;
					margin: 0 0 1.0em 0;
					background: url(../images/common/progress.gif) no-repeat center;
					}
		
		
			
			
				
		
		
		
		div#wrapper.two_col div#content div#primary_column ul.past_prod_list {
			float:left;
			list-style-type:none;
			}
			div#wrapper.two_col div#content div#primary_column ul.past_prod_list li {
				float:left;
				width:230px;
				margin-right:15px;
				font-size:1em;
				margin:10px 0;
				display:block;
				min-height:90px;
				}
				div#wrapper.two_col div#content div#primary_column ul.past_prod_list li span.image_col {
					float:left;
					width:70px;
					margin-right:10px;
					}
					div#wrapper.two_col div#content div#primary_column ul.past_prod_list li span.image_col img {
						width:70px;
						height:70px;
						}
						
				div#wrapper.two_col div#content div#primary_column ul.past_prod_list li span.copy_col {
					float:left;
					width:150px;
					clear:right;
					}
					div#wrapper.two_col div#content div#primary_column ul.past_prod_list li span.copy_col p {
						margin-top:0px;
						clear:right;
						}