@charset "utf-8";
/* CSS Document */
body{
	font:12px Verdana, Geneva, sans-serif;
	background:#6F5B35;
	padding:0px;
	margin:0px;}
#container{
	position:relative;
	background:#6F1200;
	width:1024px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;}
img{
	border:none;
	}
	
#bordertop{
	position:absolute;
	background:#6F1200;
	width:1024px;
	height:10px;
	top:0px;
	left:0px;
	z-index:1;}
#borderbottom{
	position:absolute;
	background:#6F1200;
	width:1024px;
	height:10px;
	top:740px;
	left:0px;
	z-index:1;}

		
h1{display:none;}
h2{
	font:17px Verdana, Geneva, sans-serif;
	margin:0 0 2px 4px;
	color:#7A1600;
	letter-spacing:2px;
	font-weight:bold;}
p{
	margin:0 0 20px 4px;
	color:#4B3900;
	line-height:19px;}
.brown{
	margin:0 0 20px 4px;
	color:#4B3900;
	line-height:19px;}
.black{
	margin:0 0 20px 4px;
	color:#3B3B3B;
	line-height:19px;}
.red{
	mmargin:0 0 20px 4px;
	color:#7A1600;
	line-height:19px;}
#white{
	mmargin:0 0 20px 4px;
	color:#FFFFFF;
	line-height:19px;}
a {
	text-decoration:none;
	color:#4B3900;}
a:hover {
	text-decoration:none;
	color:#6F1200;
	outline:none;
	}
ul{
	list-style:none;
	margin:0;
	padding:4px;}

strong{font-weight:bold;}
#header{
	position:absolute;
	background: #E5E7D2 url(../images/meridian_historytop.jpg);
	background-repeat: no-repeat;
	width:1004px;
	height:168px;
	top:10px;
	left:10px;
	z-index:-1;}
#footer{
	position:absolute;
	background: #E5E7D2 url(../images/meridian_contactusbottom.jpg);
	background-repeat: no-repeat;
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}
#navigation{
	position:absolute;
	top:60px;
	left:235px;
	z-index:2;
	}


#logo{
	position:absolute;
	background:url(../images/meridian_logo.gif);
	background-repeat: no-repeat;
	border:none;
	width:167px;
	height:116px;
	top:40px;
	left:48px;}
#tree{
	position:fixed;
	background:url(../images/tree_back.png);
	background-repeat:no-repeat;
	overflow:hidden;
	height:750px;
	width:1014px;

	z-index:0;}
#wn2{
	position:relative;
	overflow:hidden;
	top:0px;
	left:0px;
	width:535px;
	height:367px;
	z-index:1;
	}
#wn{
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:535px;
	height:367px;
	z-index:1;
	}
#content{
	position:absolute;
	top:222px;
	left:316px;
	width:535px;
	height:367px;
	z-index:2;}
#up_arrow{
	position:absolute;
	cursor:pointer;
	top:600px;
	right:190px;
	z-index:2;}
#down_arrow{
	position:absolute;
	cursor:pointer;
	top:600px;
	right:210px;
	z-index:2;}
.left{
	float:left;
	padding:0;
	margin:0;}
.right{
	float:right;
	padding:0;
	margin:0}
/*=================================HOME PAGE========================================*/

#background_top{
	position:absolute;
	background:url(../images/meridian_indextop.jpg);
	background-repeat: no-repeat;
	top:10px;
	left:10px;
	height:230px;
	width:1004px;
	z-index:0;}
#background_mid{
	position:absolute;
	background:url(../images/meridian_indexmid.jpg);
	background-repeat: no-repeat;
	top:240px;
	left:10px;
	height:245px;
	width:1004px;
	z-index:0;}
#background_bottom{
	position:absolute;
	background:url(../images/meridian_indexbottom.jpg);
	background-repeat: no-repeat;
	top:485px;
	left:10px;
	height:255px;
	width:1004px;
	z-index:0;}
	
/*=================================HISTORY OF THE MERIDIAN PAGE========================================*/
#history_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_partnermid1.jpg); 
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:275px; 
	height:520px; 
	z-index:1;}
#history_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/history_mid.jpg); 
	background-repeat: no-repeat;
	top:178px;
	left:285px;
	width:604px; 
	height:520px; 
	z-index:-1;}
#history_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_partnermid3.jpg); 
	background-repeat: no-repeat;
	top:178px;
	left:889px;
	width:125px; 
	height:520px; 
	z-index:1;}
#history_footer{
	position:absolute;
	background:#E5E7D2 url(../images/history_bottom.jpg);
	background-repeat: no-repeat;
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}

/*=================================VISSION MISSION PAGE========================================*/
#vissionmission_header{
	position:absolute;
	background:#E5E7D2 url(../images/meridian_vissionmissiontop.jpg);
	background-repeat: no-repeat;
	top:10px;
	left:10px;
	height:168px;
	width:1004px;
	z-index:-1;}
#vissionmission_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_vissionmissionmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:289px;
	height:520px;
	z-index:1;}
