body {
margin:0;
padding:0;
text-align: center;
background-color: #000000;
background-image : url(images/Bac.gif);
background-repeat : repeat;
}

html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

div#container {
margin:auto;
width:800px;
height:auto;
text-align:left;
clear:both;
}

div#containerWrap {
margin:auto;
width:820px;
text-align:left;
clear:both;
background-color: #000000;
}


div.textcon {
margin:0px 6px 0px 6px;
color:#CCCCCC;
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:13px;
padding-bottom:30px;
font-weight:normal;
}

div.textcon2 {
margin:0px 6px 0px 6px;
color:#CCCCCC;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
padding-bottom:30px;
font-weight:normal;
}

div.submenu {
float:left;
margin:10px 0px 10px 0px;
width:160px;
min-height:200px;
}


div.leftcontent {
float:left;
margin:18px 0px 0px 20px;
width:140px;
height:260px;
overflow:hidden;
}

div.leftcontentB {
float:left;
margin:24px 0px 0px 20px;
width:120px;
height:240px;
overflow:auto;
}

div.centercontent {
float:left;
width:490px;
min-height:200px;
margin:10px 10px 10px 0px;
}

div.centercontent2 {
float:left;
width:490px;
min-height:200px;
height:650px;
margin:10px 10px 10px 0px;
}

div.centercontentB {
float:left;
overflow:hidden;
width:566px;
height:422px;
margin:10px 0px 10px 0px;
}

div.centercontentC {
float:left;
width:566px;
min-height:200px;
margin:10px 0px 10px 0px;
background-color: transparent;
}

div.centercontentD {
float:left;
width:460px;
_width:420px;
min-height:260px;
margin:10px 0px 30px 0px;
_margin:10px 20px 30px 0px;
}

div.rightcontent {
float:right;
margin:44px -10px 10px 0px;
width:150px;
height:240px;
text-align:left;
overflow:hidden;
_margin:44px 0px 10px 0px;
}

div.rightcontentB {
float:left;
margin:44px 0px 10px 5px;
width:180px;
height:auto;
text-align:left;
overflow:hidden;
}

div.rightcontentVideo {
float:right;
margin:38px 0px 10px 0px;
width:180px;
height:auto;
text-align:left;
overflow:hidden;

color:#CCCCCC;
text-align:left;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:13px;
font-weight:normal;
}


div.spacer {
float:right;
margin:0px;
width:40px;
min-height:200px;
}

div.menu {
clear:both;
width:120px;
height:31px;
margin:6px 0px 0px 0px;
}

div.header {
clear:both;
width:800px;
height:85px;
margin:0px 0px 0px 0px;
}

div.topHeaders {
float:left;
width:157px;
height:90px;
text-align:left;
border-right-color:#666666;
border-right-style:solid;
border-right-width:1px;
border-spacing:0px;
}

div.topHeaderEnd {
float:right;
width:157px;
height:90px;
text-align:left;
}


div.footer {
clear:both;
width:800px;
height:30px;
margin:0px 0px 0px 0px;
background: url('images/footerBac.gif');
background-repeat:no-repeat;
background-position:top;
}

div.footerB {
clear:both;
width:800px;
height:20px;
margin:4px 0px 0px 0px;
}

div.footerLeft {
float:left;
width:400px;
margin:8px 0px 0px 20px;
}

div.footerRight {
float:right;
width:350px;
margin:8px 20px 0px 0px;
text-align:right;
}


p {
color:#CCCCCC;
text-align:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
font-weight:normal;
}

ul {
color:#CCCCCC;
font-size:13px;
font-family:Arial Helvetica, sans-serif;
text-decoration: none;
line-height: 18px;
font-weight:normal;
list-style: none;
}

li {
padding-left:14px;
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}

h1 {
color: #CC0000;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:16px;
margin-bottom:10px;
margin-top:10px;
font-weight:Normal;
}

.centercontent h1 {
color: #fff;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
margin-bottom:10px;
margin-top:10px;
font-weight:Normal;
}

.centercontent2 h1 {
color: #fff;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height:18px;
margin-bottom:10px;
margin-top:10px;
font-weight:Normal;
}

.small {
color:#FFFFFF;
text-align:left;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 14px;
}

.smallr {
color:#FFFFFF;
text-align:right;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 14px;
}

.smallB {
color:#FFFFFF;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 12px;
}

.smallrB {
color:#FFFFFF;
text-align:right;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
line-height: 12px;
}

A {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:13px;
line-height:18px;
}

A:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:13px;
line-height:18px;
}

.centercontent A {
color: #fff;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:13px;
line-height:18px;
}

.centercontent A:hover {
color:#CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:13px;
line-height:18px;
}

A.menuB {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:17px;
line-height:20px;
margin:0px;
padding:0px;
}

A.menuB:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:17px;
line-height:20px;
margin:0px;
padding:0px;
}

A.topmenu {
color: #fff;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:11px;
line-height:13px;
text-align:left;
}

A.topmenu:hover {
color:#CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:11px;
line-height:13px;
text-align:left;
}


A.topmenu2 {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:Bold;
font-size:16px;
line-height:28px;
text-align:left;
}

A.topmenu2:hover {
color:#fff;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:Bold;
font-size:16px;
line-height:28px;
text-align:left;
}

A.submenu {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:13px;
line-height:15px;
text-align:left;
}

A.submenu:hover {
color:#000000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:13px;
line-height:15px;
text-align:left;
}

A.menu {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:bold;
font-size:13px;
line-height:18px;
text-align:left;
}

A.menu:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:bold;
font-size:13px;
line-height:18px;
text-align:left;
}

A.large {
color: #CC0000;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:Normal;
font-size:16px;
line-height:16px;
margin-top:0px;
text-align:left;
}

A.large:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:Normal;
font-size:16px;
line-height:16px;
margin-top:0px;
text-align:left;
}

A.small {
color: #A9A9A9;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:normal;
font-size:11px;
line-height:11px;
margin-top:0px;
text-align:left;
}

A.small:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:normal;
font-size:11px;
line-height:11px;
margin-top:0px;
text-align:left;
}


A.smallB {
color: #666666;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:none; 
font-weight:normal;
font-size:9px;
line-height:10px;
margin-top:0px;
text-align:left;
}

A.smallB:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
text-decoration:underline; 
font-weight:normal;
font-size:9px;
line-height:10px;
margin-top:0px;
text-align:left;
}

#rule{
padding:1px;
background: url('images/dotted_rule.gif') repeat-x center;
width:auto;
margin-bottom:0px;
margin-top:0px;
}

.transOFF {width:430px; height:112px; background-color:silver;}
.transON {width:430px; height:112px; background-color:silver; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

.trans2OFF {width:100px; height:100px; background-color:silver;}
.trans2ON {width:100px; height:100px; background-color:silver; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

/* ================================================================ 
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/lightbox.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:#000;}*/

/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left; background-image:none;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; 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; background-image:none;}

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

.photo ul.topic li.active a
{color:#000; background:#bbb;}

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

.photo ul.topic li.active ul
{display:block; position:absolute; list-style:none; padding:0; margin:0px 0px 0px 0px; height:auto; background:#ddd; width:400px; padding:0px 0px; border:20px solid #bbb; z-index:100;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; list-style:none; padding:0; margin:0px 0px 0px 0px; height:auto; background:#ddd; width:400px; padding:0px 0px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px; background-image:none;}

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

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

.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:auto; height:150px; border-color:#fff;}