HTML {
	FONT-SIZE: 11px;
	BACKGROUND: url(html-bg.png) center 50%;
	COLOR: #889359;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center
}
BODY {
	BACKGROUND: url(body-bdg.png);
	MARGIN: 0px auto;
	WIDTH: 768px;
	TEXT-ALIGN: left
}

.header {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	BACKGROUND: url(header-bottom.png) no-repeat left bottom;
	BORDER-LEFT: red 0px solid;
	WIDTH: 100%;
	BORDER-BOTTOM: red 0px solid;
	HEIGHT: 85px
}
.container {
	margin:0 20px 0 23px;
	padding:10px;
	color:#272725;
}
.small {
	line-height: 90%
}
.container h1 {
	color:#879258;
	font-size:18px;
	border-bottom:dotted #879258 1px;
}
.container h2 {
	color:#626652;
	font-size:15px;
	background:url(titleBG.gif) repeat-x 6px;
	
}

a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(button1.gif);
background-repeat: no-repeat;
width: 202px;
height: 35px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

.container h2 span
{
padding-left:5px;
padding-right:5px;
background-color:#fff;
}

.color {
	background: #E7E9DA;
	padding: 8px;
	border: none;
}
.color2 {
	background: #889359;
	padding: 8px;
	border: none;
}
.color li {
margin-bottom:7px;
}
.no-color {
	padding: 8px;
}
.container p {
	text-align:justify;
	line-height:16px;
}
.container a:hover {
}
img.floatRightClear {
	float: left;
	clear: left;
	margin: 2px 12px 7px 2px ;
}
img.floatRightClear2 {
	float: right;
	clear: right;
	margin: 2px 2px 7px 12px;
}
img.floatRightClear3 {
	float: center;
}
.container a {
	COLOR: #4d543c;
}
.logo {
	BACKGROUND: url(logo.gif);
	FLOAT: left;
	MARGIN-LEFT: 18px;
	WIDTH: 85px;
	HEIGHT: 64px;
}
.logo a 
{
	display:block;
	width:85px;
	height:64px;
}
.logo_main {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	MARGIN-TOP: 0px;
	BACKGROUND: url(logo.gif);
	FLOAT: left;
	MARGIN-LEFT: 18px;
	BORDER-LEFT: red 0px solid;
	WIDTH: 382px;
	BORDER-BOTTOM: red 0px solid;
	HEIGHT: 64px
}
.content-table {
	BACKGROUND: url(horizontal-dot.png) repeat-x 50% bottom;
	MARGIN: 0px 17px;
	HEIGHT: 400px
}
.right-channel {
	BACKGROUND: url(vertical-dot.png) repeat-y left 50%;
	VERTICAL-ALIGN: top;
	WIDTH: 235px
}
.left-td {
	BACKGROUND: url(vertical-dot.png) repeat-y 127px 50%;
	VERTICAL-ALIGN: top;
	WIDTH: 125px
}
.left-td OBJECT {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	MARGIN: 3px 3px 3px 1px;
	BORDER-LEFT: red 0px solid;
	BORDER-BOTTOM: red 0px solid
}
.left-channel {
	VERTICAL-ALIGN: top;
	WIDTH: 125px
}
.left-channel SPAN {
	DISPLAY: block;
	BACKGROUND: url(left-channel-bg.png);
	MARGIN: 5px 5px 5px 0px;
	WIDTH: 118px;
	HEIGHT: 450px
}
.flash {
	BACKGROUND: url(horizontal-dot.png) repeat-x 50% top;
	VERTICAL-ALIGN: top;
	WIDTH: 480px
}
.content-table {
	BACKGROUND: url(horizontal-dot.png) repeat-x 50% bottom
}
.desc {
	BACKGROUND: url(lbl-e-dschool.png) no-repeat 10px 6px;
	VERTICAL-ALIGN: top;
	WIDTH: 398px
}
.desc P {
	PADDING-RIGHT: 12px;
	PADDING-LEFT: 12px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 33px;
	TEXT-ALIGN: justify
}
H2.login-head {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 120px;
	COLOR: #333333;
	LINE-HEIGHT: 14px;
	PADDING-TOP: 4px;
	HEIGHT: 17px
}
.login-form {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: url(login-form-bg.png) 50% bottom;
	PADDING-BOTTOM: 0px;
	MARGIN: 10px 0px 0px 10px;
	WIDTH: 224px;
	PADDING-TOP: 0px;
	HEIGHT: 162px;
	TEXT-ALIGN: left
}
.login-form .input {
	FONT-SIZE: 11px;
	BORDER-LEFT-COLOR: #e5e1d4;
	BORDER-BOTTOM-COLOR: #e5e1d4;
	MARGIN: 12px 0px 0px;
	WIDTH: 155px;
	COLOR: #5b5b5b;
	BORDER-TOP-COLOR: #e5e1d4;
	LINE-HEIGHT: 11px;
	BORDER-RIGHT-COLOR: #e5e1d4
}
.login-form SPAN {
	DISPLAY: block;
	MARGIN: 7px 0px 4px 9px
}
.login-form A {
	DISPLAY: block;
	MARGIN: 9px 0px 0px 9px;
	COLOR: #666666
}
.footer, .main_footer {
border-top:solid 1px #707958;
	MARGIN: 15px 23px;
	padding-top:4px;
}
.main_footer {
margin-top:0px;
}
.blue-btn {
	BACKGROUND: url(blue-btn.png)
}
.top-menu {
	background:url(logo.gif) no-repeat -85px 0px;
	FLOAT: right;
	padding:48px 23px 0px 0px;
	COLOR: #89292c;
	HEIGHT: 22px;
	width:642px;
	TEXT-ALIGN: right;
}
.top-menu b
{
font-weight:normal;
LINE-HEIGHT: 22px;
margin:0 5px 0 5px;
}
.top-menu A {
	COLOR: #5f9f1e;
	LINE-HEIGHT: 22px;
	TEXT-DECORATION: none;
}
.top-menu A:hover {
	COLOR: #5f9f1e;
	TEXT-DECORATION: underline;
}

