html, body, div, span, img, applet, embed, canvas, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, u, i, s, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
html {
	height:100%;
}
body {
	line-height:1;
	font:normal 11px Tahoma, Geneva, sans-serif;
	color:#4fc8ee;
	background:#01345c url(../images/bg.jpg) top center no-repeat;
	height:100%;
}
* html #body {
	height:100%;
}
ol, ul {
	list-style:none;
}
a {
	color:#4fc8ee;
	text-decoration:none;
}
a:hover {
	color:#b8d950;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:bold
}
h1 {
	font-size:11px
}
h2 {
	font-size:12px
}
h3 {
	font-size:14px
}
h4 {
	font-size:16px
}
h5 {
	font-size:18px
}
h6 {
	font-size:20px
}
#contiener {
	width:940px;
	margin:0 auto 10px;
	background:#fff;
}
#header {
	height:290px;
}
#head {
	height:49px;
	background:url(../images/head.png) 0 0 no-repeat;
}
#head_2 {
	height:241px;
	background:url(../images/header.png) 0 0 no-repeat;
}
#logo {
	width:298px;
	height:222px;
	float:right;
	margin:18px 19px 0 0;
}
#left_head {
	width:623px;
	height:156px;
	float:right;
	margin:43px 0 0 0;
	background:url(../images/cmt.png) 0 0 no-repeat;
}
#cmt {
	width:590px;
	height:55px;
	padding:5px;
	margin:0 0 0 10px;
	direction:rtl;
	text-align:right;
	color:#000;
	word-wrap:break-word;
}
#menu {
	width:520px;
	display:block;
	position:relative;
	margin:8px 0 0 8px;
}
#menu li {
	width:125px;
	height:78px;
	display:block;
	float:right;
	margin-right:5px;
}
#main {
	margin:0 20px;
	padding:5px;
}
#askteacher {
	height:160px;
	width:321px;
	padding:10px;
	direction:rtl;
	text-align:right;
	color:#000;
	word-wrap:break-word;
	float:right;
	background:url(../images/AskTeacher.jpg) center no-repeat;
}
#programinfo {
	height:165px;
	width:608px;
	direction:rtl;
	text-align:right;
	color:#000;
	word-wrap:break-word;
	overflow:hidden;
	float:left;
	background: url(../images/ProgramInfo.jpg) center no-repeat;
}
#sidebar {
	width:306px;
	float:right;
}
#content {
	float:left;
	width:597px;
}
#footer {
	height:60px;
	background:url(../images/footer.png) 0 0 no-repeat;
}
#poweredby {
	width:119px;
	height:60px;
}
#clear {
	clear:both;
	line-height:0;
	height:0;
	min-height:0;
}
/* -------------------- */

#Lessons {
	width:500px;
	padding:2px;
	margin:0px 5px 10px 0px;
	height:100px;
	border:#CCC 1px solid;
	background-color:#F7F7F7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Lessons:hover {
	border:#F90 1px solid;
}
#L-Box {
	float:right;
	width:500px;
	height:50px;
}
#LecureInfo {
	color:#666;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	background-color:#F0F0F0;
	border:solid #CCC 1px;
	margin:4px;
	float:right;
	width:240px;
	height:42px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:auto;
}
#Img-1 a {
	display:block;
	float:right;
	width:160px;
	height:50px;
	bottom:0px;
}
#Img-1>#a1 {
	background:url('../images/Asklinks.png') 0 4px no-repeat;
}
#Img-1>#a2 {
	background:url('../images/Asklinks.png') 0 -43px no-repeat;
}
#Img-1>#a3 {
	background:url('../images/Asklinks.png') 0 -90px no-repeat;
}
/* Page Numbers */
.pages {
	font-family: Tahoma;
	padding: 10px;
	border-top: 1px #0033FF;
	margin: 0 25% 0 0;
	font-size: 10px;
	display: table;
	width: 50%;
}
.pages a, .pages span {
	font-family: Tahoma;
	display: block;
	float: right;
	color: #008000;
	padding: 5px 7px 5px 7px;
	margin-left: 3px;
	border: 1px solid #0033FF;
	background: #fff;
	font-size: 10px;
}
.pages span.current {
	font-family: Tahoma;
	border: 1px solid #0033FF;
	background: #0066FF;
	color: #FFF;
	font-size: 10px;
}
.pages a {
	font-family: Tahoma;
	color: #0033FF;
	border: 1px solid #3399FF;
	text-decoration: none;
	font-size: 10px;
}
.pages a:hover {
	border-color: #008000;
	background: #0033FF;
	color: #FFF;
	font-size: 10px;
	border: 1px solid #000033;
}
/* */

#LecSelect {
	color:#000;
	font-size:14px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	direction:rtl;
	width:200px;
	height:30px;
	font-family:arial;
	font-weight:bold;
	background-color:#FCC;
	border:#F9F 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#LecSelect:hover {
	background-color:#D1E3F8;
	border:#C2CBED 1px solid;
}
#LessLoop {
	float:right;
	width:410px;
	padding:2px;
	margin:10px;
	height:100px;
	border:#CCC 1px solid;
	background-color:#F7F7F7;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#LessLoop:hover {
	border:#F90 1px solid;
}
#Les-C-1 {
	background-color:#F9E6C1;
	direction:rtl;
	color:#000;
	width:100px;
	height:100px;
	float:right;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Les-C-1 img {
	width:80px;
	padding:4px;
}
#Les-C-1:hover {
	background-color:#fff;
}
#Les-C-2 {
	float:right;
}
#Less-Info {
	color:#666;
	font-size:14px;
	font-family:arial;
	font-weight:bold;
	line-height:30px;
	margin:3px;
	width:300px;
	height:30px;
	background-color:#ECECFD;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Less-Info:hover {
	color:#000;
	background-color:#F7E6F9;
}
/*----*/

#Q-1 {
	margin:auto;
	width:645px;
	direction:rtl;
}
#Q-2 {
	color:#333;
	width:300px;
	float:right;
	border:#CCC 1px solid;
	background-color:#F7F7F7;
	margin:5px;
	padding:5px 0px;
	height:35px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Q-2:hover {
	border:#F90 1px solid;
	background-color:#FEE2FA;
}
#Q-3 {
	direction:ltr;
	width:600px;
	background-color:#CCC;
	border:#09F;
	margin:5px;
}
#Q-31 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#333;
	width:600px;
	border:#F90 1px solid;
	background-color:#FEE2FA;
	height:20px;
}
/*/////////////////////////*/

#Q-Box {
	width:800px
}
#Q-L-Loop {
	float:right;
	width:375px;
	height:120px;
	margin:10px;
	border:#CCCCCC 1px solid;
	background-color:#F4F4F4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Q-L-Loop:hover {
	border:#FF99CC 1px solid;
	background-color:#EEEEEE;
}
#Q-L-1 {
	border:#FCDCF5 1px solid;
	color:#333333;
	font-family:Tahoma;
	font-size:14px;
	margin:5px;
	width:350px;
	height:70px;
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#Q-L-1:hover {
	background-color:#FDF5DF;
	border:#F4B3E9 1px solid;
}
#Q-L-1 a {
	display:block;
	color:#333333;
	height:80px;
}
#Q-L-2 {
	color:#333333;
	float:left;
	width:170px;
	height:20px;
	margin:4px;
	border:#EFEFEF 1px solid;
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}



#ModCss1{
float:left;
width:500px;
}

#ModCss2{
float:left;
width:380px;
margin:0 2px 2px 2px;
padding:0 0 0 5px;
}
