﻿/*
*	GENERAL STYLES
*/

body 
    {
	
	}

.body 
	{
	font-family: arial;
	font-size: 0.8em;
	background-color: #000000;
	color: #FFF;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width:  100%;
	border: 0px;
	}
		
.hidden {
	position: absolute;
	left: -5000px;
	}
	
img {
	border: 0px;
	}
	
.photo {
	margin: 0px 0px 40px 0px;
	}

.nomargin {
	margin: 0px;
	}
#read_more_text	
	{
	display: none;
	}
	


/*
*	HEADER STYLES
*/	

#header {
	background: transparent;
	/* height: 140px; */
	height: 157px;
	margin: auto;
	padding: 20px 0px 0px 0px;
	width: 980px;
	position:relative;
	}
	
#header .logo a, #header .logo a:visited {
	height: 139px;
	position: absolute;
	width: 245px;
	}
	
#header .telephone
{
    position:absolute;
    left:780px;
    height:20px;
    width:200px;
    background-image:url(/images/tel-icon.gif);
    background-repeat:no-repeat;
    line-height:20px;
    font-size:1.4em;
    padding:0px 0px 0px 30px;
    font-weight:bold;
}

#header .flags
	{
	text-align: right;
	margin: -5px 2px 5px 0;
	}
	
#header .search {
	float: right;
	padding: 83px 0px 0px 0px;
	text-align: right;
	}
	
#header .search label {
	color: #FFF;
	}
/*
#header .search fieldset{
	text-align:right;
	background-color:Red;
}
*/	
	
#header .search input {
	width: 150px;
	}
	
#header .menu 
	{
	/*
	padding: 0px 0px 0px 251px;
	position: absolute;
	top: 125px;
	width: 733px;
	*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 165px;
	width: 980px;
	white-space: nowrap;
	overflow: hidden;
	}
	
#header .menu ul 
	{
	list-style: none;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	width: 3000px;
	}
	
#header .menu li {
	float: left;
	font-size: 0.9em;
	margin-right: 3px;
	background-color: White;
	padding: 2px 9px 2px 9px;
	}
	
#header .menu .end {
	float: left;
	font-size: 0.9em;
	margin-right: 0px;
	background-color: White;
	padding: 2px 9px 2px 9px;
	text-align: left;
	width: 1000px;
	}
	
#header .menu a, #header.menu a:visited, #header .menu a:link, #header .menu a:active
	{
	background: #FFFFFF;
	color: #373535;
	display: inline;
	margin-right: 2px;
	/*padding: 2px 7px 2px 7px;*/
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	}
	
#header .menu .active a, #header .menu .active a:visited 
	{
	color: #EE3338;
	}
	
#header .menu a:hover {
	color: #EE3338;
	}
	
/*
*	MAIN CONTENT AREA STYLES
*/
	
#maincontent {
	background: transparent;
	margin: auto;
	padding: 10px 0px 6px 0px;
	width: 980px;
	}
	
/*
*	LEFT STYLES
*/
	
#left {
	float: left;
	width: 244px;
	}
#left .featuredNews
{
    background: rgba(0, 0, 0, 0.8);
    float:left;
    margin: 0px 0px 6px 0px;
    padding: 15px 12px 15px 12px;
    width: 220px;
    }	
#left .featuredNews .title    
{
    padding:3px 0px 0px 30px;
    background-image:url(/images/newsicon.gif);
    background-repeat:no-repeat;
    height:25px;
    line-height:25px;
    font-size:1.4em;
    font-weight:bold;
    
}
#left .featuredNews .featuredNewsItem    
{
    border-bottom:1px solid #FFFFFF;
    margin:0px 0px 5px 0px;
    padding:0px 0px 5px 0px;
    font-size:1em;
}
#left .featuredNews .featuredNewsItem .featuredNewsItemTitle
{
    /*font-weight:bold;*/
}
#left .featuredNews .featuredNewsItem .featuredNewsItemTitle a,
#left .featuredNews .featuredNewsItem .featuredNewsItemTitle a:active,
#left .featuredNews .featuredNewsItem .featuredNewsItemTitle a:visited
{
    color:#FFFFFF;
    text-decoration:none;
}
#left .featuredNews .featuredNewsItem .featuredNewsItemTitle a:hover
{
    color:#FFFFFF;
    text-decoration:underline;
}
#left .featuredNews .featuredNewsItem .featuredNewsItemDate{
    color:#a3a2b2;
    font-size:0.85em;
}
#left .featuredNews .featuredNewsMore
{
    text-align:right;
}
#left .featuredNews .featuredNewsMore a,
#left .featuredNews .featuredNewsMore a:active,
#left .featuredNews .featuredNewsMore a:visited
{
    color:#FFFFFF;
    text-align:right;
    text-decoration:underline;
}
#left .featuredNews .featuredNewsMore a:hover
{
    color:#FFFFFF;
    text-decoration:none;
}


