/*
------------------------------------------------------------------------
Theme Name:AESM
Author:Ndee Siswandhi
Author Company URI:http://www.avasoft.net
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, 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:''}

strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

h1, h2, h3, h5, h5, h6{font-weight:bold}
.clear {clear:both;}
/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
body {
	font: 0.8em Verdana, Geneva, sans-serif;
	background: url(../images/bgAll.gif) repeat-x top #c4c2a4;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}
#container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
	background:#FFF;
	margin-bottom:30px;
}

/*
-----------------------------------------
HEADER
----------------------------------------- 
*/
#Header {
	padding: 0;
	margin:0;
	height:171px;
}
#Header .logo {
	width:195px;
	float:left;
}
#Header .logo h1 {
	background:url(../images/logo_elefance.gif) no-repeat;
	text-indent:-999px;
	height:171px;
}
#Header .slogan {
	width:725px;
	float:left;
}
#Header .slogan h5 {
	background:url(../images/slogan.gif) no-repeat;
	text-indent:-999px;
	height:171px;
}

/*
-----------------------------------------
BANNER
----------------------------------------- 
*/
#Banner {
	padding: 0;
	margin:0;
	border-left:1px solid #cacacc;
	border-right:1px solid #cacacc;
	border-bottom:1px solid #cacacc;
	background:url(../images/bg_lefttop.gif) repeat-x bottom #ffffeb;
	padding:0 0 3px 3px;
}
#Banner .imgbanner{
	float:left;
	width:689px;
	margin-right:4px;
}
#Banner .txtbanner{
	float:left;
	width:219px;
	background:url(../images/bg_righttop.gif) repeat-x top #fefcec;
}
#Banner .whatsnew{
	border-bottom:2px solid #c9c7aa;
	margin:5px;
	padding:0 10px;
}
#Banner .whatsnew h3{
	font-size:14px;
	text-align:center;
}
#Banner .whatsnew p.title{
	font-size:14px;
	color:#584437;
	padding:10px 0;
	font-weight:bold;
}
#Banner .whatsnew p{
	font-size:11px;
	color:#584437;
	padding:0 0 10px 0;
}
#Banner .booksigning{
	margin:5px;
	padding:0 10px;
}
#Banner .booksigning h3{
	font-size:14px;
	color:#584437;
}
#Banner .booksigning p{
	font-size:12px;
	color:#584437;
	line-height:18px;
}


/*
-----------------------------------------
MENU
----------------------------------------- 
*/
#menuBar {
	padding: 0;
	margin:0;
	margin-bottom:10px;
	margin-top:1px;
	height:40px;
}
#menuBar{
	background:#c12725;
	line-height:40px;
}
#menuBar .homebtn{
}
#menuBar .homebtn a{
	text-indent:-999px;
	background:url(../images/ico_home.gif) no-repeat right bottom;
	height:40px;
	width:51px;
	display:block;
}

/*
-----------------------------------------
mainCONTENT
----------------------------------------- 
*/
#mainContent {
	padding: 0;
	margin:0 10px 10px 10px;
}


#mainContent ul{       /* added by Ricky */
	margin-left: 30px;

}

#mainContent ul li{      /* added by Ricky */
	list-style-type: disc;
}

#mainContent ul li ul li{      /* added by Ricky */
	list-style-type: circle;
}


/*
-----------------------------------------
LEFT
----------------------------------------- 
*/
#mainContent .left {
	width:266px;
	float:left;
}
#mainContent .left h3{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#mainContent .left p{
	font-size:12px;
	font-weight:normal;
}

#mainContent .tab_left {

}
#mainContent .tab_left h3{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#mainContent .tab_left p{
	font-size:12px;
	font-weight:normal;
}


/*
-----------------------------------------
RIGHT
----------------------------------------- 
*/
#mainContent .right {
	width:204px;
	float:left;
}
#mainContent .right h3{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#mainContent .right p{
	font-size:12px;
	font-weight:normal;
}



