body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-left: -10px;
	margin-right: -10px;
	background-color: #fff;
}

.HeaderBg {
	background: #fff url(/images/header_background.png) repeat-x scroll bottom;
	height: 200px;
	width: 100%;
	margin-bottom:0px;
	/*border: 1px #aaa solid;*/
	background-color: #fff;
}

#Header {
	display:block;
	margin-left: auto; margin-right: auto;
	text-align:center;
	/*border: 1px #aaa solid;*/
	background-color: transparent;
}

.BodyBg {
	margin-top:-1px;
	background: #fff url(/images/body_background.png) repeat-x scroll top;
	min-height: 150px;
	width: 100%;
	border: 1px transparent solid; /* Firefox bug fix */
	background-color: #fff;
}

.PageBody {
	width: 700px;
	margin-left: auto; margin-right: auto; 
	padding: 0px;
	background-color: transparent;
}

#Navigation {  /* wrong indentation and hierarchy */
	display: block;
	width: 100%;
	/*border: 1px #aaa solid;*/
}

#Navigation a {
	background-color: #EEF1F7;
	color: #2C50A2;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
	float: right;
	margin-right: 3px;
}

#Navigation a:hover {
	background-color: #E9ECE4;
	color: #14D232;
}
			
#PageContent {
	width: 700px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#PageContent h2 {
	color: #4667AE;
}
	
#PageContent h2 em {
	color: white;
	background: #14D232;
	padding-left: 8px;
	padding-right: 10px;
}

#PageContent #LeftColumn p {
	margin: 0; margin-bottom: 1em;
	font-size: 1em;
}

#PageContent #LeftColumn {
	color: #16377E;
	margin: 0; 
	padding: 0;
	padding-right: 20px;
	width: 418px;
	text-align: justify;
	float: left;
	background: url(../images/vertical_seperator.png) no-repeat scroll right 40px;
	font-size: 1em;
}
	
#PageContent #LeftColumn.home {
	background: url(../images/vertical_seperator.png) no-repeat scroll right top;
	font-size: 1.15em;
}
	
#PageContent #LeftColumn h3, #bottom .left h3 {
	margin: 0; margin-bottom: 0.5em;
	padding: 0;
	color: #2C50A2;
}

#PageContent #RightColumn {
	margin: 0; 
	padding: 0;
	padding-left: 20px;
	padding-top: 10px;
	width: 238px;
	text-align: center;
	float: right;
}
		
#PageContent #RightColumn form {
	margin-top: 2.5em;
}
		
#PageContent #RightColumn a.signup {
	width: 200px;
	font-size: 22px;
	padding: 15px;
	display: block;
	text-align: center;
	border-bottom: 3px solid #1A3061;
}
		
#PageContent #RightColumn a.signup:link {
	background-color: #2C50A2;
	color: white;
	text-decoration: none;
}
#PageContent #RightColumn a.signup:visited {
	background-color: #2C50A2;
	color: white;
	text-decoration: none;
}
#PageContent #RightColumn a.signup:hover {
	background-color: #14D232;
	border-bottom: 3px solid green;
}
#PageContent #RightColumnt a.signup:active {}



/**********************************************************************************************************************************************************/
/***** Sub-Page specific styles ***************************************************************************************************************************/
/**********************************************************************************************************************************************************/
.Sub-HeaderBg {
	background: #fff url(/images/header_background.png) repeat-x scroll bottom;
	height: 160px;
	width: 100%;
	margin-bottom:0px;
	/*border: 1px #aaa solid;*/
}

#Sub-Header {
	display:block;
	/*border: 1px #aaa solid;*/
}

#Sub-Header h2 {
	color: #4667AE;
}
	
#Sub-Header h2 em {
	color: white;
	background: #14D232;
	padding-left: 8px;
	padding-right: 10px;
}

#PageContent #Sub-LeftColumn {
	margin: 0; 
	padding: 0;
	padding-right: 15px;
	padding-top: 15px;
	width: 170px;
	text-align: right;
	float: left;
}
#PageContent #Sub-LeftColumn p {
	margin: 0; 
	margin-bottom: 1em;
	font-size: 0.95em;
}
#PageContent #Sub-LeftColumn.home {
	font-size: 1.15em;
}
#PageContent #Sub-LeftColumn h3, #bottom .left h3 {
	margin: 0; 
	margin-bottom: 0.5em;
	padding: 0;
	color: #2C50A2;
}