#left .box {
	background: #000;
	margin: 0px 0px 6px 0px;
	padding: 15px 12px 15px 12px;
	width: 220px;
	}

#left .box2 {
	background: #000;
	margin: 0px 0px 15px 0px;
	padding: 15px 12px 15px 12px;
	width: 220px;
	}
	
#left h1, #left h2 {
	color: #ED5A28;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	}
	
#left ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#left li {
	float: left;
	margin: 0px 0px 6px 0px;
	}
	
#left li a, #left li a:visited {
	background: #333;
	color: #FBB040;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2em;
	padding: 12px 12px 12px 12px;
	text-decoration: none;
	width: 220px;
	}
	
/*
*	MAIN STYLES
*/
	
#main {
	background: rgba(0, 0, 0, 0.6);
	float: right;
	padding: 15px 15px 5px 15px;
	width: 700px;
	}
	
#main .column {
	float: left;
	position: relative;
	/* width: 275px; */
	width: 310px;
	}
	
#main .column .links {
	float: left;
	list-style: none;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	}

#main .column2 ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#main .column .links li {
	float: left;
	margin: 0px 0px 6px 0px;
	
	}
	
#main .column .links li a, #main .column .links li a:visited {
	background: #000;
	color: #FBB040;
	display: block;
	padding: 10px;
	text-decoration: none;
	width: 255px;
	}
	
#main .column .links .arrow {
	float: right;
	}
	
#main .column .links li a:hover, #main .column .links li a:active {
	color: #EE3338;
	}
	
#main .column2 {
	float: right;
	position: relative;
	width: 350px;
	
	}
	
#main .column3 {
	float: left;
	position: relative;
	width: 320px;
	}
	
#main .column4 {
	float: right;
	position: relative;
	width: 305px;
	}
	
#main .column5 {
	float: right;
	position: relative;
	width: 660px;
	}	
	
#main .column2 li {
	float: left;
	height: 112px;
	margin-bottom: 7px;
	margin-right: 7px;
	width: 112px;
	}
	
#main .column2 .end {
	float: left;
	height: 112px;
	margin-bottom: 7px;
	margin-right: 0px;
	width: 112px;
	}
	
#main .column6 .videospace {
	background: #000;
	border: 1px solid #FFF;
	float: left;
	height: 48px;
	margin: 0px 0px 15px 0px;
	width: 85px;
	}
	
#main .column6 .videodetail {
	float: right;
	width: 111px;
	}
	
/*
*	NEWS STYLES
*/
	
#news {
	background: rgba(0, 0, 0, 0.6);
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 5px 15px;
	width: 434px;
	min-height:400px;
	
	}
	
#news .newsitem {
	border-bottom: 1px solid #FFF;
	padding: 0px 0px 5px 0px;
	position: relative;
	width: 434px;
	}

#news .newsitem4 {
	border-bottom: 1px solid #FFF;
	padding: 20px 0px 5px 0px;
	position: relative;
	width: 434px;
	}

#news .newsitem2 {
	float: left;
	padding: 0px 0px 5px 0px;
	position: relative;
	width: 202px;
	}
	
#news .newsitem3 {
	float: right;
	padding: 0px 0px 5px 0px;
	position: relative;
	width: 202px;
	}


#news .newsitem img, #news .newsitem4 img {
	border: 1px solid #FFF;
	}
	
#news .photo {
	float: left;
	margin: 2px 0px 0px 0px;
	width: 78px;
	}
	
#news .newsitem p, #news .newsitem4 p {
	float: right;
	/*width: 336px;*/
	}
#news .newsitem5 p {
	float: right;
	width: 434px;
	}	
	
#news .newsitem p.date, #news .newsitem4 p.date {
	float: none;
	}
	
#news .newsarchive, #morenews .newsarchive {
	list-style: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	position: relative;
	}
	
#news .newsarchive li, #morenews .newsarchive li {
	border-bottom: 1px solid #FFF;
	padding: 5px 0px 5px 0px;
	}
	
#news h3 a, 
#news h3 a:visited, 
#news .newsarchive li a, 
#news .newsarchive li a:visited, 
#morenews h3 a, 
#morenews h3 a:visited, 
#morenews .newsarchive li a, 
#morenews .newsarchive li a:visited, 
#events h3 a, 
#events h3 a:visited, 
#downloads h3 a, 
#downloads h3 a:visited, 
#videos h3 a, 
#videos h3 a:visited 
	{
	color: #FFF;
	text-decoration: none;
	}
	