#mainContent .tab_right {

}
#mainContent .tab_right h3{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#mainContent .tab_right p{
	font-size:12px;
	font-weight:normal;
}

/*
-----------------------------------------
CENTER
----------------------------------------- 
*/
#mainContent .center {
	width:418px;
	float:left;
	border:1px solid #dadadc;
	background:url(../images/bgContent.gif) repeat-x bottom #fff;
	margin:0 10px;
	padding:15px;
}
html>body #mainContent .center {
	width:378px;
}
#mainContent .center h3{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	color:#00438f;
}
#mainContent .center p{
	font-size:12px;
	font-weight:normal;
}



#mainContent .tab_center {
	border:1px solid #dadadc;
	background:url(../images/bgContent.gif) repeat-x bottom #fff;
	margin:0 10px;
	padding:15px;
}

#mainContent .tab_center h3{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	color:#00438f;
}
#mainContent .tab_center p{
	font-size:12px;
	font-weight:normal;
}

/*
-----------------------------------------
bottomCONTENT
----------------------------------------- 
*/
.bottomContent {
	width:900px;
	padding: 0;
	margin:10px;
	background:url(../images/bgBigLogo.gif) no-repeat bottom #fff;
	/* height:900px; */
}
.bottomContent h3{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
	color:#858344;
}

/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/
#Footer {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	font-size:0.85em;
	margin-bottom:10px;
}
#Footer a{
	color:#979248;
	text-decoration:none;
}
#Footer a:hover{
	color:#000;
	text-decoration:none;
}








.tab_right{

}







/*
-----------------------------------------
MAINMENU
----------------------------------------- 
*/
.RootItem TD{height: 40px; font-family: Tahoma;font-size: 12px; color: #FFF;	font-weight: bold; padding: 0px 10px 0px 10px;}
.RootItemActive TD{height:40px; font-family: Tahoma; font-size: 12px; color: #FFF; font-weight: bold; padding: 0px 10px 0px 10px;}
.RootItemSelected TD{height: 40px; font-family: Tahoma; font-size: 12px; color: #ccc;	font-weight: bold; padding: 0px 10px 0px 10px;}
.RootItemBreadCrumb TD{	height: 40px; font-family: Tahoma;font-size: 12px; color: #ccc;	font-weight: bold; padding: 0px 10px 0px 10px;}

.MainMenu_MenuItem {cursor: hand; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; font-style: normal; background-position: top; border-left: #FFF 0px solid; border-bottom: #c12725 0px solid; border-top: #c12725 0px solid; border-right: #FFF 0px solid;}
.MainMenu_MenuIcon {cursor: pointer; cursor: hand; background-position: top; background-color: #c12725; border-left: #c12725 0px solid; border-bottom: #c12725 0px solid; border-top: #c12725 0px solid; text-align: center; width: 15px; height: 20px; color: #FFF;}
.MainMenu_SubMenu {border-bottom:#787878 1px solid; border-left: #787878 1px solid; background-position: top;border-top: #787878 1px solid;  border-right: #787878 1px solid; z-index: 1000; cursor: pointer; cursor: hand; background-position: top; background-color: #c12725; filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray' , Direction=135, Strength=2); color: #FFF;}
.MainMenu_MenuBreak {border-bottom: transparent 0px solid; border-left: transparent 0px solid; background-position: top; border-top: transparent 0px solid; border-right: transparent 0px solid; background-color: #c12725; height: 0px; color: #FFF;}
.MainMenu_MenuItemSel {background-color: #c12725; cursor: hand; color: #000; background-position: top; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; font-style: normal; height:20px;}
.MainMenu_MenuArrow {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; cursor: pointer; cursor: hand; background-position: top; border-right: #3BA5BF 0px solid; border-bottom: #3BA5BF 0px solid; border-top: #FFF 0px solid;}
.MainMenu_RootMenuArrow {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background-position: top; cursor: pointer; cursor: hand;}
.Main {border-right:  #AAAAAA 1px solid; border-left:  #AAAAAA 1px solid; background-position: top;}