@charset "UTF-8";
/* CSS Document */

/************************** Global Settings *******************************/
body{background:#000;}


	
a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
	font-weight:bold;}
a:hover{
	color:#ff0000;
	font-size: 12px;
}
	
div#container{width:850px;height:758px;margin:2em auto;border:1px solid #000000;}
div#bottom_nav{float:left;width:630px;height:90px;background:url(images/bottom_nav_bg.jpg);}
div#bottom_nav ul{list-style:none;position:absolute;margin:3px 2px;}
div#bottom_nav ul li{display:inline;margin:0 1px;}
div#footer{clear:both;width:850px;height:27px;background:url(images/footer_bg.jpg);}
div#footer p{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#cccccc;text-align:center;padding-top:8px;}
div#sidebar{
	float:right;
	width:210px;
	height:622px;
	background:url(images/sidebar_bg2.jpg);
	margin:9px 0 9px 0;
	font-size: 12px;
	font-weight: normal;
	overflow: auto;
}
div#sidebar p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000000;padding:.8em;line-height:13px;}
#home, #programs, #membership, #goldsash, #team, #media, #contact{float:left;width:630px;height:523px;margin:9px 9px 9px 0;}
#home iframe, #programs iframe, #membership iframe, #goldsash iframe, #team iframe, #media iframe, #contact iframe{width:630px;height:523px;}
/**************************************************************************/

/**************************** Navigation **********************************/
div#top{width:850px;height:91px;background:url(images/top_bg.jpg);}
div#top ul.nav{
	list-style:none;
	position:absolute;
	margin-top:4.2em;
	width: 855px;
	font-size: 12;
	top: 39px;
	height: 19px;
	left: absolute;
}
div#top ul.nav li{display:inline;margin:0 1.6em;}
div#top ul.nav li a{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#ff0000;font-weight:bold;}
div#top ul.nav li a:hover{
	color:#003366;
	font-size: 12px;
}
/**************************************************************************/

/**************************** Splash Page *********************************/
ul.enter{list-style:none;margin:15em auto;text-align:center;}
ul.enter li{margin-bottom:9.5em;}
/**************************************************************************/

/**************************** Home Page ***********************************/
div#home_video{width:630px;height:523px;}
div#new_site{background:url(images/new_site.jpg);width:630px;height:523px;}
div.new_sitetxt{position:absolute;width:275px;height:407px;margin:.5em 0 .5em 21.5em;overflow:auto;}
div.new_sitetxt p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#cccccc;padding:.8em;line-height:13px;}
div#results{background:url(images/team_results.jpg);width:630px;height:523px;}
div.resultstxt{position:absolute;width:290px;height:407px;margin:.5em 0 .5em 20.5em;overflow:auto;}
div.resultstxt p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#cccccc;padding:.8em;line-height:13px;}
div#membership{background:url(images/membership_bg.jpg);width:630px;height:523px;}
div.membershiptxt{position:absolute;width:291px;height:400px;margin:.9em 0 .5em 20.5em;overflow:auto;}
div.membershiptxt p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#cccccc;padding:.8em;line-height:13px;}

/**************************************************************************/

/**************************** Programs Page *********************************/
div#program_info{background:url(images/programs_bg.jpg);width:630px;height:523px;}
div#ving_tsun{background:url(images/vt_bg.jpg);width:630px;height:523px;}
div#wushu{background:url(images/olympic_bg.jpg);width:630px;height:523px;}
div#sanda{background:url(images/sanshou_bg.jpg);width:630px;height:523px;}
div#taichi{background:url(images/taichi_bg.jpg);width:630px;height:523px;}
div#ama{background:url(images/ama_bg.jpg);width:630px;height:523px;}
div#performance{background:url(images/lion_bg.jpg);width:630px;height:523px;}

