/* CSS Document */
/* colours  dark gray text #5c5f62   light gray background and body  #bebebe*/

	  
body {
background-color: #bebebe;
/*height:110%;*/
}

/*==========================COMMON DIVS =======================*/

div.main_container {

	height: 750px;
	width: 900px;
	background-color: #bebebe;
	font-family: Arial;
	font-size: 12px;
	color: #75787a;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.logo_box {
	padding: 10px;
	height: 75px;
	text-align: center;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}  
.main_menu_box {
	padding: 10px;
	margin: 10px;
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	text-align: center;
}  

.clearer {clear: both;}  

.bottom_nav {
	background-color: #bebebe;
	font-family: Arial;
	font-size: 12px;
	color: #75787a;
	height: 40px;
	width: 880px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;	
}
.bottom_nav_copyright{
float:left;
font-size: 8px;}
.bottom_nav_java{float:right;
}

/*==========================SUB MENU SHOW  =======================*/

tryptych_show_area{
	width:580px;
	float:left;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
text-align: center; /* for IE */
}

.show_area_picture{
	height: 350px;
	width:550px;
	background-color: #FFFFFF;   /* align for good browsers */
	text-align:center;
	/*	text-align: left; *//* counter the body center */
	clear:both;
	margin-top:20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.show_area_picture2{
	height: 350px;
	width:700px;
	background-color: #FFFFFF;   /* align for good browsers */
	text-align:left;
	/*	text-align: left; *//* counter the body center */
	clear:both;
	margin-right: auto;
		margin-top:20px;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 18px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.show_area_picture3{
	height: 430px;
	width:800px;
	background-color: #bebebe;   /* align for good browsers */
	text-align:left;
	/*	text-align: left; *//* counter the body center */
	clear:both;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}



.show_area_title{
	height: 20px;
	width:550px;
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	padding: 10px;
	text-align:center;
	clear:both;
	background-color: #FFFFFF;
	margin: 0 auto;   /* align for good browsers */
/*	text-align: left; *//* counter the body center */
}

.show_area_title2{
	height: 20px;
	width:700px;
	padding: 10px;
text-align:center;
	clear:both;
	background-color: #FFFFFF;
	margin: 0 auto;   /* align for good browsers */
/*	text-align: left; *//* counter the body center */
}
.show_area_title4{
	height: 20px;
	width:520px;
	padding: 10px;
text-align:center;
	clear:both;
	background-color: #FFFFFF;
	margin: 0 auto;   /* align for good browsers */
/*	text-align: left; *//* counter the body center */
}

.show_area_about{
	height: 130px;
	width:550px;
	font-family: Arial;
	font-size: 12px;
	color: #5c5f62;
	padding: 10px;
	clear:both;
	text-align:left;
/*	background-color: #FFFFFF;*/
	margin: 0 auto;   /* align for good browsers */
/*	text-align: left; *//* counter the body center */
}
.show_area_about3{

	height:130px;
	width:800px;
		font-family: Arial;
	font-size: 12px;
	background-color: #bebebe;
	clear:both;
	text-align:left;
	padding:10px;
/*	background-color: #FFFFFF;*/
	margin: 0 auto;   /* align for good browsers */
/*	text-align: left; *//* counter the body center */
	overflow:hidden;
}


/*==========================TEXT PAGES  =======================*/





.show_index_pic{

width: 700px;
height: 500px;
margin: 0px auto -1px auto; 

}



/*==========================TEXT  =======================*/


.news_nav_bar{
	color: #FFFFFF;
	background-color: #bebebe;
}

/*==========================HYPERLINKS =======================*/
A:link {text-decoration: none; color: #5c5f62; 	font-weight: bold;}
A:visited {text-decoration: none; color: #5c5f62;font-weight: bold; }
A:hover {text-decoration: none;	color: #000000 ; font-weight: bold;}
A:active {text-decoration: none; color: #5c5f62; font-weight: bold;}


.main_menu_links A:link {
	text-decoration: none;
	color: #5c5f62;
	font-weight: normal;
	font-size: 20px;
}
.main_menu_links A:visited {text-decoration: none; color: #5c5f62;font-weight: normal; 	font-size: 20px;}
.main_menu_links A:hover {text-decoration: none;	color: #000000 ; font-weight: normal;	font-size: 20px;}
.main_menu_links A:active {text-decoration: none; color: #5c5f62; font-weight: normal;	font-size: 20px;}

/*==========================button =======================*/

input.btn{
   color:#5c5f62;
   font-size:84%;
   font-weight:bold;
   background-color:#bebebe;
   border:2px solid;
   border-top-color:#5c5f62;
   border-left-color:#5c5f62;
   border-right-color:#5c5f62;
   border-bottom-color:#5c5f62;}
   
   input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}

				
/*======================	NEW STUFF =====================*/




.fixedheightforpic{
height:370px;
	background-color: white;
	padding-top:15px;
}



.pic_box
{
	margin-top: 10px;
	width:540px;
	background-color: white;
	margin-left: 40px;
/*	padding-bottom:10px;*/
	float:left;
clear:right;
}
.thumb_box
{
	margin-top: 10px;
	width:190px;
	margin-left: 20px;
	float:left;

}
.thumb_wrapper{
text-align:center;
	padding:2px;
	height:62px;
	width:72px;
	float:left;


}