/* CSS Document */
body			{	background-color: #424242;
					color: #333;
					padding: 0;
					margin: 0;
					

				}
/*  ********************  WEBSITE CONTAINER  ********************  */

#container		{	width: 95%;
					margin: 10px auto;
					background: url(layout-images/utilitiesbar.gif) repeat;
					background-color: #424242; /*To add nice border*/
					line-height: 130%;
					min-width: 510px; /* This is so that the main window stops before totally colapsing on itself*/
				}
/*  *************************************************************  */

/*****                ROUNDED CORNER INFORMATION               *****/


		/*  HEADER  */
			.roundpanelhead		{	width: 100%; /*To match width of column/div inside it*/ color: #fff; }
			.roundpanelhead p	{	margin: 0 10px;	}
			.roundtophead		{	background: url(headerTR.gif) no-repeat top right; }
		/************/
					
		/*  All NAV COLUMNS */		/*All nav elements combined*/
			.roundpanel, .roundpanel2, .roundpanel3	{ width: 150px; background-repeat: repeat-x; color: #fff; }
			.roundpanel p, .roundpanel2 p, .roundpanel3 p	{ margin: 0 10px; }
			.roundtop, .roundtop3		{ background: url(columnTR.gif) no-repeat top right;  }
			.roundtop2		{ background: url(gridTR.gif) no-repeat top right;  }

			.roundbottom, .roundbottom2				{ background: url(columnBR.gif) no-repeat top right; }
													
			* html .roundpanel	{ background-image: url('columnback.gif'); background-color: #515151; }
			.roundpanel			{ background-image: url('columnback.gif'); background-color: #515151; }
			.roundpanel2		{ background-image: url('gridback.gif'); background-color: #515151; }
			.roundpanel3 		{ background-image: url('R-columnback.gif'); background-color: #515151; }
			
			.roundbottom3 		{ background: url(R-columnBR.gif) no-repeat top right; }
			
			img.corner			{ width: 15px; height: 15px; border: none; display: block !important; }
		/********************/	
									
		/*  MAIN AREA  */
			.mainroundpanel		{ background: url(layout-images/mainheader.gif) repeat-x; color: #fff; width:auto; margin: 0; padding: 0; background-color: #fff;
									}
									* html .mainroundpanel {background-color: white;}
								/*  Changing from 98% evens everything up but breaks in IE, need hack*/
			.mainroundpanel p 	{ margin: 0; }
					
			.mainroundtop 		{  background: url(mainTR.gif) no-repeat top right; background-color: blue;
			
				
			 }
			.mainroundbottom 	{ background: url(mainBR.gif) no-repeat bottom right; background-color: blue; }
		/***************/
					
		/*  FOOTER  */
			.roundpanelfooter	{ width: 100%; color: #fff; margin: 0; padding: 0; border-top: 2px solid #fff; background: url('layout-images/headerbk.gif') repeat-x; }
								/* Set to match width of column or holding div inside it*/
			.roundpanelfooter p { margin: 0 10px; }
							
			.roundtopfooter 	{ background:url(layout-images/bottombar.gif) repeat-x; background-color: #424242; border-bottom: 1px solid #fff; }
			.roundbottomfooter	{ background: url(footerBR.gif) no-repeat top right; }
							
			img.sqcorner 		{ width: 10px; height: 10px; border: none; display: block !important; }
		/************/
		
/*******************************************************************/

/*  ********************  SITE HEADING SECTION  ********************  */

#siteheader		{	padding: 0;
					margin: 0 0 20px 0;
					color: #333;
					height:90px;
					background: url('layout-images/headerbk.gif') repeat-x; 
					border-bottom: 1px solid #fff;
					background-color: #EA330F;
				}
			
#siteheader h1	{	padding: 8px 5px;
					margin: 5px 15px 2px 0;
					position: absolute; 
					z-index: 2;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					letter-spacing: 5px;
					color: #fff;
				 }
				
				
		
								* html #headimage { display/**/: none; }
								#headimage	{	
												 position: absolute; 
												 z-index: 1;
												 margin: 0;
												 padding: 0;
											 }
								
.headerlist	{	list-style: none;
				margin: 0;
				padding: 0;
				position:absolute; top:97px; right:26px;
				text-decoration: none;


			} 
			
.headerlist ul	{	list-style-type: none;
					margin: 2px 7px 0 0;
					padding: 0;
				}
* html .headerlist ul { margin-right/**/: 6px; }
					
.headerlist ul li { display: inline;
					text-decoration: none;}

.headerlist a			{	font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: small;
							margin: 2px; /* Was margin: .1em, being changed to px to control exactly*/
							color: #fff;
							padding: 0 4px; /* Was padding: 0 .2em, being changed to px to control exactly*/
							text-decoration: none;
						}
.headerlist a:hover	{	background-color: #fff;
					color: #424242;

				}	
.active3 a	{color: #424242; border-bottom: 1px solid #353F4A; background-color: #fff; }

/*  ****************************************************************  */

#innercontainer	{	margin: 0;
					padding: 0;
					border-top: 2px solid #fff;
					border-bottom: 10px solid #424242;
					background-color: #f2f2f2;
				}
							
/*  ********************  LEFT COLUMN  ********************  */

#leftcolumn		{	float: left;
					width: 150px;
					margin: 0;
					padding: .8em 0 0 .6em; /* Set to zero to move over to edge*/
					color: #333;
					/*background-color: brown; /*To show boundries*/
				}
			
		#topsection		{	width: 150px;
							padding: 0;
							margin: 0;
							background-color: #28496B;
						}
					
		#bottomsection	{	width: 150px;
							padding: 0;
							margin: 0;
							background-color: #28496B;
						}
						
						* html #bottomstar { display/**/: none; }

						#bottomstar	{ 			position: absolute; 
												z-index: 2;
												top: 305px;
												left: 20px;
												margin: 0;
												padding: 0;
												 }
/*  *******************************************************  */

/*  ********************  MAIN NAVIGATION STYLING ********************  */

.nav			{	list-style: none;
					margin: 0;
				}
.nav ul			{	list-style-type: none;
					margin: 0;
					padding: 0;
				}
.nav li			{	margin: 0 0 0 0;
					font-family: Verdana, Arial, Helvetica, sans-serif;
				}
.nav a			{	display: block;
					color: #fff;
					width: 130px;
					padding: 3px 0 3px 20px;
					text-decoration: none;
				}
.nav a:hover	{	background: url(testrolloverimage.gif) no-repeat 100% 0px;
					background-color:#fff;
					color: #444;
				}
.active a		{	display: block;
					color: #fff;
					background-color: #8DBE35;
					width: 130px;
					padding: 3px 0 3px 20px;
					text-decoration: none;
					background: url(testrolloverimage.gif) no-repeat 100% -27px;
				}
/*  ******************************************************************  */

/*  ********************  Small SQ Navigation  ********************  */


/*  **********  SQ CSS  **********  */

#nav2					{	padding: 0;
							margin: 0;
						}

