@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2008.08
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}

body  {
	margin: 0 auto;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	color: #333;
	background: #fff url(/images/bg.jpg) repeat-x top;
	}

#header {                                                                                             
	margin: 0 auto;
	height: 288px;
	width: 780px;
	}
	
#header #logo {
	float: left;
	}
	
#header #logo a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 262px;
	height: 218px;
	background: #fff url(/images/logo.jpg) no-repeat;	
	border-top: 8px solid #f2d373;
	border-bottom: 14px solid #d3b24e;
	}
	
#header #logoChinese a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 262px;
	height: 218px;
	background: #fff url(/images/logoChinese.jpg) no-repeat;	
	border-top: 8px solid #f2d373;
	border-bottom: 14px solid #d3b24e;
	}
	
#header #logoFrench a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 262px;
	height: 218px;
	background: #fff url(/images/logoFrench.jpg) no-repeat;	
	border-top: 8px solid #f2d373;
	border-bottom: 14px solid #d3b24e;
	}
	
.flashFltrt {
	float: right;
	margin: 10px 35px 10px 20px;
}
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	float: left;
	width: 780px;
	height: 58px;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #fff;
	background: #38396b url(/images/bg_nav.gif) repeat-x;
	}

#navMain ul {
	float: right;
	display: inline;
	margin: 0;
	list-style: none;
	}
	
#navMain ul li {
	display: inline;
	float: left;
	height: 58px;
	border-left: 1px solid #d4d4de;
	}
	
#home 	   			li#n-home a:link, 			#home li#n-home a:active, 						#home li#n-home a:visited,
#about				li#n-about a:link,			#about li#n-about a:active,						#about li#n-about a:visited,
#news			li#n-news a:link,			#news li#n-news a:active,					#news li#n-news a:visited,
#contact			li#n-contact a:link,			#contact li#n-contact a:active,					#contact li#n-contact a:visited {
	color: #fff;
	background: url(/images/bg_nav-on.gif) repeat-x;
	}
	
#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	height: 58px;
	padding: 29px 15px 0 67px;
	color: #fef9eb;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #fff;
	}
	
#banner {   
	float: left;
	width: 518px;
	height: 218px;
	border-top: 8px solid #f2d373;
	border-bottom: 14px solid #d3b24e;
	}
	
#banner img {
	float: left;
	}

/*
CONTENT AND COLUMNS --------------------- */

#content { 
	width: 780px; 
	margin: 11px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 20px 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	} 
	
body.ms #mainContent, 
body.sm #mainContent {
	width: 601px;
	border-left: 1px solid #d6d7d6;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 178px;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	}
	
#mainContent {
	text-align: left;
	color: #555;
	margin: 0;
	}
	
div#sidebar {
	display: none;
	}
	
#twoColumn {
	float: left;
	width: 550px;
	}
	
#twoColumn #one {
	float: left;
	width: 275px;
	}
	
#twoColumn #two {
	float: left;
	width: 275px;
	}
	
p {	
	margin: 0 30px 15px 20px;
	font-size: .75em;
	line-height: 1.6em;
	color: #333;
	}
	
p.small {	
	font-size: .70em;
	}
	
sup.asterisk {
	font-size: 70%;
	}
	
p.largeText {	
	font-size: .95em;
	}
	
#home p.largeText {	
	padding-top: 7px;
	}
	
p.contactText {	
	width: 500px;
	margin: 25px 0 0 20px;
	padding: 15px 0 18px 0;
	font-size: .90em;
	line-height: 1.3em;
	border-top: 1px solid #999;
	}
	
.contactForm {
	width: 390px;
	}
	
#sidebar p {	
	margin: 0 20px 15px 20px;
	font-size: .70em;
	line-height: 1.4em;
	color: #444;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: verdana, arial, sans-serif; 
	}

h1 {
	margin: 0 0 15px 0;
	padding: 10px 0 0 20px;
	height: 22px;
	font-size: .85em;
	font-weight: normal;
	color: #fff;
	background-color: #585c58;
	}
	
h2 {
	margin: 25px 0 10px 20px;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #d3b24e;
	}
	
h3 {
	padding: 12px 0 10px 20px;
	font-size: 1.2em;
	font-weight: normal;
	color: #d3b24e;
	}
	
