@CHARSET "UTF-8";

body {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #5b422c;
	background: #f2f0e3;
	padding: 0;
	margin: 0;
}

div {}
	.header-wrapper {
		height: 128px;
		background: url(header-bg.jpg) repeat-x;
		margin-bottom: 40px;
	}
	
	.header {
		width: 980px;
		margin: 0 auto;
		height: 128px;
	}
	
	.header-right {
		width: 214px;
		height: 108px;
		float: right;
		padding-top: 20px;
	}
	
	.header-left {
		width: 766px;
		height: 128px;
		float: left;
	}
	
	.logo-holder {
		height: 83px;
		padding-top: 10px;
	}
	
	.username-field {
		width: 184px;
		height: 18px;
		padding: 4px 5px 5px 25px;
		background: url(username-input-bg.jpg);
		margin-bottom: 5px;
	}
	
	.password-field {
		width: 184px;
		height: 18px;
		padding: 4px 5px 5px 25px;
		background: url(password-input-bg.jpg);
		margin-bottom: 10px;
	}
	
	.body-holder {
		width: 980px;
		margin: 0 auto;
	}
	
	.welcome-panel {
		float: left;
		width: 244px;
		height: 194px;
		background: url(welcome-panel-bg.jpg);
		font-size: 12px;
		padding: 50px 30px 0 30px;
		text-align: right;
	}
	
	.intro-graphic {
		float: right;
		width: 261px;
		height: 253px;
		background: url(intro-graphic-bg.jpg);
		padding: 36px 30px 0 364px;
	}
	
	.left-panel {
		width: 650px;
		float: left;
	}
	
	.right-panel {
		width: 300px;
		float: right;
	}
	
	.home-page-panel-header {
		width: 650px;
		height: 10px;
		background: url(dotted-panel-header.gif);
		font-size: 0;
	}
	
	.home-page-panel-footer {
		width: 650px;
		height: 10px;
		background: url(dotted-panel-footer.gif);
		font-size: 0;
	}
	
	.home-page-panel {
		width: 590px;
		background: url(dotted-panel-bg.gif) repeat-y;
		padding: 20px 30px 20px 30px;
	}
	
	.video-wrapper {
		line-height: 150%;
	}
	
	.dotted-separator {
		height: 11px;
		clear: both;
		background: url(dot.jpg) bottom repeat-x;
		margin-bottom: 10px;
	}
	
	.math-panel-heading {
		width: 300px;
		height: 11px;
		background: url(math-panel-header.gif);
		font-size: 0;
	}
	
	.math-panel-holder {
		width: 300px;
		background: url(math-panel-bg.gif) repeat-y;
	}
	
	.math-panel {
		width: 260px;
		background: url(math-panel-footer.gif) bottom no-repeat;
		padding: 10px 20px 40px 20px;
	}
	
	.math-category-heading {
		width: 660px;
		height: 11px;
		background: url(math-category-header.jpg);
		font-size: 0;
	}
	
	.math-category-holder {
		width: 660px;
		background: url(math-category-bg.gif) repeat-y;
	}
	
	.math-category {
		width: 620px;
		background: url(math-category-footer.jpg) bottom no-repeat;
		padding: 10px 20px 40px 20px;
	}
	
	.r-panel-header {
		width: 300px;
		height: 11px;
		background: url(right-panel-header.gif);
	}
	
	.r-panel {
		width: 260px;
		padding: 10px 20px 10px 20px;
		background: url(right-panel-bg.gif) repeat-y;
	}
	
	.r-panel-footer {
		width: 300px;
		height: 11px;
		background: url(right-panel-footer.gif);
	}	
	
	.teachers-wrapper {
		line-height: 140%;
	}
	
	.teachers-wrapper2 {
		line-height: 160%;
	}	
	
	.footer-left {
		float: left;
		width: 10px;
		height: 42px;
		background: url(footer-left.gif);
	}
	
	.footer-right {
		float: right;
		width: 10px;
		height: 42px;
		background: url(footer-right.gif);
	}	
	
	.footer {
		background: #d8d5c5;
		height: 37px;
		text-align: center;
		width: 960px;
		float: left;
		color: #5b422c;
		padding-top: 5px;
	}
	
	.clear {
		height: 0;
		clear: both;
		visibility: hidden;
		font-size: 0;
	}
	
	.copyright {
		color: #5b422c;
		font-size: 10px;
		float: left;
		padding-top: 5px;
	}
	
	.devision {
		width: 50px;
		height: 15px;
		background: url(devision.gif);
		float: right;
		display: block;
		text-indent: -999px;
		overflow: hidden;
	}
	
	.devision img {
		border: 0;
	}
	
	.created {
		color: #5b422c; 
		font-size: 10px; 
		float: right; 
		padding-top: 5px; 
		margin-right: 3px;
	}

	
	.page-end {
		padding: 10px 10px 0 10px;
		height: 40px;
		clear: both;
	}
	
	.page-heading {
		float: left;
		font-size: 12px;
	}
	
	.page-container-header {
		width: 650px;
		height: 31px;
		background: url(page-body-header.jpg);
	}
	
	.page-container {
		width: 590px;
		background: url(page-body-bg.jpg) repeat-y;
		padding: 0 30px 25px 30px;
	}
	
	.page-container-footer {
		width: 650px;
		height: 5px;
		font-size: 0;
		background: url(page-body-footer.jpg);
	}
	
	.navigation {
		background: url(dot.jpg) bottom repeat-x;
		padding: 10px 0 10px 0;
		color: #bea58f;
		margin-bottom: 20px;
	}
	
	.dropdown {
		width: 223px;
		position: absolute;
		visibility: hidden;
	}
	
	.dropdown-top {
		width: 223px;
		height: 10px;
		background: url(drop-down-top.gif);
		font-size: 0;
	}
	
	.dropdown-top1 {
		width: 223px;
		height: 10px;
		background: url(drop-down-top1.gif);
		font-size: 0;
	}	
	
	.dropdown-bottom {
		width: 223px;
		height: 10px;
		background: url(dropdown-bottom.gif);
		font-size: 0;
	}
	
	.dropdown-list {
		background: #5b422c;
		padding: 10px 20px 10px 20px;
		width: 183px;
		color: #FFF;
	}
	
	.dropdown1 {
		width: 223px;
		position: absolute;
		left: 224px;
	}	
	
	.help-panel-top {
		width: 300px;
		height: 12px;
		background: url(help-panel-top.gif);
		font-size: 0;
	}
	
	.help-panel-bottom {
		width: 300px;
		height: 12px;
		background: url(help-panel-bottom.gif);
		font-size: 0;
	}	
	
	.help-panel {
		width: 260px;
		padding: 10px 20px 10px 20px;
		background: url(help-panel-bg.gif) repeat-y;
	}
	
	.video-holder {
		border: 1px solid #c9b7a8;
		padding: 4px;
	}
	
	.image-holder {
		border: 1px solid #c9b7a8;
		padding: 2px;
		width: 171px; 
		float: left;
		margin: 0 10px 10px 0;
	}	
	
	.video-tabs-holder {
		height: 33px;
		background: url(video-tabs-bg.gif) repeat-x;
		margin-bottom: 20px;
	}
	
	.spacer10 {
		font-size: 0;
		clear: both;
		height: 10px;
	}
	
	.spacer20 {
		font-size: 0;
		clear: both;
		height: 20px;
	}	
	
	.friends-logo {
		float: left;
		display: block;
		border: 0;
	}
	
