body{
font-size: 12px;
font-family: arial;
color: #505050;
text-align: center;
margin: 0; 
padding: 0;
}

a{
outline: none;
}

img{
border: none;
}

#OuterLayer_first{
background: #7C7774 url(images/bg_firstlayer.jpg) repeat-y scroll center top;
}

#OuterLayer_second{
background: url(images/bg_outer.jpg) no-repeat scroll center top;
}

#Banner{
background: url(images/banner.jpg) no-repeat;
width: 946px;
height: 187px; 
}

#MainContainer{
margin-left: auto;
margin-right: auto;
width: 946px;
text-align: left;
background: white;
}

#LeftSideBar{
float: left;
width: 226px;
background-image: url(images/leftsidebar_repeater.gif);
}

#Footer{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

/************************************************************************
For In Edu.Net sidebar, we use a special bg for the div
Coz In Edu.Net has a gradient Bg, continuing from the Login div above
************************************************************************/
.sidebar_inedunet_bg{
background: url(images/div_inedunet_bg.jpg) no-repeat;
padding: 15px;
text-align: justify;
}

.sidebar_login_bg{
background: url(images/div_login_bg.jpg) no-repeat;
text-align: justify;
height: 95px;
}

.sidebar_content{
padding: 15px;
text-align: justify;

}

#RightContent{
float: left;
width: 720px;
}

#NewsAnnouncement{
background: white url(images/rightcontent_top.jpg) no-repeat ;
}

.rightcontent_content{
padding: 11px;
}


.table{
border-collapse: collapse;
font-size: 10px;
}

.table td{

}

.login_title{
padding-left: 15px;
width: 60px;
}

.login_input_bar {
border: 0px;
margin: 0;
background: url(images/login_input.jpg);
width: 120px;
height: 20px;
}

#SearchBar{
background-image: url(images/searchbar.jpg);
width: 946px;
height: 47px;
}

.searchbar_container {
border: 0px;
background: url(images/login_input_full.jpg) no-repeat left top;
width: 240px;
height: 22px;
margin: 0px;
padding: 0px;
float: left;
}

    .searchbar_input{
    width: 230px; 
    height: 13px; 
    font-size: 10px; 
    margin-left: 5px; 
    border: 0px solid black; 
    margin-top: 2px;
    }

.loginbar_container {
border: 0px;
background: url(images/loginbar_input.gif) no-repeat left top;
width: 138px;
height: 22px;
margin: 0px;
padding: 0px;
float: left;
}

    .loginbar_input{
    width: 120px; 
    height: 14px; 
    font-size: 10px; 
    margin-left: 5px; 
    border: 0px solid black; 
    margin-top: 3px;
    }

#HorizontalMenu_Container{
background-image: url(images/horizontal_menu_bg.jpg);
width: 946px;
height: 26px;
}

#HorizontalMenu_Container a{
text-decoration: none;
font-weight: bold;
color: #535355;
font-size: 11px;
}

#HorizontalMenu_Container a:hover{
color: #BF2000;
}

#HorizontalMenu_links{

}

.sidebar_list{
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
}

.sidebar_list li a{
color: #994827;
text-decoration: none;
}

#Calendar_bg{
background: url(images/calendar_bg.jpg) no-repeat ;
width: 697px;
height: 180px;
padding-left: 20px;
padding-top: 2px;
}

#TheCalendar_table, #SearchCalendar_table{
font-size: 11px;
color: #535355;
border-top: 1px solid gray;
}

#TheCalendar_table td{
padding-right: 15px;

}

.calendar_event_date{
font-weight: bold;
color: #DF3B03;
text-decoration: none;
}

#Calendar_thismonth{
height: 20px;
width: 200px;

}

#Calendar_bg_table{
width: 660px;
}

#Calendar_dates{
width: 210px;
}

#Calendar_thismonth{
width: 210px;
}

#Calendar_search{
width: 210px;
margin-left: 10px;
}

#Eduint_school_container{
margin-left: 10px;
width: 630px;
}

#Eduint_contact_container{
margin-top: 20px; 
width: 630px;
}

.eduint_contact_details{
float: left; 
width: 280px; 
height: 100px;
padding: 10px;
margin: 0px 10px 5px 0px;
}

