/*  
	1. reset
	2. global
	3. header
	4. artical index
	5. footer
*/
/* 1. reset css */			
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/***end***/
/* 2. global */
	body {
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		color:#282828;
		margin:0px;
	}
	a, a:active, a:visited {
		color:#282828;
		text-decoration:none;
	}a:hover {
		color:#000;
		text-decoration:none;
	}
	.floatLeft{
		float:left;
	}
	.floatRight{
		float:right;
	}
	.clearFloat{
		clear:both;
	}
/***end***/
/* 3. header */
	#master {
		position:relative;
		margin:0 auto;
		text-align:center;
		width:800px;
	}
	div.divTopHeader {
		background-image:url(../img/HeaderBG.gif);
		width:800px;
		height:74px;
		position:relative;
	}
	div.divTopHeader div.divTopHeaderTitle {
		padding:20px 5px 20px 5px;
		padding-left:60px;
		color:#8493a6;
		float:right;
	}
	div.divTopHeader div.divTopHeaderTitle div {
		padding-left:5px;
		padding-right:5px;
		color:#8493a6;
		font-size:11px;
	}
	div.divLogo {
		background-image:url(../img/Logo.gif);
		width:274px;
		height:74px;
	}
	div.divTopMenu{
		background-image:url(../img/MainMenuBG.gif);
		height:6px;
		width:800px;
	}
	div.divTopMenu div.divTopMenuTitle {
		padding:75px;
	}
	div.divTopMenu div.divTopMenuTitle div a {
		padding-left:10px;
		padding-right:10px;
		color:#333230;
		font-size:13px;
		text-decoration:none;
	}
	div.divTopMenu div.divTopMenuTitle div a.selected {
		padding-left:10px;
		padding-right:10px;
		color:#333230;
		font-size:13px;
		text-decoration:none;
	}
	div.divMenu {
		direction:rtl;
	}
	.trmMenu {
		width:800px;
	}
	#pageMain {
		text-align:right;
	}
	#pageMainExercise {
		text-align:right;
		height:1100px;
		border:1px solid #ccc;
		background-color:#f7f7f7;	
	}
	.divExerciseDescription
	{
		margin-right:20px;
	}
/***end***/
/* 4. artical index */
	div.articalIndex {
		margin:10px 0 20px 0;
	}
	div.articalIndex img {
		float:right;
		margin:3px 0 0 10px;
	}
	div.articalIndex div.content {
		float:right;
		padding-right:5px;
		width:420px;
	}
	div.articalIndex div.contentCell {
		
		padding-right:5px;
		width:305px;
		text-align:center;
		height:235px;
		border: solid 1px silver;
	}
	div.articalIndex div.divGrayHeader
	{
		background-color: #EEEEEE;
		height:30px;
		border: solid 1px silver;
		width:430px;
		margin-right:6px;
	}
	div.articalIndex div.divGrayHeaderCell
	{
		background-color: #EEEEEE;
		height:110px;
		border: solid 1px silver;
		width:785px;
		margin-right:6px;
	}
	div.articalIndex div.divGrayHeaderCell p
	{
		padding:10px;
		
	}
	div.articalIndex div.content p {
		font-size:12px;
		text-align:justify;
	}
	div.articalIndex div.content h1 {
		font-size:20px;
		line-height:20px;
		font-weight:bold;
	}
	div.articalIndex div.content a, div.articalIndex div.content a:active, div.articalIndex div.content a:visited {
		float:left;
		font-weight:bold;
	}
	div.articalIndex div.content a:hover {
		color:blue;
	}
	span.spanList
	{
		padding:25px 0px 0px 10px;
	}
/***end***/
ul.topnav {   
    list-style: none;   
    float: right;   
    width: 800px;   
    background: #222;   
    font-size: 12px;   
    background: url(../img/top_nav_menu/topnav_bg.gif) repeat-x;   
}   
ul.topnav li {   
    float: right;   
    margin: 0;   
    padding: 0 0 0 15px;   
    z-index:2;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}   
ul.topnav li a{   
    padding: 10px 5px;   
    color: #fff;   
    display: block;   
    text-decoration: none;   
    float: left;   
}   
ul.topnav li a:hover{   
    background: url(../img/top_nav_menu/topnav_hover.gif) no-repeat center top;   
}   
ul.topnav li span { /*--Drop down trigger styles--*/  
    width: 13px;   
    height: 35px;   
    float: left;   
    background: url(../img/top_nav_menu/subnav_btn.gif) no-repeat;   
}   
ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;} /*--Hover effect for trigger--*/  
ul.topnav li ul.subnav {   
    list-style: none;   
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
    left: -70px; 
    top: 35px;   
    background: #333;   
    margin: 0; 
    padding: 0;   
    display: none;   
    float: right;   
    width: 170px;   
    border: 1px solid #111;   
}   
ul.topnav li ul.subnav li{   
    margin: 0; 
    padding: 0;   
    border-top: 1px solid #252525; /*--Create bevel effect--*/  
    border-bottom: 1px solid #444; /*--Create bevel effect--*/  
    clear: both;   
    width: 170px;  
}   
html ul.topnav li ul.subnav li a, html ul.topnav li ul.subnav li a:active, html ul.topnav li ul.subnav li a:visited {   
    float: right;   
    width: 160px; 
    height:20px;  
    background: #333 url(../img/top_nav_menu/dropdown_linkbg.gif) 5px 12px no-repeat;  
   
}   
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
    background: #222 url(../img/top_nav_menu/dropdown_linkbg.gif) 5px 12px no-repeat;   
}  
.h2Motivation
{
	font-size:13px;
	font-weight:bold;	
}
div.divMainGray
{
	background-color:#f7f7f7;	
	width:441px;
	float:right;
	text-align:justify;
}
div.divMainGrayVideo
{	
	width:441px;
	float:right;
	text-align:justify;
}
div.divMainGrayGym
{
	background-color:#f7f7f7;	
	width:800px;
	float:right;
	text-align:justify;
}
/******* News Ticker Start*******/
#listticker
{
	width:338px;	
	height:143px;
	background-color:#EEEEEE;
	overflow:hidden;
	border:solid 1px #DEDEDE;
	padding:6px 10px 14px 10px;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

#listticker li{
	height:60px;
	padding:5px;
	list-style:none;
}
#listticker a{
	color:#000000;
}
#listticker .news-title{
	display:block;
	font-weight:normal;
	margin-bottom:4px;
	font-size:14px;
}
#listticker .news-text{
	display:block;
	font-size:12px;
	color:#666666;
}
#listticker img{
	float:left;
	margin-right:14px;
	padding:4px;
	border:solid 1px #DEDEDE;
}
/******** News Ticker End **********/