a:link,
a:visited {
	color: #da6339;
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: underline;
}
	a img {
		border: 0;
	}
	
	li.menu-but a:link,
	li.menu-but a:visited {
		padding: 11px 20px 0 20px;
		display: block;
		height: 24px;
		text-decoration: none;
		color: #5c661b;
		font-weight: bold;
	}

	li.menu-but a:hover,
	li.menu-but a:active {
		color: #da6339;
	}

	* html li.menu-but a {
		width: 20px;
	}
	
	li.menu-but.button-selected a {
		color: #5b422c;
	}
	
	.login-button:link,
	.login-button:active,
	.login-button:hover,
	.login-button:visited {
		width: 89px;
		height: 20px;
		display: block;
		float: right;
		background: url(button-login.jpg);
		text-decoration: none;
		text-align: center;
		padding-top: 6px;
		font-weight: bold;
		color: #5b422c;
	}
	
	.navigation a:link,
	.navigation a:visited {
		color: #bea58f;
		text-decoration: underline;
	}
	
	.navigation a:active,
	.navigation a:hover {
		text-decoration: none;
	}
	
	.user-menu a:link,
	.user-menu a:visited {
		color: #5b422c;
		text-decoration: underline;
	}
	
	.user-menu a:active,
	.user-menu a:hover {
		text-decoration: none;
	}	
	
	.welcome-panel a:link,
	.welcome-panel a:visited {
		color: #da6339;
		text-decoration: underline;
	}
	
	.welcome-panel a:active,
	.welcome-panel a:hover {
		text-decoration: none;
	}
	
	.intro-graphic a:link,
	.intro-graphic a:visited {
		color: #da6339;
		text-decoration: underline;
		font-size: 14px;
		font-style: italic;
		font-weight: bold;
		float: right;
	}
	
	.intro-graphic a:active,
	.intro-graphic a:hover {
		text-decoration: none;
	}	
	
	.tab a, .video-tabs a {
		height: 24px;
		padding: 8px 20px 0 20px;
		display: block;
		text-decoration: none;
		color: #8b7664;
		font-size: 12px;
		font-weight: bold;
	}
	
	.tab.selected a, .video-tabs.selected a {
		color: #5b422c;
	}
	
	.category-tab a {
		height: 27px;
		padding: 12px 20px 0 20px;
		display: block;
		text-decoration: none;
		color: #8b7664;
		font-size: 12px;
		font-weight: bold;
	}
	
	.category-tab.selected a {
		color: #5b422c;
	}	
	
	li.category-tab.highlighted a {
		color: #FFF;
	}
	
	.img-holder:link,
	.img-holder:visited {
		padding: 2px;
		width: 143px;
		height: 82px;
		border: 1px solid #c9b7a8;
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	.img-holder:active,
	.img-holder:hover {
		border: 1px solid #5b422c;
	}	
	
	ul.categories-list li a {
		font-weight: bold;
		color: #5b422c;
	}		
	
	.img-holder-2:link,
	.img-holder-2:visited {
		padding: 1px;
		width: 63px;
		height: 77px;
		border: 1px solid #c9b7a8;
		display: block;
		float: left;
		margin-right: 5px;
	}
	
	.img-holder-2:active,
	.img-holder-2:hover {
		border: 1px solid #5b422c;
	}	
	
	img-holder, img-holder-2 img {
		display: block;
	}
	
	ul.footer-menu a:link,	
	ul.footer-menu a:visited {
		color: #5b422c;
		text-decoration: underline;
	}

	ul.footer-menu a:active,	
	ul.footer-menu a:hover {
		text-decoration: none;
	}

	ul.categories-list-2 a {
		display: block;
		margin-bottom: 2px;
		color: #FFF;
	}

	ul.categories-list ul li a:link,
	ul.categories-list ul li a:visited,
	ul.categories-list-2 ul li a:link,
	ul.categories-list-2 ul li a:visited {
		display: block;
		font-weight: normal;
		text-decoration: underline;
		margin-bottom: 2px;
	}	
	
	ul.categories-list ul li a:hover,
	ul.categories-list ul li a:active,
	ul.categories-list-2 ul li a:hover,
	ul.categories-list-2 ul li a:active {
		text-decoration: none;
	}	
	
	a.current1 {
		background: url(arrow.gif) no-repeat right;
	}
	
	.created a {
		color: #5B422C;
		text-decoration: none; 
	}	
	
	
ul {}

	ul.menu, ul.tabs, ul.footer-menu, ul.category-tabs, ul.video-tabs {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	
	ul.footer-menu {
		margin: 0 auto;
		float: left;
		padding-top: 9px;
	}
	
	ul.user-menu {
		margin: 0;
		padding: 0 0 0 10px;
	}
	
	ul.summary {
		list-style: none;
		margin:  0;
		padding: 0;
	}
	
	ul.categories-list, ul.categories-list-2 {
		margin: 0;
		padding: 0 0 0 10px;;
	}
	
	ul.categories-list li ul, ul.categories-list-2 li ul {
		list-style: none;
		padding: 0;
		margin: 5px 0 0 10px;
	}
	
li {}
	ul.menu li {
		float: left;
		height: 35px;
		display: block;
	}
	
	ul.tabs li {
		float: left;
		height: 32px;
		display: block;
	}	
	
	ul.video-tabs li {
		float: left;
		height: 33px;
		display: block;
	}	
	
	ul.categories-list li, ul.categories-list-2 li {
		padding-bottom: 5px;
		font-size: 12px;
	}
	
	ul.category-tabs li {
		float: left;
		height: 39px;
		display: block;
	}	
	
	ul.footer-menu li {
		float: left;
		padding: 0 5px 0 5px;
	}
	
	ul.categories-list li ul li, ul.categories-list-2 li ul li  {
		padding-bottom: 3px;
	}	
	
	li.menu-but-left {
		width: 11px;
		background: url(menu-but-left.gif);
	}
	
	li.menu-but-left.button-selected {
		width: 11px;
		background: url(menu-but-sel-left.gif);
	}	
	
	li.menu-but {
		background: url(menu-but-bg.gif);
	}
	
	li.menu-but.button-selected {
		background: url(menu-but-sel-bg.gif);
	}	
	
	li.menu-but-right {
		width: 11px;
		background: url(menu-but-right.gif);
	}	
	
	li.menu-but-right.button-selected {
		width: 11px;
		background: url(menu-but-sel-right.gif);
	}	
	
	.summary li {
		background: url(tick-icon.jpg) no-repeat;
		padding-left: 25px;
		border-bottom: 1px solid #e7e5d6;
	}
	
	li.tab-left {
		width: 10px;
		background: url(tab-left.gif);
	}
	
	li.tab-left.selected {
		background: url(tab-left-sel.gif);
	}
	
	li.tab.selected {
		background: #e8e5d8;
	}
	
	li.tab {
		background: url(tab-bg.gif);
	}
	
	li.tab-right {
		width: 10px;
		background: url(tab-right.gif);
		margin-right: 5px;
	}
	
	li.tab-right.selected {
		background: url(tab-right-sel.gif);
	}
	
	li.category-tab-left {
		width: 10px;
		background: url(category-tab-left.gif);
	}
	
	li.category-tab-left.selected {
		background: url(category-tab-sel-left.gif);
	}
	
	li.category-tab-left.highlighted {
		background: url(category-tab-ht-left.gif);
	}	
	
	li.category-tab.selected {
		background: #d8d5c5;
	}
	
	li.category-tab {
		background: url(category-tab-bg.gif);
	}
	
	li.category-tab.highlighted {
		background: #5b422c;
	}	
	
	li.category-tab-right {
		width: 10px;
		background: url(category-tab-right.gif);
		margin-right: 10px;
	}
	
	li.category-tab-right.selected {
		background: url(category-tab-sel-right.gif);
	}	

	li.category-tab-right.highlighted {
		background: url(category-tab-ht-right.gif);
	}
	
	li.video-tab-left {
		width: 10px;
		background: url(video-tab-sel-left.gif);
	}
	
	li.video-tab-left.selected {
		background: url(video-tab-left.gif);
	}
	
	li.video-tab {
		background: #e8e5d8;
	}
	
	li.video-tab.selected {
		background: url(video-tab-bg.gif);
	}
	
	li.video-tab-right {
		width: 10px;
		background: url(video-tab-sel-right.gif);
		margin-right: 5px;
	}
	
	li.video-tab-right.selected {
		background: url(video-tab-right.gif);
	}
	
span {}
	span.difficulty-level {
		display: block;
		background: url(difficulty-icon.gif);
		height: 9px;
		float: left;
		margin-left: 5px;
		margin-top: 4px;
	}
	
	span.difficulty-level.easy {
		width: 9px;
	}
	
	span.difficulty-level.normal {
		width: 19px;
	}	
	
	span.difficulty-level.difficult {
		width: 29px;
	}	
	
	span.difficulty-level.very-difficult {
		width: 39px;
	}			
	
input {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #5b422c;
}	
	.password-field input,
	.username-field input {
		background: transparent;
		border: 0;
		width: 179px;
		color: #9d9082;
		padding: 1px 0;
	}
	
	.text-field {
		padding: 5px;
		width: 200px;
		border: 1px solid #d5cdc5;
	}
	
	.date-picker select {
		padding: 5px;
		margin-right: 4px;
		border: 1px solid #d5cdc5;
	}
	
	.submit {
		width: 129px;
		height: 31px;
		background: url(submit.jpg);
		font-weight: bold;
		border: 0;
	}

h1 {}
	.intro-graphic h1 {
		font-size: 16px;
		margin: 0 0 20px 0;
	}
	
	h1.page-title {
		text-indent: -999px;
		overflow: hidden;
		display: block;
		margin-top: 0;
		width: 300px;
		height: 17px;
	}
	
	h1.page-title.about {
		background: url(about-heading.jpg) no-repeat;
	}
	
	h1.page-title.teachers {
		background: url(teachers-page-heading.gif) no-repeat;
	}	
	
	h1.page-title.help {
		background: url(help-heading.gif) no-repeat;
	}
	
	h1.page-title.video {
		background: url(video-lessons-h1.gif) no-repeat;
	}
	
	h1.page-title.registration {
		background: url(registration-heading.gif) no-repeat;
	}
	
	h1.page-title.upcomming {
		background: url(upcomming-heading.gif) no-repeat;
	}	
	
	h1.page-title.activation {
		background: url(activation-heading.gif) no-repeat;
	}	
	
	h1.page-title.forgotten-pass {
		background: url(forgotten-pass-heading.gif) no-repeat;
	}
	
	h1.page-title.profile {
		background: url(profile-heading.gif) no-repeat;
	}	
	
	h1.page-title.change-pass {
		background: url(change-pass-heading.gif) no-repeat;
	}	
	
	h1.page-title.login {
		background: url(login-heading.gif) no-repeat;
	}		
	
h2 {
	font-size: 15px;
	margin-top: 10px;
}
	.summary li h2 {
		font-size: 15px;
		margin: 5px 0 5px 0;
		font-weight: normal;
	}
	
h3 {}
	.panel-heading {
		text-indent: -999px;
		overflow: hidden;
		display: block;
		height: 14px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.panel-heading.video-lessons {
		background: url(video-lessons-heading.gif) no-repeat;
	}
	
	.panel-heading.advertisement {
		background: url(advert-heading.gif) no-repeat;
	}
	
	.panel-heading.math {
		background: url(math-heading.gif) no-repeat;
	}
	
	.panel-heading.friends {
		background: url(friends-heading.gif) no-repeat;
	}	
	
	.panel-heading.teachers {
		background: url(teachers-heading.gif) no-repeat;
	}	
	
	.panel-heading.help {
		background: url(help-sub-heading.gif) no-repeat;
	}
	
img {}
	.page-heading img {
	 	float: right;
	 	margin-left: 50px;
	}
	
td {}
	.label-td {
		width: 200px;
		font-weight: bold;
	}
	
	.form td {
		padding-bottom: 10px;
	}
	
span {}
	.red {
		color: #d01515;
	}
	
/*        MISC          */
.left {
	float: left;
}

.big {
	font-size: 12px;
}

.large {
	font-size: 14px;	
}

.bold {
	font-weight: bold;	
}

.small {
	font-size: 9px;	
}
.note{
	font-style:italic; 
}