@charset "utf-8";
/* CSS Document */
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#171B20;
	background-image:url(fo_bg.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 50% 20%;	
}
/* remove firefox link border */

img {
	border:0;
	background-color: #0A2B43;
}

.wrapper {
	width: 796px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	padding-top:0px;
	background-color:#0A2B43;
}
.logo_header {
height: 106px;
margin:0 auto;
padding:0;
text-align:left;
/* background-image: url(images/header.jpg); */
background:#000000;
background-repeat: repeat-x;
}
.t_nav {
height: 40px;
margin:0 auto;
padding:0;
text-align:left;
/* background-image: url(images/t_nav.gif); */
background-repeat: repeat-x;
}
.mid_bar {
height: 100px;
margin:0 auto;
padding:0;
text-align:left;
background-image: url(images/m_barbg.gif);
background-repeat: repeat-x;
}
.mid_ad {
float: left;
height: 87px;
width: 397px;
margin-left:4px;
margin-top:4px;	
padding:0;
text-align:left;
}
.mid_reel {
float: left;
height: 74px;	
width: 121px;
margin-left:4px;
margin-top:4px;	
padding:0;
text-align:left;
}
.mid_box {
float: left;
height: 93px;	
width: 73px;
margin-left:6px;
padding:0;
text-align:left;
}
.news_title {
	float:left;
	width:796px;
	background-color: #0A2B43;
}

.top_break{
	float: none;
	height: 20px;
	width: 796px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #171B20;
	}
.news_break {
	float: left;
	background:#470505;
	height: 20px;
	width: 796px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.news_content {
	float:right;
	height: auto;
	width: 796px;
	padding:0;
	text-align:left;
	background-image: url(images/news_contentbg.gif);
	background-repeat: repeat-x;
	background-color: #0A2B43;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.news_text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-left:0px;
margin-top:0px;
text-align:justify;
}
.news_textt {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
width:331px;
margin-left:20px;
margin-top:10px;
text-align:justify;
}

.photo_vid a:link,.photo_vid a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:left;

}

.image_box {
	float:left;
	height:125px;
	width:250px;
	padding-top:7px;
	padding-left:8px;
	margin-left:0px;
	margin-top:8px;
	text-align:center;
	background-image: url(pic_border.gif);
	background-repeat: no-repeat;
	vertical-align: middle;

}
.bottom_space {
float:left;
background:#000000;	
height:22px;
width:796px;
}
.footer {
float:left;
background:#FFFFFF;	
height:22px;
width:796px;
}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: 3000px;
border: 1px  gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}
#gallery {
	width:775px;
	height:400px;
	padding:10px;
	border:1px solid #333;
	position:relative;
	background-color: #0A2B43;
	float: none;
}
#gallery b.default {position:absolute; left:32px; top:13px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#CCCCCC; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#0A2B43; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}

/* slides styling */

.photo {
	width:720px;
	height:600px;
	background:url(lbox/back.jpg) no-repeat center center;
	text-align:left;
	position:static;
	left: 273px;
	top: 365px;
}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:100px; left:100px;}
.photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;}
.photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;}
.photo dl dd:first-letter {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:auto;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}
.photo ul.topic li a.set {
	display:block;
	font-size:11px;
	width:239px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#000;
	text-decoration:none;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#ccc;
	font-family:verdana, arial, sans-serif;
	float: right;
}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd url(lbox/close.gif) no-repeat right top; width:479px; padding:70px 100px; border:20px solid #aaa;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; border:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}