@charset "UTF-8";
/* CSS Document */

	/* IMPORTANT - when altering rules here be careful to check they may need altering in IE Overrules CSS */


/* #test				{height: 100px;
					 width: 800px;
					 background-color: #F00;
					 margin-top: -8px;
} */

body				{background-color: #666666;
					 font-family: Verdana, Arial;
					}
					
.no_image_link_border 	{border: none;
						}
						
a					{text-decoration: none;
					 color: #000099;
					}

		/* For occasional span tags use underline for links  */

.underline			{text-decoration: underline;
					}
					
		/* Div Tag for NEW image above shop nav button */
					
.new				{
	position: absolute;
	left: 572px;
	top: 978px;
	width: 49px;
	height: 45px;
					}
					
.dark_bold			{color: #333333;
					 font-weight: bold;
					}
					
.black_ink			{color: #000000;
					}
					
.red_ink			{color: #CC0000;
					}
					
	/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
#body				{
					 background-color: #FFFFFF;
					 padding-top: 12px;
					 border-left: solid 1px ;
					 border-right: solid 1px ;
					 border-bottom: solid 1px ;
					 margin: 1px auto 0;   /* IMPORTANT - This centers the whole website */
					 width: 800px;
					 }

.outer_div			{text-align: center;
					}	
					
.copyright			{font-family: Futura, Helvetica, Arial;
					 font-size: 10px;
					 color: #999999;
					}
					
	/* Rules off top navigational area */

.hr			  		  {background: #666666;
					 background-repeat: repeat-x; 
					 height: 9px;
					 margin-top: 6px; /* Allows a little area below top nav text to breathe */
					 }
					 
.hr hr		 	   {display: none;}
					
						
	/* creates background image without photo for rest of pages */
					
.main_content		{background-image: url('../images/layout_images/page_background.gif');
					 margin-top: -8px;
					 padding-left: 153px;
					 padding-bottom: -6px;
					 width: 647px;
					}
					
.sub_header			{font-family: Futura, Helvetica, Arial;
					 font-size: 18px;
					 color: #666666;
					}
					
.text_boxes			{font-family: Futura, Helvetica, Arial;
					 font-size: 14px;
					 color: #333333;
					 text-align: justify;
					 padding-right:10px;
					}
					
.clear_right		{clear: right;
					}
					
.float_text_boxes	 {font-family: Futura, Helvetica, Arial;
					 font-size: 14px;
					 color: #333333;
					 text-align: left;
					 padding-left: 10px;
					 float: right;
					 width: 350px;
					 }			 
					
.table				{font-family: Futura, Helvetica, Arial;
					 font-size: 12px;
					 color: #333333;
					}
					
					
.footer				{font-family: Verdana, Arial, Helvetica, sans-serif;
					 text-align: center;
					 vertical-align: middle;
					 font-size: 10px;
					 color: #666666;
					 clear: left;
					 background-color: #ffffff;
					 margin-bottom: 7px;
					 }
					 
.footer_td1			{width: 100px;
					padding-left: 12px;
					}
					
.footer_td2			{width: 500px;
					 font-family: Verdana, Arial, Helvetica, sans-serif;
					 text-align: center;
					 vertical-align: middle;
					 font-size: 10px;
					 color: #666666;
					}	
						
.footer_td3			{width: 600px;
				  	 padding-left: 3px;
					 padding-bottom: 3px;
					 padding-top: 3px;
					 padding-right: 10px;
					 font-size: 9px;
					}	
					 
	/* Specific Page Design CSS Starts Here */
	
	/* About Me Page Specific CSS Starts Here */	
	
.about_images		{float: right;
					 padding: 10px;
					 font-size: 10px;
					 color: #666666;
					}
					
					
	/* About Me Page Specifics CSS Ends */
	
	/* The Kit Page Specific CSS Starts Here */	
	
.kit_images		{float: right;
					 padding: 10px;
					 font-size: 10px;
					 color: #666666;
					}
					
					
	/* About Me Page Specifics CSS Ends */
	
	/* Index Page Specific CSS Starts Here */
	
#logo			{margin-top: -3px;  /* Fixes older IE browsers so as the logo doesn't protrude onto the index image */
				}
	