#nav2 #grid				{	/*background-color: #2A4F76;*/
							padding: 0 15px; /*Bug with IE, this makes all work but need to add extra so IE can have bottom padding of 0*/
							margin: 0;
							color: #333;
							height: 207.5px;
							width: 120px; /* Controls the width of the holder for the sq buttons
									*REM Width = padding + block width + padding*/
						}
							
* html #nav2 #grid		{	padding: 0 15px;
  							margin: 0;
  							height: 190px;
						}	
							
#nav2 #grid ul			{	list-style-type: none;
							margin: 0;
							padding: 0;
							width: 20px;
							/* xborder-right: 1px solid red;*/
						}
					
/*Below Ive added display block to test */
#nav2 #grid li			{	display: block;
							float: left;
							margin: 0;
							padding: 0; /* Controls the spacing or padding between each sq*/
							/* xborder-top: 1px solid black;
							xborder-right: 1px solid black;
							xborder-bottom: 1px solid black;
							xborder-left: 1px solid blue; */
						}
			
#nav2 #grid a			{	display: block;
							color: white;
							/*background-color: #2A4F76;*/
							width: 20px;
							padding: 0; /* To make grid solid*/
							text-decoration: none;
							text-align: center;
							/* border-left: 1px solid red;*/
						}
	
#nav2 #grid a:hover		{	background-color: #8DBE35;
							color: #fff;
							background: url(gridrollover.gif) no-repeat 100% 0px;
						}

#nav2 #grid span		{	display: block;
						}

#nav2 #grid .active2 a	{	display: block;
							color: white;
							background-color: #8DBE35;
							width: 20px;
							padding: 0; /* To line up with grid */
							text-decoration: none;
							text-align:center;
							background: url(gridrollover.gif) no-repeat 100% -21px;
						}
#nav2 #grid .active2 .tankard	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .flask		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .trophies	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .golf		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .special	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .child		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .wedding	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .grad		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .welsh		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .irish		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .scottish	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .buckles	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .Scrimshaws{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .gifts		{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .country	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .mackintosh{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .celtic	{ color: black; background-color: #8DBE35; }
#nav2 #grid .active2 .knox		{ color: black; background-color: #8DBE35; }