#PageContent #Sub-RightColumn {
	color: #16377E;
	margin: 0; 
	padding: 0;
	padding-left: 15px;
	padding-top: 15px;
	width: 490px;
	text-align: justify;
	float: right;
	background: url(../images/vertical_seperator.png) no-repeat scroll left 40px;
	font-size: 1em;
}
		
#PageContent #Sub-RightColumn form {
	margin-top: 2.5em;
}
		
#PageContent #Sub-RightColumn a.signup {
	width: 200px;
	font-size: 22px;
	padding: 15px;
	display: block;
	text-align: center;
	border-bottom: 3px solid #1A3061;
}
		
#PageContent #Sub-RightColumn a.signup:link {
	background-color: #2C50A2;
	color: white;
	text-decoration: none;
}
#PageContent #Sub-RightColumn a.signup:visited {
	background-color: #2C50A2;
	color: white;
	text-decoration: none;
}
#PageContent #Sub-RightColumn a.signup:hover {
	background-color: #14D232;
	border-bottom: 3px solid green;
}
#PageContent #Sub-RightColumnt a.signup:active {}

a.demo {
	background-color: #EEF1F7;
	color: #2C50A2;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
	float: left;
	margin-right: 3px;
}

a.demo:hover {
	background-color: #E9ECE4;
	color: #14D232;
}


fieldset {
	border: none;
	color: #16377E;
}

fieldset input[type=text] {
	color: #16377E;
	font-size: 1em;
	width: 250px;
}

fieldset input[type=button], input[type=reset], input[type=submit] {
	background-color: #2C50A2;
	color: white;
	text-decoration: none;
	font-size: 1em;
	border-width: 1px;
	border-bottom: 3px solid #1A3061;
}

fieldset input[type=button]:hover , input[type=reset]:hover , input[type=submit]:hover  {
	background-color: #14D232;
	border-bottom: 3px solid green;
}
#PageContent #RightColumnt a.signup:active {}


/**********************************************************************************************************************************************************/








