/* CSS Document */

div.content {
	position: absolute;
	margin: 350px 0px 0px 250px;
	width: 749px;
	height: 200px;
	z-index: 1;
	left: -149px;
	top: -213px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 20px;
	color:#FFFFFF;
}

div.flash{
	position: absolute;
	margin: 350px 0px 0px 250px;
	width: 749px;
	height: 200px;
	z-index: 1;
	left: -149px;
	top: -150px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 20px;
	color:#FFFFFF;
}

div.header {
	background-color: #333333;
	position: absolute;
	margin: 267px 0px 0px 250px;
	width: 900px;
	z-index: 1;
	left: -168px;
	height: 150px;
	top: -261px;
} 

div.headermain {
	position: absolute;
	margin: 267px 0px 0px 250px;
	width: 900px;
	z-index: 1;
	left: -120px;
	height: 150px;
	top: -241px;
} 



div.content2 {
position: absolute;
margin: 267px 0px 0px 0px;
width: 800px;
z-index: 1;
left: 200px;
height: 330px;
top: 35px;
}

div.footer {
	background-color: ;
	position: absolute;
	margin: 267px 0px 0px 200px;
	width: 1100px;
	left: -235px;
	height: 80px;
	top: 250px;
}

div.footermain {
	position: absolute;
	margin: 267px 0px 0px 200px;
	width: 900px;
	left: -122px;
	height: 145px;
	top: 228px;
	overflow: visible;
}


div.menu{
font-style:normal;
font-family: Georgia, "Times New Roman", Times, serif ;
font-size: 10px;

}

.content { 
     
    font-family : Arial, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	vertical-align: top;
	
	}
A{
    COLOR: #cccccc;
    text-decoration: none;
}

A:hover{
    color: #038aa3;
    text-decoration: none;
}



/* 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;}
.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;}

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

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

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

.photo ul.topic li.active ul
{display:block; position:absolute; left:1px; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ccccccc; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.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:#cccccc; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

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

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#cccccc; 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:200px; height:150px; border-color:#fff;}
