@charset "utf-8";
/* CSS Document */
* html{overflow-x: hidden;}
* {padding:0; margin:0;}


/*default*/
ul li{ list-style:none}

body{ background: #000000;} 
#body{ background: #000000; width:950px; height:auto; margin-left:auto; margin-right:auto; font-family:"Cordia New";}
.line{ margin-left:30px; margin-right:30px;}
.line2{ margin-right:40px;}
#header{ height:110px;}
#tophead{ height:60px;}
#tophead1{ height:60px; margin-right:30px;}
#tophead1 strong{ display:none}
#join{ color:#B2B2B2; float:right; height:25px; margin-top:3px; margin-right:30px;}
.textjoin{}
.join_ul{}
.join_ul li{ float:left}
.join_ul li a:link {color: #000000}
.join_ul li a:visited {color: #000000}
.join_ul li a:hover {color: #000000}
.join_ul li a:active {color: #000000}


#bottomhead{ height:auto; padding:14px}
#tophead strong{ display:none}
#space{ width:300px;}
#space span{ display:none;}
#logo{ float:left}
#main{}
#image{ width:950px;height:184px; float:left;}
#image1{ float:left; margin-top:18px; margin-left:30px; background:url(../images/bg_image01.png) no-repeat; height:148px; width:284px;}
#image2{ float:left; margin: 18px 20px; background:url(../images/bg_image01.png) no-repeat; height:148px; width:284px;}
#image3{ float:left;margin-top:18px; margin-right:15px; background:url(../images/bg_image01.png) no-repeat; height:148px; width:284px;}

.img{ float:left;width:151px; height:125px; margin-left:12px; margin-top:11.5px;}
.img a{}
.img a:link {color:#FFFFFF}
.img a:visited { color:#FFFFFF;}
.img a:hover {color:#FFFFFF}
.img a:active { color:#FFFFFF}
.textDisplay{ float:left; width:107px; height:125px; margin-top:11.5px; margin-left:7px;}
.text{ color:#C2C2C1; font-size:14px; height:113px;}
.readmore{ float:right;}


#menu{ float:right; margin-right:20px; height:25px; }
.vline{ text-decoration: none; color:#CCC;
font-weight: bolder;}
.menu1{
	float:right;
	padding-right:30px;
}
.menu1 li{ float:left}
.menu1 li a{ display:block; margin-bottom:4px; font-size:18px; font-weight:bold;}
.menu1 li a:link {color: #999999;}
.menu1 li a:visited {color: #999999;}
.menu1 li a:hover {color: #FFFFFF;}
.menu1 li a:active {color: #FF0000;}
/*.menu1 li a{ display:block; height:30px; padding-top:8px; text-align:left;}*/ 


#footer{ height:80px; font-size:14px; color:#FFFFFF; text-align:center; margin-top:0px;}
.p1{color:#999999; margin:0px;}

.readmore a span{ display:none}
.readmore a{}
.readmore a{display:block;width:52px; height:12px;background:url(../images/readmore1.png) no-repeat;}
.readmore a:active{ color:#000000;}
.readmore a:visited{ color:#000000;}

#powered_by{ color:#999999; float:right; margin-right:30px; font-size:14px}
#powered_by ul li{ float:left}
.power_link a:link{ color:#000000}
.power_link a:hover{ color:#000000}
.power_link a:active{ color:#000000}
.power_link a:visited{ color:#000000}


.clear{ clear:both}
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
float:right;
border: 1px solid black;
/*background-color:none;*/
}

.mainitems a{
text-decoration: none;
font-weight: bolder;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color:#CCC;
border: 1px solid black;
}

.subuls li{
	
	width: 100%;
}

.subuls li a{
	padding:0px 0px 0px 4px;
	color:#CCC;
}
.subuls li a:hover{
	color:#FFF;
	text-shadow:#FFF;
	text-decoration:underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
.line3{
	height:20px;
}
#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
#flash1{
	height:450px;
}

#sitemap{
	margin-left:30px;
	height:20px;
}
/*#flash{
	position:relative;
} */