div.programtxt{
	position:absolute;
	width:300px;
	height:488px;
	margin:0em 0 .5em 20em;
	overflow:auto;
	left: 0px;
	top: 30px;
}
div.programtxt h6{
	font-family:Arial, Helvetica, sans-serif;
	color:#F00;
	font-size:12px;
	padding:0.8em;
	line-height:13px;
}
div.programtxt p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:0.8em;
	line-height:13px;
	text-align: left;
}
#motioncontainer{width: 629px;height: 90px;margin:3px 3px}
#statusdiv{position: absolute;left: -300px;visibility: hidden;}
.bottom_spacing{margin:0 2px;}
div#tutorial{background:url(images/main_bg.jpg);width:630px;height:523px;}
div.tutorial_vid{width:630px;height:523px;text-align:center;}
div.tutorial_vid embed{margin-top:10px;}
/**************************************************************************/

/**************************** Team Page ***********************************/
div#bottom_team{float:left;width:630px;height:90px;background:url(images/bottom_nav_bg.jpg);}
div#bottom_team ul{list-style:none;position:absolute;margin:3px 5px;}
div#bottom_team ul li{display:inline;margin:0 -1px;white-space:nowrap;}
div#sunny_tang{
	background:url(images/team_bg.jpg);
	width:630px;
	height:523px;
}
div#sunny_tang img{
	float:left;
	margin:.5em 0 .5em .95em
}
div.team_name{
	float:left;
	width:250px;
	height:50px;
	margin-top:3em;
}
div.team_name h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	line-height:13px;
	font-weight:normal;
	margin-left:8px;
}
div.team_name p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#cccccc;padding:.5em;line-height:13px;}
div.team_name span, div.bio span{
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
div.bio{
	position:relative;
	clear:left;
	width:600px;
	height:400px;
	margin:0 0em 0 1em;
	padding-right:0em;
	overflow:auto;
}
div.bio p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#cccccc;padding-bottom:1em;line-height:13px;}
div#performers{background:url(images/performers.jpg);width:630px;height:523px;}
/**************************************************************************/

/**************************** Media Page ***********************************/
div#media{float:left;width:630px;height:523px;background:url(images/media_bg.jpg);margin:9px 9px 9px 0;}
div#articles{background:url(images/wwc.jpg);width:630px;height:523px;}
div.membershiptxt{
	position:absolute;
	width:609px;
	height:488px;
	margin:.5em 0 .5em 20.5em;
	overflow:auto;
	left: -320px;
	top: 24px;
}
div.membershiptxt p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#cccccc;padding:.8em;line-height:13px;}
/**************************************************************************/

/**************************** Picture Gallery ***********************************/
div#picture_gallery{float:left;width:630px;height:523px;background:url(images/team_bg.jpg);margin:9px 9px 9px 0;}
h6{font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:normal;color:#cccccc;text-align:center;margin-top:30px;}
.stepcarousel{position:relative;top:30px;left:40px;overflow:scroll;width:550px;height:380px;}
.stepcarousel .belt{
	position:absolute;
	left:0px;
	top:0;
}
.stepcarousel .panel{
	float:left;
	overflow:hidden;
	width:550px;
	height:380px;
	border:none;
	text-align: center;
}
.comp-nav ul{text-decoration:none;margin-top:2em;text-align:center;}
.comp-nav ul li{display:inline;}
.comp-nav p{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#cccccc;text-align:center;}
/**************************************************************************/

/**************************** Contact Page *********************************/
div#scarborough{background:url(images/scarborough.jpg);width:630px;height:523px;}
div#mississauga{background:url(images/mississauga.jpg);width:630px;height:523px;}
div#markham{background:url(images/markham.jpg);width:630px;height:523px;}
div.contacttxt{
	position:absolute;
	width:300px;
	height:499px;
	margin:0em 0 .5em 20em;
	left: -41px;
	top: 20px;
	font-size: large;
}
div.contacttxt p{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#cccccc;padding:.5em;line-height:14px;}
#scarborough span, #mississauga span, #markham span, #sidebar span{
	font-size:12px;
	color:#F00;
	line-height:2px;
	font-weight: bold;
}
/**************************************************************************/