/*****LAYOUT STYLE SHEET*****/
body {/* background gradient uses CSS3 for browsers that support */     
	background-color: #222a3d;
	background-position: top left;
	background-repeat: repeat-x;
	background-image: url(../img/grad.jpg);/* fallback image */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222a3d), to(#384463)); /* Safari 4+, Chrome 1-9 */       
	background-image: -webkit-linear-gradient(top, #222a3d, #384463);    /* Safari 5.1+, Mobile Safari, Chrome 10+ */         
	background-image: -moz-linear-gradient(top, #222a3d, #384463);    /* Firefox 3.6+ */       
	background-image: -ms-linear-gradient(top, #222a3d, #384463);      /* IE 10+ */    
	background-image: -o-linear-gradient(top, #2f74b9, #384463);  /* Opera 11.10+ */
}
#main {
	background-color: #fff;
	border: 10px solid #fff;
	color: #222;
	min-width: 940px;
}
/*****SKIP TO NAVIGATION AND SKIP TO TEXT*****/
 
#skiplink, #skiplink a {
	color: #222a3d;
}
/*****LANGUAGES */
#languages {
	background:#fff;
	height: 15px;
}
#languages a{
	color: #0b2570;
}
#languages a:hover{
	color: #A8171C;
}
#languages #chinese{
	color: #A8171C;
}
/*****TOP BANNER*****/
#topbanner {
	background-color: #fff;
	background-image:url(../img/rio20_banner.jpg);
	background-repeat: repeat-x;
	background-position: left;
	clear:both;
	display: block;
	float:left;
	height: 100px;
	margin-bottom: 1em;
	position:relative;
	z-index: 0;
	width: 940px;
}
#topbanner #hiddentitle, #hiddentitle span {
	background-image:url(../img/rio20_banner.jpg);
	background-repeat: no-repeat;
	height: 100px;	
}
#bannertitle{
	color: #000;
	left: 0;
	position: absolute;
	top: 0px;
	z-index: 5;
}
/*****THEMES NAVIGATION*****/
#themes{
	background-color:#fff;
	clear: both;	
}
#themes ul{
	float: left;
	display: block;
	margin-top:0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 6.32em;
	padding-left: 0;
	padding-right:0;	
}
#themes ul li{
	display:inline;
	list-style-type:none;
}
#themes ul li a{
	border: 1px solid #d1e0e6;
	background-color: #F0F0F0;
	color: #0b2570;
	float: left;
	margin-right: 3px;	
	margin-left: 0;
	padding-top: .3em;
	padding-bottom: .4em;
	padding-left: 1em;
	padding-right: 1em;
}
#themes ul li a:hover{
	background-color: #e4f0d6;
	border: 1px solid #8ec146;
}
#themes img{
	margin-top: 3px;
	margin-bottom: 2.5em;
	margin-left: 12.1em;
	margin-right: 0;
	padding-top: 0;
	width: 706px;
}

/*****MAIN NAVIGATION*****/
#mainnav {
	background-color: #fff;
	color: #000;
	float: left;
	margin-bottom: 2em;
	margin-right: 25px;
	width: 23%;
}

#mainnav  ul li{
	list-style-type: none;
}

#mainnav ul li a{
	color: #222;
}

#firstnav{
	background-color: #dfeaee;
}

#firstnav #join {
background-color: #bbd6e4;
}

#firstnav ul{
	margin: 0;
	padding:0;
}

#firstnav ul li{
	border-bottom: 1px solid #fff;
	padding-left: .5em;
	padding-top: .3em;
	padding-bottom: .3em;
}

#firstnav ul li:hover, #firstnav #join:hover {
	background-color: #8ec6e2;
}

/*****SOCIAL MEDIA ICONS*****/
#socialmedia{
	margin-top:2em;
}
#mainnav #socialmedia ul li {
	display: inline;
	list-style-type:none;
}

