/* CSS Documentation for The Glorious Twelfth */
/*  PAGE BACKBGROUND  */
		body
		{	padding: 15px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background:	url(../photos/grousebgw.jpg) repeat;
			font-variant:small-caps;
		}
/*  PAGE BORDER  */
		#backing
		{	padding: 10px;
			width: 970px;
			background-color: #CCCCCC /*#999999*/;
			margin-left: auto;
			margin-right: auto;
		}

/*  PAGE BACKBGROUND  */
		#backing_2
		{	padding: 5px;
			border-top-width: 3px;
			border-top-style:groove;
			border-right-width: 3px;
			border-right-style:groove;
			border-bottom-width: 1px;
			border-bottom-style:groove;
			border-left-width: 1px;
			border-left-style:groove;
			width: 950px;
			background-color: #ffffff;		/*  #ffff00 for contrast */
		}

/*  BANNER */
		#banner	
		{	padding: 0px;
			margin-top: 5px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 15px;
			width: 940px;
			background-color:#ffffff;
			background:	url(../photos/photos/banner.jpg) repeat;
			color: #000033;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;	}
					#banner img
					{	
						margin-top: 0px;
						margin-right: auto;
						margin-bottom: 0px;
						margin-left: auto;
				border:	 2px	solid #000033;
						float:left;
						}
					#banner ul
					{
					padding-left: 0;
					margin-right:0;
					margin-left:2em;
					list-style-type:none;
					}
					#banner li
						{ float: left;}
					#banner a
						{
							padding: 3px;
							background-color: #ffffff;
							border: 1.5px solid #000033;
							border-right: 3px solid #000033;
							border-bottom: 4px solid #cc0000;
							width: 10.25em;
							height: 3.5em;
							font-size: .5em;
							margin-bottom: .5em;
							display: block;
						}
					#banner a:link
						{	
						color: #ffffff;						/*#0033FF;*/
						border-top: 1px  solid  #cc0000;
						border-right: 2px  solid  #cc0000;
						border-bottom: 2px solid #cc0000;
						border-left: 1px solid #cc0000;
							background-color: #000033;
							text-decoration: none;
						}
					#banner a:visited
						{	
						color:	#ffffff;
						border-top: 1px  solid  #cc0000;
						border-right: 2px  solid  #cc0000;
						border-bottom: 2px solid #cc0000;
						border-left: 1px solid #cc0000;
						background-color: #000033;
						text-decoration: none;
						}
					#banner a:hover
						{
						background-color:#cc0000;
						border-top: 1px  solid  #cc0000;
						border-right: 2px  solid  #cc0000;
						border-bottom: 2px solid #cc0000;
						border-left: 1px solid #cc0000;
						color: #ffffff;
						text-decoration: none;
						}
					#banner a:active
						{
						background-color:#ff6600;
						border: 1.5px solid #ff6600;
						border-right: 3px solid #ff6600;
						border-bottom: 4px solid #ff6600;
						color: #ffffff;
						text-decoration: none;
						}
/* Menu  */
		#menu						
			{	float:  left;
				width: 150px;
				padding: 0px;
				margin-top: 30px;
				margin-right:auto;
				margin-bottom: 5px;
				margin-left: 15px;
				text-align:	left;
				line-height: 1.15;
				background-color:  #ffffff;
				font-size:	.8em;
				font-weight: bold;
				color: #000033;
			}
		#menu img				/*	image width- 130px	*/
			{	text-align: center;
				padding: .25em;
				margin-top: 15px;
				margin-right: 0px;
				margin-bottom: 15px;
				margin-left: 0px;
			}
		#menu ul
			{	text-align: center;
				float:left;
				width:91%;
				font-size: .90em;
				background-color: #ffffff;
				margin-top: 1px;
				margin-right: 0px;
				margin-bottom: 8px;
				margin-left: 0;
				padding-left: 1.15em;
				list-style:none;
			}
		#menu a
			{	float: left;
				width: 90%;
				text-align: center;
				font-variant:small-caps;
				font-size: .75em;
				color: #000033;
				background-color: #ffffcc;
				padding:	0.2em 0.2em;
				border:	 1px	solid #000033;
				margin-top: 5px;
				display: inline;
				list-style: none;
			}
		#menu a:link
			{	color: #0033ff;		/*#0033FF;*/
				text-decoration: none;
				display: list-item;
			}
		#menu a:visited
			{	color:	#0033ff;	/*0033FF;*/
				text-decoration: none;
			}
		#menu a:hover
			{	color: #ff0000;
				text-decoration: underline;
			}
		#menu a:active
			{	text-decoration: none;	
				background-color:	#00CCFF;
				color: #ffffff;
			}
		#menu li 
			{	display: inline;}
/*  CONTENT  */
	#content
	{	padding: 5px;
		margin-top: 15px;
		margin-right: 15px;
		margin-bottom: 5px;
		margin-left: 25px;
		width: 710px;
		text-align: left;
		line-height: 1.5em;
		font-size: .9em;
		font-weight: bold;
		background-color: #ffffff;
		color: #000033;
		Float: right;
	}
				#content ul
				{	text-decoration:none;
					list-style-type:none;
					text-align: left;
					line-height: 1.5em;
					margin-top: 0px;
					margin-bottom: 25px;
					margin-left: 0;
				}
				#content h2
				{	text-align: left;
					color: #cc0000;	/*#ff6600;*/
				}
/*  FOOTER INFORMATION  */
		#footer	
		{	clear: both;
			background-color: #ffffff;
			color:#999999;
			padding: 5px;
			margin-top: 5px;
			margin-right: 15px;
			margin-bottom: 5px;
			margin-left: 215px;
			width: 710px;
			text-align: center;
			font-size:	.6em;
			font-weight: bold;
			}
/*  FOOTER MENU */
		#footer_2
		{	padding: 5px;
			margin-top: 5px;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 5px;
			width:940px;
			height: 2.5em;
			text-align: center;
			line-height: 1.75;
			font-size:	.6em;
			font-weight: bold;
			margin-bottom: 2em;
			background: #ffffff;
			color: #336633;
		}
		#footer_2 ul
		{	text-align: center;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		#footer_2 a
		{	float:	none;
			width: 12em;
			text-decoration:none;
			color: #ffffff;
			background-color: #000033;
			padding: 0.5em 0.7em;
			border-top: 1px  solid  #cc0000;
			border-right: 2px  solid  #cc0000;
			border-bottom: 1px solid #cc0000;
			border-left: 1px solid #cc0000;
		}
		#footer_2 a:hover
		{	background-color: #cc0000;
			color: #ffffff;
		}
		#footer_2 li {display:inline;}
/*CLASSES*/
		.clsimgleft
		{	float: left;
			font-size: .7em;
			font-weight: bold;
			border:  1px	solid #cc0000;
			padding: .75em;
			margin-top: 5px;
			margin-right: 15px;
			margin-bottom: 25px;
			margin-left: 5px;}
		.clsimgright
		{	float:	right;
			font-size: .7em;
			font-weight: bold;
			border:  1px	solid #cc0000;
			padding: .5em;
			margin-top: 5px;
			margin-right: 0px;
			margin-bottom: 25px;
			margin-left: 15px;}
		.clsimg_center
		{	float: left;
			font-size: .7em;
			font-weight: bold;
			border:  1px	solid #336633;
			padding: .5em;
			margin-top: 5px;
			margin-right: 0px;
			margin-bottom: 25px;
			margin-left: 15px;}
		.content_img
		{	
			border:  1px	solid #336633;
			padding: .5em;
			float:	right;
			font-size: .7em;
			font-weight: bold;
			margin-top: 5px;
			margin-right: 0px;
			margin-bottom: 25px;
			margin-left: 15px;
		}
		.img_map
		{	
			clear: both;
			float: left;
			font-size: .7em;
			font-weight: bold;
			text-align: center;
			margin-right: auto;
			margin-bottom: 20px;
			margin-left: auto;
			background-color:	#ffffff;}
					#img_map p
					{	text-align: center;}
		.cls_table
					{
					width: 80%;
					margin-left: auto;
					margin-right: auto;
					text-align: left;
					}
					.cls_table th
								{
								font-size: 1em;
								font-variant:small-caps;
								font-weight: bold;
								color: #ff6600;
								border-bottom: 1px solid #cc0000;
								text-align: left;
								}
					.cls_table td
								{
								font-size: .75em;
								font-variant:small-caps;
								font-weight: bold;
								border-bottom: 1px solid #cc0000;
								}
		.cls_table2
					{
					width: 90%;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					}
					.cls_table2 img
					{	float: none;
						border:  1px	solid #cc0000;
						padding: .75em;
						margin-top: 5px;
						margin-right:auto;
						margin-bottom: 5px;
						margin-left:auto;}
					.cls_table2 th
								{
								font-size: 1.25em;
								font-weight: bold;
								color: #cc0000;
								text-align: left;
								}
					.cls_table2 td
								{
								font-size: 1em;
								font-weight: bold;
								text-align: center;
								}
					.cls_table2 h3
								{
								font-size: 1.5em;
								font-weight: bold;
								text-align: center;
								margin-top: 5px;
								margin-bottom: 5px;
								}
					.cls_table2 a
						{
							padding: 2px;
							background-color: #ffffff;
							width: auto;
							margin-bottom: .5em;
							display:inline;
						}
					.cls_table2 a:link
						{	
						color: #0033ff;						/*#0033FF;*/
						background-color: #ffffff;
						text-decoration: none;
						}
					.cls_table2 a:visited
						{	
						color: #0033ff;						/*#0033FF;*/
						background-color: #ffffff;
						text-decoration: none;
						}
					.cls_table2 a:hover
						{
						background-color:#ffffff;
						color: #cc0000;
						text-decoration: none;
						}
					.cls_table2 a:active
						{
						background-color:#ff6600;
						border: 1.5px solid #ff6600;
						border-right: 3px solid #ff6600;
						border-bottom: 4px solid #ff6600;
						color: #ffffff;
						text-decoration: none;
						}
		.cls_table3
					{
					width: 90%;
					margin-right: auto;
					margin-left: 0;
					text-align: center;
					}
					.cls_table3 img
					{	float: none;
						border:  1px	solid #cc0000;
						padding: .75em;
						margin-top: 5px;
						margin-right:auto;
						margin-bottom: 5px;
						margin-left:auto;}
					.cls_table3 th
								{
								font-size: 1.25em;
								font-weight: bold;
								color: #cc0000;
								padding-bottom: 2em;
								text-align: left;
								}
					.cls_table3 td
								{
								font-size: 1em;
								font-weight: bold;
								text-align: left;
								border-bottom: 1.5px solid #ff6600;
								}
					.cls_table3 h3
								{
								font-size: 1.5em;
								font-weight: bold;
								text-align: center;
								margin-top: 5px;
								margin-bottom: 5px;
								}
					.cls_table3 a
						{
							padding: 2px;
							background-color: #ffffff;
							width: auto;
							margin-bottom: .5em;
							display:inline;
						}
					.cls_table3 a:link
						{	
						color: #0033ff;						/*#0033FF;*/
						background-color: #ffffff;
						text-decoration: none;
						}
					.cls_table3 a:visited
						{	
						color: #0033ff;						/*#0033FF;*/
						background-color: #ffffff;
						text-decoration: none;
						}
					.cls_table3 a:hover
						{
						background-color:#ffffff;
						color: #cc0000;
						text-decoration: none;
						}
					.cls_table3 a:active
						{
						background-color:#ff6600;
						border: 1.5px solid #ff6600;
						border-right: 3px solid #ff6600;
						border-bottom: 4px solid #ff6600;
						color: #ffffff;
						text-decoration: none;
						}