/*  ***************************************************************  */

/*  ********************  RIGHT COLUMN  ********************  */

#rightcolumn	{	float: right;
					width: 150px;
					color: #333;
					margin: 0;
					padding: .8em .6em 0 0; /* Set to zero to move over to edge*/
				}		
				
				
				
				
/*  ********************************************************  */

/*  ********************  MAIN COLUMN  ********************  */

#maincontent	{	margin-left: 178px; /* Controls how close to each column main window is*/
					margin-right: 178px;
					padding: .8em 0px 0px 0px;
					background-color: #f2f2f2;
				}


#nonethumbs	{ 		padding: 10px 0 0 0;
					margin: 0;
					min-width: 50%;
				}
#nonethumbs img	{ float:left; padding:0; margin: 0;}
#nonethumbs .clear {clear: both;}
				
/* Hidesfrom IE-mac \*/
		#nonethumbs {height:1%;}
		/*End hide from IE-mac*/ 	
						
		/* Hidesfrom IE-mac \*/
		#toholdthumbs {height:1%;}
		/*End hide from IE-mac*/ 

#toholdthumbs	{ 	padding: 10px 0 0 0;
					margin: 0;
					min-width: 50%;
					background-color: white;
				}
	

			/*  *****  MAIN AREA THUMBNAILS  *****  */

.float 			{	float: left;
  					width: 102px; /* To hold image of 100px and border of 1px so 1+100+1=102*/
  					margin: 0 0 15px 12.5px;
  					padding: 2px;/*controls the white border effect*/
  					background-color: #fff;
  					color: #333;
  					display: inline;
					border: none;
				} /*All borders removed to validate*/
	
	* html .float { margin-left/**/: 10px; }
	

div .float img	{ 	padding: 0px;/*All borders removed to validate*/
					margin: 0px;
					width:100px;
					height:100px;
					display:block;
					border: 1px solid black;
				} 

.container 		{	padding: 0;
  					margin: 0 0 0 0;
					background-color: #fff;
  				}

* html .container { margin/**/: 0;
							padding/**/: 0; }
		
.spacer 		{	clear: both;
  				}
			/*  *****  MAIN AREA THUMBNAILS ENDS  *****  */
			/*  **********  BREADCRUMBS  **********  */
#bread	{		
				list-style: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top:158px; 
				right: 220px; /* To be aligned with right thumb 204px*/
				text-decoration: none;
				display:block;
				float: right;
			} 
* html #bread { right/**/: 214px; }
			
#bread ul	{	list-style-type: none;
					margin: 0;
					padding: 0;
				}
					
#bread ul li { 		display: inline;
					text-decoration: none;
					}

#bread a			{	font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: x-small;
							margin: 0;
							padding: .1em;
							text-decoration: none;
							color:#fff;
						}
#bread a:hover	{	background-color: #fff;
					color: #444;
					padding: .1em;
				}		
			/*  **********  BREADCRUMBS ENDS  **********  */
				
.backtotop			{	float:right;}
.backtotop a		{	color: #353F4A; text-decoration: underline; margin: 10px; letter-spacing: 2px;
						font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:small;}	
.backtotop a:hover	{	color: #fff;}	
			
/*  *******************************************************  */

/*  ********************  SITE FOOTER  ********************  */

#sitefooter		{	clear: both;
					margin:15px 0 0 0;
					padding:0;
					color: #fff;

				}
				
									
/*  *******************************************************  */

/*  ********************  SITE TEXT CONTROLS  ********************  */

#leftnav p, #rightnav p 	{	margin: 0 0 1em 0;
							}
	
#maincontent p 				{	text-align: center;
								margin: 5px 5px 0 5px;
								padding: 0;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								color: #333;
								font-size: 10px;
								line-height: 110%;
							}		
							
#maincontent h2 			{	display:block;
								text-align: left;
								margin: 0 15px 8px 10px;
								padding: 0;
								font-family:Verdana, Arial, Helvetica, sans-serif;
								letter-spacing: 5px;
							}						
								
#content p					{	text-align: justify;
							}

#nonethumbs	h3	{	color: #333;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					margin: 10px;
					font-size:  medium;
					letter-spacing: 4px;
				}	
#nonethumbs	p	{	text-align: justify;
					padding: 2px 5px;
					color:  #131313; /* Want to use 757575 with background color*/
					line-height: 140%;
					letter-spacing: 1px;
					margin: 5px;
					}