.date {
	color: #999;
	font-size: 0.85em;
	}
	
.twittericon {
	background: transparent url(../images/twittericon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}
	
.blogicon {
	background: transparent url(../images/blogicon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}
	
.yticon {
	background: transparent url(../images/yticon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}
	
.newsicon {
	background: transparent url(../images/newsicon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}
	
.eventsicon {
	background: transparent url(../images/eventsicon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}

.downloadsicon {
	background: transparent url(../images/downloadsicon.gif) no-repeat top left;
	display: block;
	float: right;
	height: 25px;
	width: 25px;
	}
	
.twittertext {
	font-size: 1.2em;
	}
	
/*
*	RIGHT STYLES
*/
	
#videos, #morenews {
	background: rgba(0, 0, 0, 0.6);
	float: right;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 5px 15px;
	width: 211px;
	}
	
#events, #downloads {
	background: rgba(0, 0, 0, 0.6);
	float: right;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 5px 15px;
	width: 211px;
	}

#events
	{
	margin-top: 10px;
	}
	
#videos h3, #morenews h3, #events h3, #downloads h3, #events p, #downloads p {
	position: relative;
	}
	
#videos .videospace {
	background: #000;
	border: 1px solid #FFF;
	float: left;
	height: 58px;
	margin: 0px 0px 15px 0px;
	position: relative;
	width: 78px;
	}
	
#videos .videodetail {
	float: right;
	position: relative;
	width: 116px;
	}
	
#videos .videodetail a, #videos .videodetail a:visited {
	color: #FFF;
	text-decoration: none;
	}
			

/*
*	FOOTER
*/
				
#footer {
	background: #000;
	color: #CDCDCD;
	font-size: 0.85em;
	margin: auto;
	margin-bottom: 6px;
	padding: 9px;
	width: 962px;
	}
	
#footer .footerinfo {
	float: left;
	}
	
#footer .copyright {
	float: right;
	padding: 14px 0px 0px 0px;
	text-align: right;
	}
	
#footer .footerinfo p {
	margin: 0px;
	}

#footer .copyright p {
	margin: 0px;
	text-transform: uppercase;
	}
	
/*
*	LINK STYLES
*/

#main a, #main a:visited, #main a:active {
	color: #FFFFFF; /* #FFFF00 */
	text-decoration: underline;
	}

#main a:hover	{
	color: #FFFFFF; /* #FFFF00 */
	text-decoration: none;
	}

#read_more_link	{
	padding:5px 0px 5px 0px;
}	
#read_more_link a,
#read_more_link a:active,
#read_more_link a:visited,
#read_more_link a:hover{
	color:#FFFFFF;
}

/*
*	FORM STYLES
*/

form, fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

legend {
	display: none;
	}
	
label {
	padding: 3px 4px 3px 4px;
	text-transform: uppercase;
	}
	
input {
	background: #FFF;
	border: 1px solid #FFF;
	color: #373535;
	padding: 2px 3px 2px 3px;
	}

/*
*	FONT STYLES
*/

h1 {

	}
	
h2 {

	}
	
h3 {
	color: #FFF;
	font-family: arial;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
	}

h4 {

	}
	
h5 {
	font-family: arial;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px;
	}
	
h6 {
	font-family: arial;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px;
	}
	
p {
	font-family: arial;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	}
	
table.form th{
	text-align:right;
}
table.form input,
table.form textarea
	{
	/*background: rgba(0, 0, 0, 0.3);*/
	/*border: 1px solid #464646;*/
	/*color: #F1F1F1;*/
	outline: none;

	color:#000000;
	font-weight: bold;
	background-color: White;
	font-family: arial;
	}

table.form label{
	text-transform:none;
}

table.form input.button{
	background-color:#000000;
	color: #ED5A28;
	font-size: 1.1em;
	font-weight:bold;
	padding:5px 10px 5px 10px;
	border:1px solid #464646;
	margin:0px 0px 0px 0px;
	cursor: pointer;
}

.footerinfo a
	{
	font-size: 12px;
	}

#footer a, #footer a:visited, #footer a:active, #footer a:link
	{
	color: #AAAAAA;
	text-decoration: underline;
	}

#footer a:hover
	{
	color: #AAAAAA;
	text-decoration: none;
	}

.more
	{
	text-align: right;
	}

checkbox
	{
	margin:0;
	border:0;
	padding:0;
	}
textarea.txtAChina	
{
    height:122px;
}