/*****CONTENT*****/
#content {
	color: #333;
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-left: 0em;
	margin-bottom: 2em; 
	width: 72.8%;	
}
#content ul li {
	background-image: url(/common/images/bullets/bullet_box.gif);
	background-repeat: no-repeat;
	background-position: 1% 9px;
	list-style-type: none;
	padding-left: 1.5em;
	padding-bottom: .7em;
	position: relative;
}
#content a:link, #content a:visited, #content a:hover, #content a:active {
	color:#0035B3;
}
#content a:hover {
	color: #A8171C;
}
#content a:visited {
	color: #A8171C;
}
#content h2 {
	color: #0b2570;
	margin-bottom: .5em;
	margin-top: .3em;
	padding-bottom: .2em;
}
	
#content h3 {
	border-bottom: 1px dotted #CCC;
	color: #cf0e24;
	margin-bottom: .7em; 
	margin-top:1.2em;
	padding-bottom: .2em;
}
#content h4 {
	color: #0b2570;
	margin-bottom: .5em;
	margin-top: .5em;
	padding-bottom: .2em;
}
#content p{
	margin-left:10;
	margin-right: 1em;
}
	
#content #themeimg{
	margin-left:0;
	margin-bottom:2em;
	
}
#content .th_submenu ul{
	margin-left: 0;
	padding-left: 0;
}

#content .th_submenu ul li{
	background-image: none;
	border-right: 1px solid #ccc;
	display: inline;
	padding-right: 7px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size:130%;
	}

#content .theme_news{
	background-color: #F0F0F0;
	float:right;
	height: 311px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 27px;
	width: 210px;
}

#content .theme_news h3{
	border-bottom: 1px solid #fff;
	font-size: 1.3em;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 0;
}

#content .theme_news ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 5px;
}

#content .theme_news ul li {
	background-image: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.clear_theme{
	clear:both;
}

#content .video_container {
	clear: both;
	width: 100%;
	float: left;
}

#content .video_item {
	width: 320px;
	margin: 0 1.5em 1em 0;
	float: left;
}

#content .credit {
	color: #333;
	font-style:normal;
	text-align:left;
	
}

.join_btn {
	background-color: #fff;
	background-image:url(../img/join_btn.png);
	background-repeat: no-repeat;
	background-position: top left;
	float: right;
	font-size: 2em;
	font-family:simhei;
	height: 200px;
	line-height: 1.5em;
	margin-left: 20px;
	margin-right: 0;
	padding-top: 40px;
	text-align: center;
	width: 200px;
}

.img_left{
float:left;
margin-right: 20px;
width: 340px;
background-color:#eee;
border: 1px solid #ddd;
}

.img_right{
float:right;
margin-left: 20px;
width: 340px;
background-color:#eee;
border: 1px solid #ddd;
}
#content .img_left p, #content .img_right p {
	color: #555;
	font-size: 93%;
	padding: .1em .5em;
}

#content .media_submenu ul li{
	background-image: none;
	border-right: 1px solid #ccc;
	display: inline;
	padding-right: 7px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/*****SLIDE SHOW*****/
#slideshow_wraper{
	margin-left: 0;
	margin-right: 0;
	margin-top: 2em;
	width: 450px;
	float:left;
}
#slideshow_wraper a img{
	visibility:hidden;
}
#slideshow_new{
	/*height: 350px;*/
	margin-bottom: 1em;
	width: 450px;
	float:left;
	height: 313px;
}
/*****FOOTER BAR*****/
#footer {
	background-color:#e1e1e1;
	color: #0b2570;
	margin-top: 0.5em;
	margin-left:12.5em;
	margin-right:12.5em;
}
#footer ul {
	margin-top: 0em;
	padding-top: .4em;
	padding-left:0.5em;
	padding-right:0.5em;
}
#footer ul li  {
	display: inline;
	text-align:center;
}

#footer ul li a {
	color: #0b2570;
}
#footer ul li a:visited {
	color: #0b2570;
}
#footer ul li a:hover {
	color: #0b2570;
}