/* CSS STYLE SHEET FOR NATURAL BRIDGE DISTRICT */

	body
			{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-variant:small-caps;
				background-image: url(../photos/gradient599454.png);
				background-position: inherit;
				background-repeat:repeat;
				color: #ffffff;
			}

/*dark blue backing*/
	#backing
			{	padding: 3px;
			border-top:#ffffff;
			border-top-style:double;
			border-right:#ffffff;
			border-right:double;
			border-bottom:#ffffff;
			border-bottom:double;
			border-left:#ffffff;
			border-left:double;
			border-width: 1px;
			width: 960px;
			background-color:#006699;
			margin-left: auto;
			margin-right: auto;
			}
/*white backing*/
		#backing_2
			{	padding:5px;
				width: 950px;
				background-color: #ffffff;
			}
		#banner
			{	padding: 15px;
				width: 920px;
				background-color: #006699;
				color:#fed65a;
				font-size: 1.5em;
				font-weight: bold;
				margin-top: 0px;
				margin-right: auto;
				margin-bottom: 5px;
				margin-left: auto;
				text-align: center;
			}
				#banner img
					{	float: left;
						padding: 0em;
						margin-top: 15px;
						margin-right: 25px;
						margin-bottom: 25px;
						margin-left: 25px;
						clear: both;
					}
				#banner h1
					{
					font-size: 1.5em;					
					font-weight: bold;
					margin-top: .5em;
					margin-bottom: .15em;
					}

/*  LEFT MENU BAR*/
		#menu						
			{	float:  left;
				width: 150px;
				padding: 0px;
				margin-top: 30px;
				margin-right:auto;
				margin-bottom: 5px;
				margin-left: 25px;
				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: 35px;
				margin-right: 0px;
				margin-bottom: 15px;
				margin-left: 25px;
			}
		#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: 100%;
				text-align: center;
				font-size: .75em;
				color: #000033;
				background-color: #ffffcc;
				padding:	0.2em 0.2em;
				border:	 1px	solid #000033;
				margin-top: 2px;
				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		Images use class distinction- width 250 px  */
		#content
			{	padding: 5px;
				margin-top: 10px;
				margin-right: 5px;
				margin-bottom: 5px;
				margin-left: 10px;
				width: 700px;
				text-align: left;
				font-size: 1em;
				font-weight: bold;
				background-color: #ffffff;
				color: #000033;
				float: right;
			}
				#content img
					{	float:	right;
						font-size: .7em;
						font-weight: bold;
						text-align: center;
						border: 2px solid #000033;
						background-color: #ffffff;
						padding: 2em;
						margin-top: 15px;
						margin-right: 15px;
						margin-bottom: 15px;
						margin-left: 15px;}
				#content ul
					{	margin-top: 	0em;
						margin-bottom: 	.5em;
						margin-left: 	3em;
						font-size: 		.8em;
						font-weight: bold;
						list-style:none;
					}
				#content p
					{	
						margin-top: 1em;
						margin-right: 0em;
						margin-bottom: .5em;
						margin-left: 2em;
					}
				#content h2
					{	text-align:center;
						font-size: 1.25em;
						font-weight: bold;
					}
				#content h3
					{	text-align: center;
						margin-top: .5em;
						margin-bottom: 1em;
						text-decoration:underline;
					}
				#content h4
					{	font-size: 1.15em;
						margin-top: 	.3em;
						margin-left: 	0em;
					}				
				#content a:link
					{	color: #0033ff;		/*#0033FF;*/
						text-decoration: underline;
					}
				#content a:visited
					{	color:	#0033ff;	/*0033FF;*/
						text-decoration: none;
					}
				#content a:hover
					{	color: #0033ff;
						text-decoration: underline;
						background-color: #ffffff;
					}
				#content a:active
					{	text-decoration: none;	
						background-color:	#00CCFF;
						color: #ffffff;
					}

/*  CONTENT AT BOTTOM  */
		#contenta
			{	padding: 5px;
				margin: 25px;
				width: 710px;
				text-align: left;
				font-size: 1.15em;
				font-weight: bold;
				background-color: #ffffff;
				color: #000033;
				float: left;
			}
		#contenta img				/*	image width- 150px	*/
			{	text-align: center;
				padding: .5em;
				margin-top: 15px;
				margin-right: 10x;
				margin-bottom: 15px;
				margin-left: 10px;
			}
		#contenta ul
			{	margin-top: 	.3em;
				margin-bottom: 	.3em;
				margin-left: 	15em;
				list-style:none;
			}
		#contenta p
			{	margin: 1em;
				font-weight:bold;
			}
		#contenta td
			{	font-size: .7em;
				font-weight: bold;
				text-align: center;
			}
		#contenta th
			{	font-size: .7em;
				font-weight: bold;
				text-align: center;
			}
		#contenta a:link
			{	color: #0033ff;		/*#0033FF;*/
				text-decoration: underline;
			}
		#contenta a:visited
			{	color:	#0033ff;	/*0033FF;*/
				text-decoration: none;
			}
		#contenta a:hover
			{	color: #0033ff;
				text-decoration: underline;
				background-color: #ffffff;
			}
		#contenta a:active
			{	text-decoration: none;	
				background-color:	#00CCFF;
				color: #ffffff;
			}

/*  FOOTER INFORMATION  */
		#footer	
			{	padding: 5px;
				margin-top: 5px;
				margin-right: auto;
				margin-bottom: 5px;
				margin-left: auto;
				width: 940px;
				background-color: #ffffff;
				color:#000066;
				/*background-image: url(../photos/new-1.jpg);*/
				text-align: center;
				font-size:	.6em;
				font-weight: bold;
				clear:both;
			}
			
/* CLASSES  */
		.clsimg_left
			{	float: left;
				font-size: .7em;
				font-weight: bold;
				border: 1px solid #000033;
				padding: 1em;
				margin-top: 0px;
				margin-right: 10px;
				margin-bottom: 15px;
				margin-left: 0px;
			}
		.clsimg_right
			{	float:	right;
				font-size: .7em;
				font-weight: bold;
				text-align: center;
				border: 2px solid #000033;
				padding: .5em;
				margin-top: 0px;
				margin-right: 100px;
				margin-bottom: 15px;
				margin-left: 10px;}
		.clsimg_nb_right
			{	float:	right;
				font-size: .7em;
				font-weight: bold;
				text-align: center;
				background-color:#666666;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 15px;
				margin-left: 10px;
			}
		.cls_table
					{
					margin-top: 2em;
					width: 100%;
					font-size: .8em;
					font-weight: bold;
					text-align: left;
					}
				.cls_table th
							{
							text-decoration:underline;
							font-size: 1.25em;
							font-weight: bold;
							text-align: left;
							}
		.cls_blue
			{ background-color: #fed65a;
			}