#vissionmission_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/visionmision_mid.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:299px;
	width:579px;
	height:520px;
	z-index:-1;}
#vissionmission_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_vissionmissionmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:878px;
	width:136px;
	height:520px;
	z-index:1;}
#vissionmission_footer{
	position:absolute;
	background:#E5E7D2 url(../images/meridian_vissionmissionbottom.jpg);
	background-repeat: no-repeat;
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}

/*=================================MESSSAGE FROM THE PRESIDENT PAGE========================================*/
#message_sidebar_left{
	position:absolute; 
	background:#F6F7EF  url(../images/meridian_messagemid1.jpg); 
	background-repeat: no-repeat;
	top:178px; 
	left:10px; 
	width:274px; 
	height:520px; 
	z-index:1;}
#message_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_messagemid12.jpg); 
	background-repeat: no-repeat;
	top:178px;
	left:284px; 
	width:605px; 
	height:520px; 
	z-index:-1;}
#message_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_messagemid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:889px;
	width:125px;
	height:520px;
	z-index:1;}
	
/*=================================STUDENT PROFILE PAGE========================================*/
#student_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_studentmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:125px;
	height:520px;
	z-index:1;}
#student_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_studentmid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:135px;
	width:509px;
	height:520px;
	z-index:-1;}
#student_content{
	position:absolute;
	top:222px;
	left:150px;
	z-index:2;}
#student_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_studentmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:644px;
	width:370px;
	height:520px;
	z-index:1;}
#student_arrow_up{
	position:absolute;
	cursor:pointer;
	top:600px;
	right:445px;
	z-index:2;}
#student_arrow_down{
	position:absolute;
	cursor:pointer;
	top:600px;
	right:465px;
	z-index:2;}
	
/*=================================THE ODEEP CURRICULUM PAGE========================================*/
#odeep_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_odeepmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:289px;
	height:520px;
	z-index:1;}
#odeep_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_odeepmid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:299px;
	width:590px;
	height:520px;
	z-index:-1;}
#odeep_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_odeepmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:889px;
	width:125px;
	height:520px;
	z-index:1;}
#odeep_footer{
	position:absolute;
	background:#E5E7D2 url(../images/meridian_odeepbottom.jpg);
	background-repeat: no-repeat;
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}

/*=================================PRE-SCHOOL EDUCATION PAGE========================================*/
#preschool_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_preschoolmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:273px;
	height:520px;
	z-index:1;}
#preschool_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_preschoolmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:887px;
	width:127px;
	height:520px;
	z-index:1;}
#academic_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_preschoolmid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:283px;
	width:604px;
	height:520px;
	z-index:-1;}
#years_container{
	width:250px;
	height:auto;}
#academic_footer{
	position:absolute;
	background:#E5E7D2 url(../images/meridian_preschoolbottom.jpg);
	background-repeat: no-repeat;
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}

/*=================================GRADE SCHOOL EDUCATION PAGE========================================*/

#gradeschool_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_gradeschoolmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:273px;
	height:520px;
	z-index:1;}
#gradeschool_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_gradeschoolmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:887px;
	width:127px;
	height:520px;
	z-index:1;}
	
/*=================================CO-CURRICULAR AND EXTRA-CURRICULAR PROGRAMS PAGE========================================*/
#programs_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_programsmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:275px;
	height:520px;
	z-index:1;}
#programs_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_programsmid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:285px;
	width:605px;
	height:520px;
	z-index:-1;}
#programs_pic{
	position:relative;
	width:510px;
	height:735px;}
#programs_pic p{
	text-align:center;
	color:#6F1200;
	line-height:15px;
	letter-spacing:0.12px;}
#asian{
	position:absolute;
	width:132px;
	height:174px;
	text-align:center;
	top:0;
	left:0;}
	
#science{
	position:absolute;
	width:130px;
	height:174px;
	top:255px;
	right:0px;}

#speech{
	position:absolute;
	width:132px;
	height:174px;
	top:509px;
	left:0px;}
#research{
	position:absolute;
	width:181px;
	height:160px;
	top:269px;
	left:175px;}
#gradeschool{
	position:absolute;
	width:116px;
	height:91px;
	top:83px;
	right:0px;}
#summer{
	position:absolute;
	width:160px;
	height:90px;
	text-align:center;
	
	top:593px;
	left:173px;
	}
#tournament{
	position:absolute;
	width:157px;
	height:120px;
	text-align:center;
	top:563px;
	right:0;
	}
#musical{
	position:absolute;
	width:130px;
	height:173px;
	text-align:center;
	top:0;
	left:200px;}
#music{
	position:absolute;
	width:114px;
	height:107px; 
	text-align:center;
	top:322px;
	left:0px;
	}

#programs_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_programsmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:890px;
	width:124px;
	height:520px;
	z-index:1;}
#programs_footer{
	position:absolute;
	background-repeat: no-repeat;
	background:#E5E7D2 url(../images/meridian_programsbottom.jpg);
	top:698px;
	left:10px;
	width:1004px;
	height:43px;
	z-index:-1;}

