/* CSS Document */

/* Centered Container */
body { 
	text-align: center ; 
	margin: 0 ;
	vertical-align: middle ;
	background-image: url(../Media/Layout/Background_Repeat.jpg) ;
	background-repeat: repeat-x ;
	background-color: rgb(91,94,105) ;
	height: auto ;
}
	A:Link, A:Visited, A:Hover, A:Active {
		color: rgb(50,50,50) ;
	}
	h2 {
		font-family: Arial, Helvetica, sans-serif ;
		color: rgb(42,74,114) ;
		margin-left: 10px ;
	}
	Input, Select, Textarea {
		width: 150px ;
		font-size: 10px ;
		padding: 0px ;
		background-color: rgb(255,255,255) ;
		border: 1px solid rgb(150,150,150) ;
		color: rgb(150,150,150) ;
	}
		Input:Hover, Input:Focus, Select:Hover, Select:Focus, Textarea:Hover, Textarea:Focus {
			background-color: rgb(224,236,251) ;
			color: rgb(50,50,50) ;
		}
		Textarea {
			font-size: 12px ;
		}
		.SubmitButton {
			width: 75px ;
			cursor: pointer ;
			margin: 5px ;
		}
	
	.FocusElement {
		background-color: rgb(255,255,255) ;
		padding: 1px ;
	}
	#Container { 
		width: 677px ; 
		text-align: left ; 
		margin: 0px auto ;
		
	}
		#Masthead {
			background-image: url(../Media/Layout/Masthead.png) ;
			background-repeat: no-repeat ;
			width: 657px ;
			height: 88px ;
			text-align: right ;
			padding-top: 10px ;
			padding-right: 30px ;
			color: rgb(200,200,200) ;
		}
			#Masthead A:Link, #Masthead A:Visited, #Masthead A:Hover, #Masthead A:Active {
				color: rgb(200,200,200) ;
			}
		#NavigationContainer {
		}
			#NavigationContainer Img {
				float: left ;
			}
		#Content {
			background-image: url(../Media/Layout/Content_Repeat.png) ;
			background-repeat: repeat ;
			height: 100% ;
			padding: 20px ;
			font-family: Arial, Helvetica, sans-serif ;
			font-size: 12px ;
			text-align: justify ;
			color: #000000 ;
			overflow: auto ;
			clear: both ;
		}
			.ContentCopy {
				clear: both ;
				background-color: rgb(203,203,203) ;
				padding: 15px ;
				overflow: auto ;
			}
				.ContentCopyFocus {
					float: right ;
					clear: both ;
					margin-left: 15px ;
					background-color: rgb(223,223,223) ;
					border: 1px solid rgb(150,150,150) ;
					width: 175px ;
					padding: 15px ;
				}
		#Footer {
			clear: both ;
			background-image: url(../Media/Layout/Footer.png) ;
			background-repeat: no-repeat ;
			width: 677px ;
			height: 34px ;
			font-size: 12px ;
		}
			#FooterNavigation {
				margin-left: 25px ;
				margin-right: 175px ;
				font-size: 12px ;
			}
				#FooterNavigation A:Link, #FooterNavigation A:Visited, #FooterNavigation A:Hover, #FooterNavigation A:Active {
					text-decoration: none ;
					color: rgb(20,20,20) ;
				}
				#FooterNavigation A:Hover {
					text-decoration: underline ;
				}
			#FooterSiteInformation {
				float: right ;
				text-align: right ;
				font-size: 12px ;
				margin-right: 20px ;
			}
				.CreatedBy {
					color: rgb(111,114,125) ;
					font-size: 11px ;
				}
					.CreatedBy A:Link, .CreatedBy A:Visited, .CreatedBy A:Hover, .CreatedBy A:Active {
						color: rgb(131,134,145) ;
						font-weight: bold ;
					}
		.Success, .Error {
			margin: 10px ;
			padding: 10px ;
			font-size: 14px ;
			font-family: Arial, Helvetica, sans-serif ;
			color: rgb(100,100,100) ;
			font-weight: bold ;
		}
		.Success {
			border: 1px solid rgb(25,246,145) ;
			background-color: rgb(212,249,229) ;
		}
		.Error {
			border: 1px solid rgb(239,121,56) ;		
			background-color: rgb(245,202,179) ;
		}