#email				{float: right;
					 padding-top: 6px;
					 padding-left: 3px;
					 padding-right: 12px;
					 padding-bottom: 3px;
					 font-size: 14px;
					 font-family: Verdana, Arial, Helvetica, sans-serif;
					 color: #000099;
					 }
					 
#inner-blog-area	{padding-top: 10px;
					 padding-left: 5px;
					 padding-right: 5px;
					}
					

	/* creates background image with photo for index page */


.index_main_content  {background-image: url('../images/layout_images/index_page_background.jpg');
					 margin-top: -8px;
					 padding-left: 110px;
					 padding-bottom: -6px;
					 width: 690px;
					 }
					 
	/* Important right column in index page */
					 
#float-right		{float: right;
					 width: 334px;
					 height: 807px;
					}
					
	/* First Right Div Area in index Page */
					
#top-right-area		{width: 334px;
					 height: 87px;
					 font-family: Futura, Helvetica, Arial;
					 font-size: 14px;
					 padding-top: 5px;					 
					}
					
	/* RSS Feed Div rules */
	
.rss_feed			{padding-right: 20px;
					}
					
	/* IMPORTANT: Don't alter - allows for index page image */
					
#spacer-div			{width: 334px;
					 height:186px;
					 float: left;					 
					}
					
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
#right-info-1		{width: 307px;
					 height:165px;
					 background-color: #ECECEC;
					 float: left;
					 margin-top: 6px;
					 padding-bottom: 1px;					 
					}
					
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
.right-info-1		{font-family: Futura, Helvetica, Arial;
					 font-size: 11px;
					 background-color: #ECECEC;
					 text-align: justify;
					 padding-left: 14px;
					 padding-top: 1px;
					 padding-bottom: 1px;
					}
					
		/* Use this next rule when using right info area for news */
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
.right-info-1_news	{font-family: Futura, Helvetica, Arial;
					 font-size: 12px;
					 color: #333333;
					 background-color: #ECECEC;
					 text-align: justify;
					 padding-right: 5px;
					 padding-left: 5px;
					 padding-top: 2px;
					 padding-bottom: 3px;
					}
					
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
.right-info-1_top		{font-family: Futura, Helvetica, Arial;
					 font-size: 11px;
					 background-color: #ECECEC;
					 text-align: justify;
					 padding-left: 14px;
					 padding-top: 2px;
					 padding-bottom: 1px;
					}
					
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					
#right-info-2		{width: 307px;
					 height:147px;
					 background-color: #ECECEC;
					 float: left;					 
					}
					
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
										
.right-info-2		{font-family: Futura, Helvetica, Arial;
					 font-size: 12px;
					 padding-top: 10px;
					 }
					
.float-right_info-2  {float: right;
					  width: 150px;
					 }
					
					
#right-info-3		{width: 307px;
					 height:230px;
					 background-color: #ECECEC;
					 float: left;					 
					}	
					
.right-info-3_training	{font-family: Futura, Helvetica, Arial;
					 font-size: 12px;
					 color: #333333;
					 background-color: #ECECEC;
					 text-align: justify;
					 padding-right: 5px;
					 padding-left: 5px;
					 padding-top: 2px;
					 padding-bottom: 3px;
					}								 
					 
#index-welcome-header	{font-family:'Futura', Helvetica, Arial; /* small header that welcomes visitor on index page */
					 	font-size: 1.1em;
					 	color: #333333;
						padding-top: 198px;  /* Allows for Main Page Image */
						width: 346px;
						margin-top: 1px;
						padding-left: 4px;
						}
						
#index-welcome			{font-family: Verdana, 'Futura', Helvetica, Arial;
					 	font-size: 0.7em;
						min-height: 92px; /* helps to prevent page break up in Safari if font size is set too low */
					 	color: #333333;
						width: 346px;
						padding-bottom: 5px;
						padding-left: 4px;
						}
						
.right				{float: right;
					 padding-bottom: 5px;
					 padding-left: 10px;
					 padding-top: 3px;
					 padding-right: 2px;
				     }
						
		/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
						
#index-blog		{width: 350px;
				 height: 370px;
				 overflow: auto;
				 background-color: #ECECEC;
				}
				
.blog-headings		{font-family: 'Futura', Verdana, Helvetica, sans-serif;
					 font-size: 0.9em;
					}
				
.caption		{width: 350px;
				 margin-top: 2px;
				}
				
