/* default styles

   -------------- */

   

body { 

	padding: 0; 

	margin: 0; 

	font: 0.7em Arial, sans-serif; 

	line-height: 1.5em;

	background: #000; 

	color: #454545; 

}



img

{  border-style: none;

}



a {

	color: #ED1F24;

	background: inherit;

	text-decoration: none;

}



a:hover {

	color: #771621;

		background: inherit;

}



a.title {

	color: #FE6700;

	background: #FFF;

}



h1 {

	font: bold 2em Arial, Sans-Serif;

	letter-spacing: 1px; 

	padding: 7px 0 0 8px;

	margin: 0;

}



h1 a, h2 a {

	text-decoration: none;

}



h1 a:hover, h2 a:hover {

	color: #FFFFFF;



}



h1 span {

   color: #771621;

}





h2 { 

	margin: 0; 

	padding: 0; 

	font: bold 1.7em Arial, Sans-Serif; 



}



h2 { 

	font-size: 16px;

	font: bold;

	margin-bottom: 5px; 

	color: #454545; 

	background: inherit;

}



h2 span {

   color: #771621;

}



p {	

	margin: 0 0 5px 0;

	

}



ul { 

	margin: 0; 

	padding : 0; 

	list-style : none; 

}



form { 

	margin: 0; 

}



input.search { 

	width: 199px; 

	border: none;

	background: url("../input.gif"); 

	padding: 4px; 

}



input.login { 

	width: 150px;

	border: none; 

	background: url("../logininput.gif"); 

	padding: 4px; 

}



hr {

  border: 1;

  width: 80%;
  
  color: #fff;

}







/* layout

   ------ */



.content { 

	margin: auto;
	width: 790px; 
}



.header { 

	height: 130px; 



}



.top_info {

	float: right;

	width: 790px;

	padding: 0 0 0 0;



}



	.top_info_left {

		width: 470px;

		margin: 9px 0 0 0;

		padding: 0 0 0 0;

		float: left;



	}



	.top_info_right {

		float: left;

		width: 319px;

		margin: 0 0 0 0;

		padding: 17px 0 0 0;

	}

slogan {

	font-size: 0.9em;

	width: 160px;

}





.exhibit {

	float: left;

	width: 788px;



	padding: 0 0 0 0;

	border: 1px solid #eee;

}

	.exhibit:hover {

		border: 1px solid #ccc;

	}

	.exhibit_left {

		width: 380px;

		float: left;

		padding: 5px 5px 5px 5px;

	}



	.exhibit_right {

		float: right;

		width: 180px;

		height: 270px;

		overflow: auto;

		border-left: 1px solid #eee;

		padding: 5px 5px 5px 5px;

	}

	

	.exhibita {

		float: left;

		width: 590px;

		padding: 8px 6px 8px 8px;

	}

	



	

	.exhibita_left {

		width: 380px;

		float: none;

		padding: 5px 5px 5px 5px;

	}



	.exhibita_right {

		float: right;

		width: 180px;

		height: 270px;

		overflow: auto;

		padding: 5px 5px 5px 5px;

	}



.videos {

	float: left;

	width: 590px;



	padding: 8px 8px 8px 8px;

	border: 1px solid #eee;

}

	.videos:hover {

		border: 1px solid #ccc;

	}

	.videos_left {

		width: 130px;

		float: left;

		padding: 5px 5px 5px 5px;

	}



	.videos_right {

		float: right;

		width: 400px;

		height: 140px;



		border-left: 1px solid #eee;

		padding: 5px 5px 5px 5px;

	}







/* Middle Body Style

   --------- */



.SingleColumn {

	float: left;

	width: 760px;

	margin: 0 0 10px 0;

}





/* right side

   --------- */



.right{

	clear: both; 
	float: none;
	width: 788px;
	margin: 10px 0 10px 0;
	text-align:center;

}





	.right_articles {

		padding: 40px 0 0 0;



		width: 590px;

	}

	



	.more_articles {

		padding: 10px 0 10px 0;

	}

	

	.more_articles img {

		float: right;



		margin:20px 0px 15px 20px;

}



	.more_articles_indent {

		float: right;

		font-style: italic;

		margin:0 20px 0 20px;

}



	.right_links {

		border: 1px solid #eee;

		padding: 10px 10px 10px 15px;	

		margin: 0 0 10px 0;

	}

	

	.right_links:hover {

		border: 1px solid #ccc;

	}

	

	.right_message {

		border: 1px solid #eee;

		padding: 5px 0px 0px 30px;	

		margin: 0 0 10px 0;

		background: #fff;

		color: #454545; 

	}

	

	.right_message:hover {

		border: 1px solid #ccc;

	}

	

		.left_side {

			float: left;

			width: 180px;

		}

		

		.right_side {

			float: right;

			width: 200px;

			border-left: 1px solid #eee;

			padding: 0 0 0 20px;

		}

		

	.right_box {

		background: #f4f4f4;

		color: #000;

		font: 1.1em Arial, sans-serif;

		font-weight: bold;

		border: 1px solid #ccc;

		padding: 5px 0px 1px 10px;

	}

	

	/* below is a positing of image class fro the front page

   ---------- */

	.right_image {

	

    text-align:center;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

    }







	

/* left side

   ---------- */

		

.left {

	float: left;

	width: 150px;

	padding: 40px 0 0 8px;

	margin: 0 0 10px 0;

}





	.left_links {

		padding: 0 0 0 10px;

		font: 1.2em Arial, sans-serif;

		text-decoration: none;	

		font-weight: bold;

		color: #771621;

		margin: 0 0 10px 0;

	}

	



		.left_links a:link, .left_links a:visited {

		font: 1.2em Arial, sans-serif;

		font-weight: bold;

		text-decoration: none;	

		background:inherit;

		color: #771621;

	}

	

		.left_links a:hover {

		font: 1.2em Arial, sans-serif;

		font-weight: bold;

		text-decoration: none;	

		background:inherit;

		color: #771621;

	}



	.left_sublinks {

		font: 1.2em Arial, sans-serif;

		text-decoration: none;	

		padding: 0 0 0 10px;

		margin: 0 0 0 0;

	}

	

	.left_login {

		padding: 10px;

		margin: 0 0 10px 0;

		background: #A9D4F2;

		color: #246088;

		border-top: 1px solid #4A8EBC;

		border-bottom: 1px solid #4A8EBC;

	}



	.left_articles {

		padding: 0 0 0 10px;	



	}

	

	

.image {

	float: left;

	margin: 0 9px 3px 0;

}





/* footer

   ------ */



.footer { 

	clear: both; 

	text-align: center;

	line-height: 1.8em;

	color: #ffffff;

	background: #000;

	padding: 10px 0 10px 0;


}



	.footer a:link, .footer a:visited {

		text-decoration: none;	

		background:inherit;

		color: #771621;

	}

	

	.footer a:hover {

		text-decoration: none;	

		background:inherit;

		color: #771621;

	}