body
{ background: #C0C0C0 ;
  font-family: Tahoma,Verdana,Sans-serif;
  color: #000; 
  font-size: 8pt;
  text-align:center;}

h1
{ color:#FFF;
  font-size:24pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:0px;
  text-align:center;}
  
h1.header
{ margin:25px 10px 15px 10px;}

h2
{ color:#000;
  font-size:16pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:0;
  text-align:center;}

h3
{ color:#000;
  font-size:12pt;
  font-weight:bold;
  margin-top:0;
  margin-bottom:0;
  text-align:center;}
  
h3.header
{ color:#FFF;
  font-weight:normal;
  float:right;
  margin-right:25%;
  }  

h4
{ color:#000;
  font-size:9pt;
  font-weight:bold;
  margin-top:2px;
  margin-bottom:2px;
  text-align:center;}
  
h5
{ color:#000;
  font-style:italic;
  font-size:9pt;
  font-weight:bold;
  margin-top:2px;
  margin-bottom:2px;
  text-align:center;}


ul 
{ list-style:none;
  margin:0 5px;
  padding:0;}

li
{ padding:0 4px 8px 10px;
}
  
img
{ border:#000 1px solid;}




a:link, a:visited, a:active
{ background-color: transparent ; text-decoration: none; color:#000080; font-weight: bold;}
a:hover
{ background-color: transparent ; text-decoration: underline; color:#0000D0;}

#header
{ height:110px;
  width:1005px;
  margin-left:auto;
  margin-right:auto;  
  border:#000 1px solid;
  background-color:#000;
  color:#FFF;}

#main
{ width: 1050px;
  margin-left:auto;
  margin-right:auto;
  border:0px;
  background-color:#C0C0C0;  
  font-size:9pt;
  color:#000;}
  
#alert
{ width:650px;
  margin-left:25%;
  margin-right:5%;
  padding:10px;
  text-align:center;
  font-size:larger;
  font-weight:bold;
  border:#000 1px solid;
  background-color:#DDD;
  color:red;}

#content
{ width:758px;
  float:left;
  padding:20px;
  text-align:left;
  border:0px;
  background-color:#C0C0C0;  }
  
#subcontent
{ width:758px;
  height:550px;
  float:left;
  padding:20px;
  text-align:left;
  border:0px;
  background-color:#C0C0C0; }

#subcontent1
{ width:1048px;
  height:800px;
  float:left;
  padding:20px;
  text-align:left;
  border:0px;
  background-color:#C0C0C0; }
  
#nav
{ width:198px;
  height:800px;
  float:left;
  margin-left:0px;
  margin-right:0px;
  margin-top:10px;
  margin-bottom:15px;
  border:0px;
  background-color:#C0C0C0;
  text-align:left;  }
    
#footer
{ height:30px;
  width:1005px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0 20px 0; 
  border:#000 1px solid;
  background-color: #000;
  font-size:8pt;
  color:#FFF;
  text-align:center;
  clear:both;}

#footer a:link, #footer a:visited, #footer a:active
{ text-decoration: none; color:#999;}
#footer A:hover
{ text-decoration: none; color:#0000D0;}

.footer 
{ clear: both; 
  background:#C0C0C0;
  color:inherit;
  height:1px;}

.logo
{ width:330px;
  float:left;
  text-align:left;
  padding:0px 0px 0px 0px;
  overflow: hidden;}
  
.menu 
{ width:auto;
  text-align:right;
  font-weight:bold;
  font-size:12pt;
  padding:35px 15px 0 0;
  float: right;
  overflow: hidden;}
  
.menumini 
{ width:auto;
  text-align:center;
  font-weight:bold;
  font-size:10pt;
  padding:10px 0 0 0;
  float:none;
  overflow: hidden;}

.menumicro 
{ width:auto;
  text-align:left;
  font-weight:bold;
  font-size:8pt;
  padding:5px 0 10px 0;
  float:none;
  overflow: hidden;}

.left
{ width:250px;
  float:left;
  margin:10px 15px 10px 0;
  text-align:left;  
  overflow: hidden;}

.mid 
{ width:auto;
  padding:10px 0 0 10px;
  margin-left:auto;
  margin-top:0;
  overflow: hidden;}

.left_tri
{ width:225px;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border:0px; 
  overflow: hidden;}

.mid_tri
{ width:225px;
  float:left;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  border:0px;
  overflow: hidden;}
  
.right_tri
{ width:225px;
  float:left;
  margin-left:10px;
  margin-bottom:10px;
  border:0px;
  overflow: hidden;}  
  
.mid1
{ width:auto;
  padding:0 0 0 10px;
  margin-left:auto;
  margin-top:0;
  overflow: hidden;}
  
.navhead
{ width:170px;
  height:18px;
  padding: 3px 3px 0 5px;
  border:#ddd 1px solid;
  text-align: center;
  font-size:8pt;
  background-color:#eee;
  color:#666;}

.navitem
{ width:172px;
  padding: 3px 3px 0 3px;
  border-bottom:#ddd 1px solid;
  border-right:#ddd 1px solid;
  border-left:#ddd 1px solid;  
  font-size:9pt;
  font-weight: bold;
  text-align:left;}

.center
{ text-align:center;}

.bold
{ font-weight: bold; }

.alert
{
	color:red;
}
.photograph {
	padding: 5px;
	border:#ccc 1px solid;
	border-radius: 5px;
	box-shadow: 3px 3px 6px #888;
	background-color: #FFF;
	margin-top: -1px;
	z-index: 1;
	position:relative;
}

.photograph:hover {
	box-shadow: 3px 3px 8px #444;
}

.filmstrip 
{
	padding: 0;
	margin: 0;
	display: inline-block;
	width: 1048px;
}

.filmstrip li {
	padding: 0;
	margin: 0;
	margin-right: -2px;
	width: 200px;
	height: 111px;
	display: inline-block;
}
.filmstrip li img {
	width: 200px;
	/*height: 117px;*/	
}


.filmstrip_sm
{
	padding: 10px 10px 10px 0;
	margin: 0;
	display: inline-block;
	width: 810px;
}

.filmstrip_sm li {
	padding: 0;
	margin: 0;
	margin-right: -2px;
	display: inline-block;
}

.filmstrip_sm li img {
	width: 156px;
	/*height: 117px;*/	
}

.filmstrip_sm li h4{
	font-size: 8pt;
}


.clickable {
	cursor: pointer;
}