body{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: no-repeat;
background-position:top;	 
background-color: #0E3828;
}

html, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body, td, th {
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 10pt;
}

a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: underline;
color: #FFCC00;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}

#container{
width:1000px;
height:650px;
position: absolute;
left: 50%;
margin-left: -500px;
}

#container_multimedia{
width:1012px;
height:650px;
position: absolute;
left: 50%;
margin-left: -506px;
}

hr {
border: 0;
background-color:#DDDDDD;
height: 1px;
width: 100%;
text-align: left;
margin: 5px;
color:#c5c5c5;
}


#header{

}
#rightCont{
float:right;
width:800px;	
}
#logo{
float:left;
width:177px;
height:198px;
background-image:url(images/logo.png);
behavior: url(iepngfix.htc);
cursor:hand;
cursor:pointer;
}
#logo2{
position:absolute;
float:left;
width:177px;
height:201px;
background-image:url(images/logo.png);
behavior: url(iepngfix.htc);
cursor:hand;
cursor:pointer;
}
#menu{
width:700px;
height:50px;
}
#topic{
width:350px;	
background:#FFFFFF;
background:url(images/bgTopic.png) no-repeat;
text-align:left;
padding:10px 10px 5px 10px;
}
#topic2{
width:530px;
height:600px;
background:#FFFFFF;
padding:10px 10px 5px 10px;
overflow : scroll;
filter:alpha(opacity=85);
-moz-opacity:.85;opacity:.85;
}

#topic2 a:link {
color: #000000;
text-decoration: none;
}
#topic2 a:visited {
text-decoration: none;
color: #000000;
}
#topic2 a:hover {
text-decoration: none;
color: #FFCC00;
}
#topic2 a:active {
text-decoration: none;
color: #000000;
}

#content{
height:220px;
background:url(images/bg_brown.png);
filter:alpha(opacity=80);
padding-bottom:5px;
}
#contentBook{
height:350px;
background:url(images/bg_brown.png);
filter:alpha(opacity=80);
padding-bottom:5px;
}
#tree{
width:100%;	
}
#buttomMenu{
background:url(images/bg_green.png);
width:100%;
height:auto;
behavior: url(iepngfix.htc);
margin-top:5px;
text-align:center;
}
.m{
vertical-align:middle;
color:#FFFFFF;
font-size:12px;
font-family:Microsoft Sans Serif;
padding-left:7px;
padding-right:7px;
}
/*
title of page
*/

.pageTitle
{
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 14pt;
font-weight:bold;
}


/*Grid pager*/
.gridRowPager
{
font-size:14px;
background-repeat:repeat-x;
height:25px;
background-image:url('img/gridRowPagerBG.png'); 
}
.gridRowPager a
{
width:20px;
height:20px;
}
.gridRowPager span
{
font-weight:bold; 
color:#FFCC00;
/*background-image:url('img/calendarDayNormal.png');
background-repeat:repeat-x;   
background-color:#eeeeee; */
}

.footerfont {
font-family: Tahoma,Verdana,Arial,sans-serif;
font-size: 10pt;
color : White;
}

.pagerhi
{
padding: 2px 5px 2px 5px;
border: 1px solid chocolate;
font-weight: bold;
font-size: 10pt;
font-family:  Tahoma, Verdana,Arial;
color: #d2691e;
background-color: #ffffff;
text-align:center;
cursor: hand;
width : 18px; 
}

.pagerlo
{
padding: 2px 5px 2px 5px;
border: 1px solid #cdcdcd; 
font-weight: bold;
font-size: 10pt;
font-family:  Tahoma, Verdana,Arial;
color: #707070;
background-color: #ffffff;
text-align:center;
cursor: hand;
width : 18px; 
}

.pagerlink
{
padding: 2px 5px 2px 5px;
border:1px solid #cdcdcd;
background-color: #ffffff;
text-align:center;
cursor: hand;
width : 80px; 
}