.index-page-blog-entries	{font-family: Futura, Helvetica, Arial;
						 	font-size: 0.7em;
						 	color: #333333;
							text-align: left;
							}
							
#end-blog-caption	{width: 350px;
					 padding-bottom: 5px;
				    }
					
.blog-time			{font-size: 0.6em;
					 font-family: Futura, Helvetica, Arial;
					 color: #999999;
					}


	/* Index Page Specific CSS Ends */					 
					 
					 
	/* Gallery Pages specific CSS Starts Here */

					 
.image_borders 		{border-color: #000000;
					 border-width: 4px;
					 border-style: double;		
					}
					
.back-next			{font-size: 12px;
					 font-family: Futura, Helvetica, Arial;
					 padding-top: 8px;
					 padding-right: 30px;
					}
					
.descriptions		{font-family: Futura, Helvetica, Arial;
					 font-size: 12px;
					 color: #333333;
					 }
					 

	/* Gallery Pages specific CSS Ends Here */	
	
	/* Shop Page specific CSS Starts Here */
	
.shop_options	   {padding-top: 20px;
				   }
				   
.genre_headers	  {font-family: Futura, Helvetica, Arial;
					 font-size: 14px;
					 color: #993300;
					}
					
.individual_shop_images	{padding: 100px;
						}						
						
.shop_table_headers		{width: 200px;
						font-family: Futura, Helvetica, Arial;
					 	font-size: 12px;
					 	color: #333333;
					 	text-align: center;
						background-color: #CCCCCC;
						padding-top: 5px;
						border-collapse: collapse;
						}
						
.table_layout_mainpic {background-color: #CCCCCC;
					   padding-bottom: 10px;
					   padding-top: 2px;
					  }
					  
.table_layout_frame_options {background-color: #CCCCCC;
						     padding-top: 2px;
							 padding-bottom: 2px;
							 font-family: Futura, Helvetica, Arial;
					 		 font-size: 12px;
					 		 color: #333333;
							}
	
						
.border-collapse		{border-collapse: collapse;
						}
						
.terms					{font-family: Futura, Helvetica, Arial;
					 	 font-size: 14px;
						 color: #666666;	
						 padding-right: 70px;
						}	
				   
	/* Shop Page specific CSS Ends Here */	
	
	/* Training Page specific CSS Starts Here */
	
.courses			{font-family: Futura, Helvetica, Arial;
					 font-size: 16px;
					 color: #333333;
					 text-align: center;
					 padding-top: 15px;
					 padding-bottom: 2px;
					 float: left;
					 }
					 
.course_header		{font-family: Futura, Helvetica, Arial;
					 font-size: 16px;
					 color: #333333;
					 text-align: center;
					 padding-top: 15px;
					 padding-bottom: 2px;
					 }
					 
#jcgt_logo			{padding-top: 15px;
					}
					
#bookings			{float: right;
					 padding-top: 6px;
					 padding-left: 30px;
					 padding-right: 12px;
					 padding-bottom: 3px;
					 font-size: 14px;
					 font-family: Verdana, Arial, Helvetica, sans-serif;
					 color: #000099;
					 font-weight: bold;
					 }
					 
#back				{float: left;
					 padding-top: 6px;
					 padding-bottom: 3px;
					 font-size: 10px;
					 font-family: Verdana, Arial, Helvetica, sans-serif;
					 color: #000099;
					 font-weight: bold;
					 }
					 
#price_star			{float: right;
					 margin-left: -150px;
					 margin-right: 80px;
					 margin-top: -10px;
					 width: 80px;
					 height: 80px;
					 z-index: 1;
					}
					
#mark_pic			{float: right;
					 padding: 10px;
					 font-size: 10px;
					 color: #666666;
					}
					
.training_links		{text-decoration: underline;
					 vertical-align: middle;
					 text-align: center;
					}
	
	/* Training Page specific CSS Ends Here */		
	
	/* PayPal CSS Starts Here */
	
.view_cart			{padding-left: 15px;
					 padding-top: 10px;
					 padding-bottom: 5px;
					}	
					
.view_cart_image	{width: 80px;
					 height: 26px;
					 border: none;
					 }
					 
	/* BEWARE - Extra rules are being applied in IE Overrides CSS Page - be sure to check out */
					 
.accepted_cards	 	{float: right;
					 margin-top: -10px;
				 	}
	
	/* PayPal CSS Ends Here */