/*=================================BECOME A DREAM PARTNER PAGE========================================*/
#partner_sidebar_left{
	position:absolute;
	background:#F6F7EF url(../images/meridian_bpartnermid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	border:none;
	width:370px;
	height:520px;
	z-index:1;}
#partner_sidebar_mid{
	position:absolute;
	background-repeat: no-repeat;
	background: #F6F7EF url(../images/meridian_bpartnermid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:380px;
	width:496px;
	height:520px;
	z-index:-1;}
#partner_content{
	position:absolute;
	top:222px;
	left:400px;
	width:500px;
	height:367px;}
#nav{
	position:relative;
	background:url(../images/meridian_partnernav.png);
	background-repeat:no-repeat;
	margin-top:0px;
	margin-bottom:0px;
	width:455px;
	height:30px;}
#content_nav{
	position:relative;
	width:500px;
	height:1660px;}
#content_nav #help_left{
	float:left;
	text-align:right;
	width:185px;
	height:auto;}
#content_nav #help_right{
	float:left;
	margin-left:8px;
	width:265px;
	height:auto;}
#content_nav #sponsor_left{
	float:left;
	text-align:right;
	width:185px;
	height:auto;}
#content_nav #sponsor_right{
	float:left;
	margin-left:8px;
	width:265px;
	height:auto;}
#content_nav #book_left{
	float:left;
	text-align:right;
	width:185px;
	height:auto;}
#content_nav #book_right{
	float:left;
	margin-left:8px;
	width:265px;
	height:auto;}
#content_nav #fund_left{
	float:left;
	text-align:right;
	width:185px;
	height:auto;}
#content_nav #fund_right{
	float:left;
	margin-left:8px;
	width:265px;
	height:auto;}
#content_nav #university_left{
	float:left;
	text-align:right;
	width:185px;
	height:auto;}
#content_nav #university_right{
	float:left;
	margin-left:8px;
	width:265px;
	height:auto;}
#content_nav p{
	color:#4B3900;
	line-height:15px;
}
#content_nav .red{
	color:#7A1600;
	line-height:15px;
}

#nav .white{
	font:11px Verdana, Geneva, sans-serif;
	color:#FFFFFF;
	margin:0 0 0 0px;
	line-height:19px;}
#nav #nav_left{
	float:left;
	
	margin:6px 0 0 20px;
	}
#nav #nav_right{
	float:right;
	margin:6px 68px 0 0;}

#form_content{
	position:relative;
	width:455px;
	height:840px;}
#partner_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_bpartnermid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:876px;
	width:138px;
	height:520px;
	z-index:1;}

{
  resize:none;
}
/*=================================CONTACT US PAGE========================================*/
#contactus_sidebar_left{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_contactusmid1.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:10px;
	width:125px;
	height:520px;
	z-index:1;}
#contactus_sidebar_mid{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_contactusmid2.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:135px;
	width:371px;
	height:520px;
	z-index:-1;}
#contactus_sidebar_right{
	position:absolute;
	background:#F6F7EF  url(../images/meridian_contactusmid3.jpg);
	background-repeat: no-repeat;
	top:178px;
	left:506px;
	width:508px;
	height:520px;
	z-index:1;}
	
/*================================= Others ========================================*/
#gallery_mid{
	position:absolute;
	width:1004px;
	height:520px;
	left:10px;
	top:178px;
	background:#F6F7EF  url(../images/gallery_mid.jpg);
	background-repeat: no-repeat;
	z-index:-1;
}

#gallery_container{
	position:absolute;

	width:688px;
	height:468px;
	top:203px;
	left:168px;
	z-index:2;
}

#gallery_container * {margin:0; padding:0}
#main_image{
	position:absolute;
	overflow:hidden;
	background: #FFF url(../Curricular%20Programs/images/loading.gif) center;
	background-repeat:no-repeat;
	top:0px;
	left:140px;
	width:545px;
	height:357px;
}
	
#gallery{
	position:absolute;
	bottom:0px;
	left:0px;
	width:700px;
	height:81px;
	z-index:1;
}
	
#gallery li {float:left;
	background:#000;
	margin-right:8px;
	border: #FFF double;
	cursor:pointer;
	width:125px;
	height:81px;}

#gallery_logo{
	position:absolute;
	text-align:center;
	width:125px;
	height:auto;
	bottom:108px;
	left:0px;
}

#close{
	position:absolute;
	top:678px;
	right:173px;
	z-index:1;
	
	}
/*==========================================================================================================================*/

#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
    }


.content { /* hide content to be swapped in */
	position:relative; visibility:hidden;
	left:0px; top:0px; 
	}
#lyr1 { /* show first div */
    visibility:visible;
    }
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
#track { 
  position:relative; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
#dragBar {
  position:relative; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

object {
	outline:none;
}

.underline {
	text-decoration:underline;
}

.bullet{
	
	list-style-type:disc;
}