body {
	background:#89b3dd;
	background-repeat:repeat;
	color:#000000;
	font-family: Arial, Tahoma;
	font-size: small;
	margin: 10px auto;
	padding: 0px;
}

.popup_margin{
	margin-left:20px;
	margin-right:20px;
	background-color:#FFFFFF;
}

#main_container {
	background:#FFFFFF;
	margin: 0px auto;
	text-align: left;
	width: 900px;
	height:100%;
	border:1px solid #808080;
}

/*------------------------- Header -------------------*/

#header {
	width:100%;
	height:134px;
	text-align:center;
	position:relative;
}

#header_menu {
	width:100%;
	height:25px;
	background-color:#336699;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	vertical-align:middle;
	padding-top:0px;
}
#header_menu a {
	color:#FFFFFF;
	text-decoration:underline;
	margin-top:15px;
	
}
#header_menu a:hover {
	color:#5cb8e1;
	text-decoration:none;
	margin-top:15px;
}

/*------------------------------ body of page --------------------------------*/

#left {
	float:left;
	width:194px;
	padding: 0px 5px 2px 2px;
	margin-top:3px;
	float:left;
}

#main_body {
	width:680px;
	margin-top:3px;
	float:left;
	text-align:center;
	margin-right:5px;
}

#main {
/*	background-image: url(../images/left.jpg); 
	background-repeat:repeat-y;*/
	background: url(../images/left.jpg) top left repeat-y ;
	width:100%;
	
}

#left_menu ul
{
	list-style: none;
	margin: 0px;
}

#left_menu li
{
	background: none;
	padding: 0px;
	font-weight: bold;
}

#left_menu a
{
	display: block;
	position: relative;
	width: 174px;
	height: 20px;
	margin-bottom: 1px;
	text-decoration: none;
	background: inherit;
	background-image: url('../images/bbg0.gif');
	padding-left: 10px;
	padding-top: 4px;
	color: #ffffff;
	font-size: 12px;
}

#left_menu a span
{
	position: absolute;
	right: 0px;
	margin-top: 5px;
	margin-right: 30px;
	width: 7px;
	height: 7px;
	background: url('../images/x1.gif') no-repeat; 
}

#left_menu a:hover span
{
	position: absolute;
	right: 0px;
	margin-top: 5px;
	margin-right: 30px;
	width: 7px;
	height: 7px;
	background: url('../images/x2.gif') no-repeat;
}

#left_menu a:hover
{
	background: inherit;
	color: #fff;
	background-image: url('../images/bbg1.gif');
}

.left_bottom_text_home {
 	font-size: 7.5pt; 
	color: #ff6600; 
	font-family: Arial; 
	font-weight:700; 
	text-align:center;
	margin-top:8px;
	margin-right:16px;
}

.left_bottom_text{
 	font-size: 8.5pt; 
	color: #000000; 
	font-family: Arial; 
	text-align:left;
	margin:5px 0 0 5px;
}


/*------------------------------ Footer --------------------------------*/

#footer {
	background:#FFFFFF;
	width:898px;
	height:53px;
	font-size: small;
	float:left;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	margin-left:0px;
}
	
#footer_menu {
	width:898px;
	height:22px;
	background-color:#336699;
	color:#FFFFFF;
	padding-top:5px;	
}

#footer_menu a{
	color:#FFFFFF;
	font-weight:bold;
}

#copyright {
	width:898px;
	height:20px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:10px;
	padding-top:5px;
}

#copyright a {
	color:#FFFFFF;
	text-decoration:underline;
	font-size:10px;
}

#copyright a:hover {
	text-decoration:none;
}

/*---------------------------- Used to clear setting------------------*/

.clear{clear:both;}
* {
	margin: 0px;
	padding: 0px;
}

/*---------------------------- Popup ------------------*/

div.ul{
	text-align:left;
	margin-top:10px;
	margin-left:20px;
	padding-bottom:5px;
	line-height:normal;
}

div.ul li {
	list-style:disc;
 	margin-left:7px;
	padding-bottom:2px;
}

/*---------------------------- General ------------------*/

p{
	margin: 10px 0px 10px 0px;
	text-align:justify;
}

/*.title {
	color:#006600;
	background:#DDE8FF;
	font-weight:bold;
	width:676px;
	height:22px;
	padding-top:5px;
	padding-left:5px;
	text-align:left;
	font-size:15px;
}

.title_home {
	color:#006600;
	background:#DDE8FF;
	font-weight:bold;
	width:676px;
	height:22px;
	padding-top:5px;
	padding-left:5px;
	text-align:center;
	font-size:15px;
}*/

.title {
	color:#264c73;
	background:#FFFFFF;
	background-image:url(../images/titlebg.png);
	background-repeat:repeat-x;
	font-size:15px;
	font-weight:bold;
	width:672px;
	height:28px;
	padding-top:5px;
	padding-left:8px;
	text-align:left; 
}

.title_home {
	color:#FFFFFF; /* #264c73; */
	background:#336699; /* #FFFFFF */
	x_background-image:url(../images/titlebg.png);
	x_background-repeat:repeat-x;
	font-size:15px;
	font-weight:bold;
	width:675px;
	height:25px;
	padding-top:5px;
	padding-left:5px;
	text-align:center;
}

.title_small{
	font-weight:bold;
}
 .line {
height:5px;
border-bottom:1px solid #666666;
width: 90%;
margin-left:20px;
padding-right:30px;
margin-bottom:13px;
margin-top:8px;
_margin-top:-5px;
text-align:center;
}
.button {
  margin: 1px;
  padding: 0 1px 0 0;
  background:url(../images/button.jpg);
  color:#000000;
  font-family: Arial, Hevlvetica, sans-serif;
  font-weight:bold;
  text-align: center;
  font-size: small;
  border: 1px double #e0a113;
  width: auto;
  height:21px;     
  cursor:pointer
}

.space_undertitle{
	height:15px;
}


.txt_red{
	color:#FF0000;
	font-size:11px;
}

.txt_orange{
	color: #ff6600;
}

.txt_green {
    color: #006600;
}

.txt_underimage{
	text-align:center;
	margin-top:6px;
	margin-bottom:0px;
	font-size:9pt;
}

.txt_betweenimage{
	text-align:center;
	margin-top:6px;
	margin-bottom:7px;
	font-size:9pt;
}

.txt_greenbolditalic{
	font-style:italic;
	font-weight:bold;
	color:#006600;
}

.txt_runningtime{
	font-size:11px;
}

/*------------------ Used for captions for images or pitures ------------------------*/

.txt_colright{
	padding-left:10px;
	padding-right:3px;
	text-align:center;
	font-style:italic;
}

.txt_colleft{
	padding-left:3px;
	padding-right:10px;
	text-align:center;
	font-style:italic;
}

/*-- This is used for placement of arrays of images (several rows and columns). image_col is used for all images except for the last image on the right. --*/
.image{
	text-align:center;
	margin-bottom:3px;
	_margin-bottom:3px;
	margin-top:0 auto;
}

.image_board{
	text-align:center;
	margin-bottom:0px;
}

.image_col{
	float:left;
	margin-right:3px;	
}
.image_col_last{ /* Used for the image in the last colum */
	float:left;
	margin-right:0px;
	padding-bottom:3px;	
	_padding-bottom:0px;
	*padding-bottom:0px;
}
.player{
 	height:264px; 
	text-align:center; 
	width:320px; 
	display:block; 
	cursor:pointer; 
	border:#000000 solid 1px;
	background-color:#000000;
	
}