/**********************************************************************************************************************************************************/
/***** OLD STYLES NOT CARRIED OVER TO NEW CSS ABOVE *******************************************************************************************************/
/**********************************************************************************************************************************************************/


	#search-page #top {
		margin: 0; padding: 0;
		width: 100%;
		height: 125px;
		line-height: 125px;
	}
	
		
			#bottom .demo a {
				background-color: #EEF1F7;
				color: #2C50A2;
				font-weight: bold;
				padding: 5px 10px;
				font-size: 12px;
				text-decoration: none;
			}
			
			#bottom .demo a:hover {
				background-color: #E9ECE4;
				color: #14D232;
			}

	#search-page #header {
		margin: 0; padding: 0; 
		margin-left: 20px;
		margin-top: 15px;
		width: 194px;
		height: 95px;
		float: left;
		line-height: 125px;
	}
	
		#search-page #header h1 {
			margin: 0; padding: 0;
			width: 194px;
			height: 95px;
			text-indent: -2000px;
			background: transparent url(../images/logo_small.png) no-repeat scroll left top;
		}
		
	#search-page h2 {
		float: right;
		color: #4667AE;
		margin-right: 20px;
	}
	
		#search-page h2 em {
			color: white;
			background: #14D232;
			padding-left: 10px;
			padding-right: 10px;
		}

	
		
		
	#middle {
		height: 135px;
		clear: both;
	}
		
	
	#bottom {
		
	}
	
		#bottom h2 {
		 text-align: center;
			font-size: 24pt;
			color: #4667AE;
		}
		
			#bottom h2 em {
				color: white;
				background: #14D232;
				padding-left: 10px;
				padding-right: 10px;
			}
			
		
		
			
		
			
			#middle input.text, #bottom input.text, #column-right input.text{
				border: 1px solid #4667AE;
				padding: 4px;
				margin-bottom: 10px;
				color: #000;
				font-weight: bold;
				font-size: 14px;
			}
			
			#middle input.text, #bottom input.text {
				color: #888;
				font-weight: normal;
				width: 220px;
			}
			
			#middle #phrase, #bottom #phrase {
				width: 520px;
			}
			
			#search #phrase {
				color: #1e1e1e;
			}
			
			#bottom input.submit, #column-right input.submit, #middle input.submit{
				margin: 0; margin-bottom: 10px;
				border: 2px solid #2C50A2;
				border-bottom: 2px solid #1A3061;
				background-color: #2C50A2;
				color: white;
				font-weight: bold;
				font-size: 14px;
				padding: 4px 10px;
				cursor: pointer;
			}
			
	#search-page #bottom {
		margin: 0px auto;
		margin-bottom: 50px;
		width: 700px;
	}
	
		#bottom #detail-info {
			font-size: 14px;
			margin-bottom: 35px;
		}
	
		#bottom #flash-content {
			width: 630px;
			margin-left: 35px;
		}
		
		#bottom .player {
			padding: 20px;
			background-color: #E2E7F2;
		}
		
		#bottom .resultset-meta {
			margin-top: 35px;
		}
		
			.resultset-meta .no-results {
				text-align: center;
				font-size: 18px;
			}
		
		#bottom #pagination {
			margin-top: 35px;
			font-size: 14px;
		}
	
		#bottom .search-result {
			margin-top: 25px;
			line-height: 1.5em;
			font-size: 14px;
			width: 700px;
		}
		
		#bottom a:link { font-weight: bold; color: #4667AE;}
		#bottom a:visited {font-weight: bold; color: #4667AE;}
		#bottom a:hover { color: #2C50A2;}
		#bottom a:active { color: #14D232;}
		
			.search-result .highlight, .search-result b {
				background-color: #14D232;
				color: white;
				padding: 0 2px;
			}
			
			.search-result a.video {
				padding-right: 20px;
				background: #fff url(../images/television_icon.png) no-repeat scroll right top;
			}
			
			.search-result a.audio {
				padding-right: 20px;
				background: #fff url(../images/sound_icon.png) no-repeat scroll right top;
			}
			/*
			.search-result a:link {
				color: #4667AE;
				font-weight: bold;
			}*/
			
			.search-result .result-meta {
				font-style: italic;
				font-size: 13px;
			}
			
		#bottom .depot-form {
			text-align: center;
		}
		
			#bottom .depot-form .left {
				margin-left: 82px;
				width: 125px;
				float: left;
			}
			
			#bottom .depot-form .right {
				float: left ;
			}
			
			
			
				#notifications {
					display: none;
					margin-top: 16px;
					padding: 6px;
					padding-left: 75px;
					font-size: 14px;
					line-height: 1em;
					padding-top: 10px;
					padding-bottom: 45px;
				}
				
					.depot-form fieldset #notifications {
						width: 315px; /* 410 - 75 - 6 */
					}
					
					#column-right #notifications {
						padding-bottom: 10px;
						margin-bottom: 16px
					}
			
				#notifications.error {
					background: #FFF395 url(../images/warning_48.png) no-repeat scroll 10px 10px;
					border: 1px solid #F0B900;
					color: #7C5610;
				}
				
				#notifications.success {
					background: #B2E26C url(../images/accepted_48.png) no-repeat scroll 10px 10px;
					border: 1px solid #3A9805;
					color: white;
				}
				
					#notifications .notification {
						margin-bottom: 4px;
					}
			
				.depot-form fieldset legend {
					display: none;
				}
				
				.depot-form fieldset label {
					display: block;
					font-weight: bold;
					font-size: 14px;
					color: #888;
				}
				
				.depot-form fieldset input, .depot-form fieldset textarea {
					padding: 5px;
					font-size: 14px;
					color: #888;
					border: 1px solid #2C50A2;
				}
				
				.depot-form fieldset input.submit-button {
					font-size: 12px;
				}
			
				
		#search-bottom {
			margin-left: auto;
			margin-right: auto;
			margin-top: 50px;
		}
		
		
			#bottom #search-bottom form .text {
				color: black;
				font-size: 14px;
				width: 300px;
			}
			
			#bottom #search-bottom form .submit {
				font-size: 14px;
			}
		
	#footer {
		padding-top: 50px;
		clear: both;
		font-size: 10px;
		margin-bottom: 50px;
		text-align: center;
	}
		
	.blue { color: #2C50A2;}
	.green { color: #14D232;}
	.largeblue { color: #2C50A2; font-size: 22px; }
	.largegreen { color: #14D232; font-size: 22px; }
	
	
	.demo {
		line-height: 1.2em;
		margin-top: 0.5em;
		margin-bottom: 1.5em;
	}
	
	
		.demo h4 { margin: 0; padding: 0;}
		
		.demo p { margin: 0.5em 0; padding: 0; font-size: 14px;}
		
		.demo a { font-size: 14px; }
		