#nonethumbs a	{text-decoration:none; color: #444; padding: 0 2px;}
#nonethumbs a:hover	{text-decoration:none; color:#fff; background-color: #3168a0;}	
#nonethumbs .dave	{padding: 0 2px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333;}
#nonethumbs .dave2	{margin: 5px 15px; padding: 0 2px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333;}
#nonethumbs .dave3	{margin: 5px 10px; padding: 0 2px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333;}
#nonethumbs a img	{border: none; color: #333;}




#nonethumbs ol	{	padding: 0; margin: 0; list-style-type: none; }
#nonethumbs ol li	{	padding: 0; margin: 2px 0 2px 200px; list-style-type: none; }
				
#nonethumbs .history	{background-color: #fff;}	
#nonethumbs img	{ border: none; margin: 5px 10px;}
#nonethumbs	.login	{ color: #444;margin: 34px 0 0 10px; float: left; font-family:Verdana, Arial, Helvetica, sans-serif;}				
#nonethumbs .bold	{color: #444; padding: 0 5px; font-weight: bolder; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #99CC33; border: 1px solid #444;}						

#sitefooter span			{	
								color: #fff;
								text-decoration: none;
								margin:0 5px;
								padding: 1px 2px;
								font-size:small;
								font-family:Verdana, Arial, Helvetica, sans-serif;
							}
							
#sitefooter a				{	
								color:#fff;
								background-color:#28496B;
								text-decoration: none;
								margin: 0 1px;
								padding: 1px 2px;

							}

#sitefooter a:hover			{	color:#28496b;
								background-color: #fff;
							}

#sitefooter #validate2	{	list-style: none;
							margin: 5px 50px 0 0;
							padding: 0;
							text-decoration: none;
							display:block;
							float: right;
						} 
* html #sitefooter #validate2 { margin/**/: 5px 21px 0 0; }

#sitefooter #validate2 ul	{	list-style-type: none;
								margin: 0;
								padding: 0;
							}
															
#sitefooter #validate2 ul li { 		display: inline;
									text-decoration: none;
									padding: 0;
									margin: 0;
							}
											
#sitefooter #validate2 a			{	font-family: Verdana, Arial, Helvetica, sans-serif;
										font-size: x-small;
										margin: 0;
										padding: 1px 2px;
										text-decoration: none;
										color: #fff;
										border: none;
									}
#sitefooter #validate2 a:hover	{	background-color: #fff;
									color: #28496b;
									padding: 1px 2px;
																	
								}		


#sitefooter #copyright			{		
									color: #fff;
									text-decoration: none;
									padding: 0 0 0 10px;
									font-size: small;
									font-family:Verdana, Arial, Helvetica, sans-serif;
								}

								
#movefooter	{ margin: 10px 0 0 0; }
/*  **************************************************************  */

/*  ********************  SITEMAP STYLING  ********************  */
.sitemap	{font-family: Verdana, Arial, Helvetica, sans-serif;}
.sitemap ol	{	padding: 0; margin: 0; list-style-type: none; }
.sitemap ol li	{	padding: 0; margin: 10px 10px 10px 120px; }
.sitemap ol li a	{	padding: 1px 2px; margin: 0; text-decoration: none; font-size: 16px;  font-weight: bold; color:#131313; }
.sitemap ol li a:hover	{	color: #fff; background-color: #E14F15; }

.sitemap ol li ol	{	margin: 0 0 0 80px ; list-style-type: none; }
.sitemap ol li ol li	{	padding: 0; margin: 10px 0; }
.sitemap ol li ol li a	{	padding: 1px 2px; margin: 10px 0; text-decoration:none; font-size: 14px; font-weight: normal; color: #131313; }
.sitemap ol li ol li a:hover	{ color: #fff; background-color: #8DBE35;}

/*  ***********************************************************  */

#sitefooter #da3	{		float:right;
				list-style:none;
				margin: 5px 25px 0 0;
				padding: 0;
				}
				
#sitefooter #da3 a, #da3 span	{		font-family: Verdana, Arial, Helvetica, sans-serif;
							list-style-type: none;
							font-size: x-small;
							color: #333;
							margin: 0;
							padding: 1px 2px;
							text-decoration: none;
							border: none;
					}
#sitefooter #da3 a	{		background-color: #CCCCCC;
							border: 1px solid #333;
					}
		
#sitefooter #da3 a:hover	{	color:#333;
								background-color: #99CC33;
								padding: 1px 2px;
				}