#sidebar h3 {
	margin: 0 0 15px 0;
	padding: 10px 0 0 20px;
	height: 22px;
	font-size: .85em;
	font-weight: normal;
	color: #fff;
	background-color: #7b7b7b;
	}
	
h4 {
	margin: 0 0 3px 20px;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	text-transform: uppercase;
	}
	
h5 {
	margin: 20px 0 15px 20px;
	font-size: .9em;
	font-weight: bold;
	color: #555;
	}
	
h6 {
	margin: 30px 0 10px 20px;
	font-weight: normal;
	font-size: 12px;
	color: #222;
	}

#sidebar ul {
	margin: 20px 0 0 0;
	list-style: none;
	font-size: 1.0em;
	}
	
#sidebar ul li {
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
	background: url(/images/arrow_large.gif) no-repeat 0 6px;
	}
	
#content ul {
	list-style: none;
	margin: 0 20px 15px 28px;
	font-size: 13px;
	}
	
#content ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
	background: url(/images/bullet.gif) no-repeat 0 7px;
	}
	
ul.noBullet {
	margin: 0 30px 15px 50px;
	list-style: none;
	font-size: .9em;
	line-height: 1.6em;
	}
	
ol {
	margin: 0 30px 15px 40px;
	font-size: .9em;
	line-height: 1.6em;
	font-family: georgia, times, serif;
	color: #000;
	}
	
hr {
	width: 550px;
	border: 0;
	color: #999;
	background-color: #999;
	height: 1px;
	margin: 30px 0 3px 20px;
	}
	
#sidebar hr {
	width: 140px;
	border: 0;
	color: #aaa;
	background-color: #aaa;
	height: 1px;
	margin: 0 0 25px 20px;
	}

	
/*
LINKS --------------------- */


a img {
	border: none;
	}
	
a:link, a:visited, a:active { 
	text-decoration: none; 
	}
					
a:hover { 
	text-decoration: underline; 
	}
	
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 30px 7px 15px;
	text-align: right;
	}

.fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 10px 25px 35px 0;
	}
	
#CNNLogoHome .fltlt { /* this class can be used to float an element left in your page */
	float: left;
	margin: 4px 7px 3px 20px;
	}
	
#sidebar #CNNLogoHome p {
	padding-top: 13px;	
}
	
.caption {
	font-size: 10px;
	text-align: left;
	}	


/*
TABLES--------------------- */


/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	

 .even {
 	background-color: #efefef;
	}
	
.odd {
	background-color: #fff;
	} 

/*
FOOTER --------------------- */

	
#footer { 
	width: 780px;
	height: 145px;
	margin: 0 auto;
	text-align: left;
	color: #dfdfdf;
	font-size: 14px;
	background-color: #3e4248;
	} 
	
#footer:hover { 
	color: #fff;
	} 
	
#footer a { 
	color: #dfdfdf;
	text-decoration: underline;
	} 
	
#footer a:hover { 
	color: #fff;
	text-decoration: none;
	}

#footer h6 {
	margin: 0;
	padding: 25px 0 0 20px;
	font-weight: bold;
	color: #dfdfdf;
	font-size: 11px;
	}
	
#footer address {
	margin: 0;
	padding: 5px 0 0 20px;
	font-style: normal;
	font-size: 10px;
	line-height: 15px;
	}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 30px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #fff;
	}
	
.navFooter {
	margin: 0 0 0 20px;
	}

.navFooter ul {
	width: 140px;
	float: left;
	margin: 0;
	list-style: none;
	}
	
.navFooter ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	background: url(/images/bullet_footer.gif) no-repeat 0 5px;
	}
	
.navFooter ul li a {
	text-decoration: none;
	color: #fff;
	}
	
.navFooter ul li a:hover {
	text-decoration: underline;
	}

#copyright{ 
	width: 780px;
	margin: 0 auto;
	} 

#copyright p {
	margin: 0; /* zeroing the margins of the first element in the copyright area will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 30px 10px 30px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	color: #777;
	}
	
#copyright a {
	color: #777;
	text-decoration: none;
	}
	
#copyright a:hover {
	text-decoration: underline;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}