/*
#Sandakan_balloon{
background: url(images/pointer.png) no-repeat; 
padding: 10px; 
position: absolute; 
top: 100px; 
left: 400px; 
display: none;
font-weight: bold;
width: 190px;
height: 131px;
}
*/

#Sandakan_balloon, #Pedalaman_Bawah_balloon, #Pedalaman_Atas_balloon, #Pantai_Barat_Utara_balloon, #Pantai_Barat_Selatan_balloon, #Tawau_balloon, #Labuan_balloon{
padding: 5px;
margin-left: 10px; 
position: absolute; 
top: 395px; 
left: 0px;
width: 650px; 
display: none;
font-weight: bold;
text-align: center;
}

#LanguageTooltip_BI{
position: absolute; 
top: 3px; 
left: 600px; 
width: 220px; 
padding: 1px;
display: none;
color: white;
font-weight: bold;
font-size:11px;
}


#LanguageTooltip_BM{
position: absolute; 
top: 3px; 
left: 520px; 
width: 300px; 
padding: 1px;
display: none;
color: white;
font-weight: bold;
font-size:11px;
}


.gradientbox_empty{
background: url(images/whitebox_empty.png) no-repeat ;
width: 696px;
height: 75px;
margin-left: 15px;
}

.whitebox_empty{
background: url(images/whitebox_empty2.png) ;
width: 696px;
height: 20px;
margin-left: 14px;
}

a.navlink_blue{
font-weight: bold;
color: #316AFF;
text-decoration: none;
font-size: 12px;
}

.bluelink{
color: #316AFF;
text-decoration: none;
}

.bluelink2{
color: #316AFF;
text-decoration: none;
font-weight: bold;
}

#NavLink_table{
border-collapse: collapse;
}

#NavLink_table td{
padding-right: 15px;
padding-left: 15px;
}

#MapFrame{
background:url(images/mapframe.jpg); 
width: 160px; 
height: 132px; 
float: left;
}

.mapframe_inner{
text-align: center;
padding-top: 10px;
}

.class{
text-align: center; 
padding-top: 10px;
}

.greentitle{
font-weight: bold;
color: #005900;
font-size: 14px;
padding-top: 10px; 
margin-top: 0px; 
padding-left: 10px;
}

.redtitle{
padding: 10px 0px 10px 20px; 
color: #AE0001; 
font-weight: bold; 
font-size: 14px;
}

.redtitle2{
padding: 10px 0px 10px 0px; 
color: #AE0001; 
font-weight: bold; 
font-size: 12px;
}

.redbullet{
list-style-image: url(images/arrow_red.gif);
}

.redbullet2{
list-style-image: url(images/arrow_red2.gif);
}



.news_maincontainer{
border:1px solid #CCCCCC; 
padding: 5px; 
text-align: justify; 
background: white url(images/gradient_gray_repeater.gif) repeat-x;
}

.news_img{
float: left;
}

.news_title{
float: left;
text-decoration: none;
color: #DF3B03;
width: 580px; 
padding: 0px 0px 10px 10px;
}

.news_desc{
float: left; 
width: 580px; 
padding: 0px 0px 10px 10px;
}

.news_date{
text-align: right;
font-style: italic;
color: #B97B67;
font-size: 10px;
}

.news_desc a{
text-decoration: none;
color: #DF3B03;
}


.links_maincontainer{
width: 690px; 
text-align: justify; 
margin-left: 16px; 
background: url(images/whitebox_empty2.png) repeat-y; 
padding-left: 20px; 
padding-top: 5px;
}

.links_contentdiv{
background: url(images/gradient_gray_repeater.gif) repeat-x; 
width: 678px; 
margin-left: -14px; 
margin-top: -4px;
}

.links_item{
width: 200px; 
float: left;
}

.overseas_link{
width: 300px; 
float: left;
padding-right: 10px;
}

.links_close{
background: url(images/whitebox_empty2_bottom.png) no-repeat; 
width: 686px; 
height: 31px; 
margin-left: 18px;
}

.footerlink{
text-decoration: none;
color: #2A649F;
}

.footnote{
padding: 0px 15px 0px 5px; 
text-align: right; 
font-size: 10px; 
font-style: italic;
}

.clear{
clear: both;
}