#home {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	DISPLAY: block;
	PADDING-LEFT: 19px;
	BACKGROUND: url(ico-home.gif) no-repeat left 50%;
	FLOAT: left;
	BORDER-LEFT: red 0px solid;
	WIDTH: 36px;
	BORDER-BOTTOM: red 0px solid;
	HEIGHT: 19px
}
#help {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	DISPLAY: block;
	PADDING-LEFT: 19px;
	BACKGROUND: url(ico-home.gif) no-repeat left 50%;
	FLOAT: left;
	BORDER-LEFT: red 0px solid;
	WIDTH: 36px;
	BORDER-BOTTOM: red 0px solid;
	HEIGHT: 19px
}
#logout {
	BORDER-RIGHT: red 0px solid;
	BORDER-TOP: red 0px solid;
	DISPLAY: block;
	PADDING-LEFT: 19px;
	BACKGROUND: url(ico-home.gif) no-repeat left 50%;
	FLOAT: left;
	BORDER-LEFT: red 0px solid;
	WIDTH: 36px;
	BORDER-BOTTOM: red 0px solid;
	HEIGHT: 19px
}
#help {
	BACKGROUND: url(ico-help.gif) no-repeat left 50%;
	WIDTH: 28px
}
#logout {
	BACKGROUND: url(ico-logout.gif) no-repeat left 50%;
	WIDTH: 80px
}
#lang {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #5f9f1e;
	MARGIN-RIGHT: 11px;
	PADDING-TOP: 0px
}

.top
{
text-align:right;
}
.top a
{color:#FFFFFF}

img 
{
bordeR:solid 0px red;
}

.RegTable
{
	background: #E7E9DA;
	
}


.RegTable td
{
background-color:#fff;
}

.RegTable .Title
{
	background: #E7E9DA;
}


.SubMenu a
{
display:block;
margin-bottom:5px;

}

/******New****/

.ib_logo
{
	background:url(ib_logo.jpg) no-repeat;
	width:64px;
	height:63px;
	float:right;
	margin:4px 24px 0 0;
}


#e-school
{
	background:url(icn_e-school.gif) no-repeat 0px;
	line-height:25px;
	margin:22px 0 0 20px;
	padding-left:30px;
	color:#3f4519;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	float:left;
}
#web_mail
{
	background:url(icn_web_mail.gif) no-repeat 0px;
	line-height:25px;
	margin:22px 0 0 20px;
	padding-left:30px;
	color:#3f4519;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	float:left;
}
#e-school:hover, #web_mail:hover
{
	color:#7d884d;
	text-decoration:none;
}


.main-menu {
	BACKGROUND: url(blue-bg.png);
	MARGIN: 0px 23px;
	HEIGHT: 22px;
	text-align:center;
}
.main-menu ul {
	margin:0;
	list-style:none;
	padding:0
}
.main-menu li {
	float:left;
	height:22px;
	display:block;
}
.main-menu li a {
	font-size:10px;
	color:#fff;
	border-right:solid 1px #b2b79a;
	height:22px;
	display:block;
	padding:0 8px;
	text-decoration:none;
		float:left;
	line-height:23px;
}
.main-menu li a:hover {
	background:#b2b79a;
	color:#3d4a07;
}

.main_container
{
	background:#f2f3ed url(bg_main.jpg) no-repeat center bottom;
	width:680px;
	height:553px;
	float:left;
	margin:10px auto 0 10px;
}
html>body .main_container
{
	background:#f2f3ed url(bg_main.jpg) no-repeat center bottom;
	width:722px;
	height:553px;

	float:left;
	margin:10px auto 0 20px;
}
.main_flash
{
margin:auto;
width:722px;

}
html>body .main_flash
{
margin:auto 0 0 0px ;

width:722px;

}
.tbl
{
border-left:solid 1px #889359;
border-top:solid 1px #889359;
}
.tbl th
{
white-space:nowrap;
text-align:center;
background: #889359;
padding:3px;
border-right:solid 1px #272725;
border-bottom:solid 1px #272725;
}
.tbl td
{
padding:3px;
background:#fff;
vertical-align:top;
text-align:left;
border-right:solid 1px #889359;
border-bottom:solid 1px #889359;
}
.tbl .cel_color
{
background:#f4f5ef;
}