/*this is the css for non-IE */
* {margin:0;border: 0; outline: 0; padding:0}
body {background:url(../images/bg/grey1.jpg); margin:0 auto; font:14px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif;  text-align:center;}	
#header {background:url(../images/header/bg2.png) no-repeat; height:102px; width:1000px; margin:0 auto; margin-top:10px; }
#menu ul {list-style:none; margin-right:8px;display:block; font-size:11px; z-index:20}
#menu ul li {margin-top:4px; text-align:center; display:block;}
#menu ul li, #menu ul li.menu { height:32px; float:right; display:block; }
#menu ul li.menu {background:#d0000a; color:#ffffff; }
#menu ul li.left {background:url(../images/header/menu_left.png) no-repeat; width:21px;display:block;}
#menu ul li.menu a {margin-top:0px; text-decoration:none; color:#FFFFFF;display:block; line-height:32px; padding:0 8px;}
#menu ul li.menu a:hover { color:#990000; background:url(../images/header/5.gif); display:block;}
#menu td.logo {background:url(../images/header/ba_trans2.png) no-repeat; width: 152px; display:block;}

	
	
/*for content pages*/
#wrapper, #index_wrapper {text-align:center; width:1000px;color:#000000; margin:0 auto; color:#000000; background:url(../images/1.jpg) repeat-y;} 		                             /*the big wrapper with yellow strip on each side*/

#index_wrapper {height:710px; margin-top:-100px;}
#index_i {width:1000px;color:#000000; margin:0 auto; color:#000000; background:url(../images/bg/2.jpg) repeat-y; height:710px;}
#index_ii {height:790px; margin-top:-100px; /*background:url(../images/ba2.jpg) no-repeat bottom left*/ background-position:right}
#body_content, #body_content_s, #body_content_i {width:650px; margin:0 auto; font:14px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; text-align:left}
#body_content_i {font-size:13px; text-align:justify;}
#body_content_i a{color:#B00000; text-decoration:none}
#body_content_i a:hover{color:#FF0000;}
/*contain all letters and pictures*/
.body_content_title, .body_content_s_title,.body_content_title_i {color:#cc0000; font:18px/19px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; font-weight:bold; text-align:left;margin: 20px 0;}
.body_content_title_i {margin-top:-5px; }
.body_content_s_title {font-size:16px; color:#000000}
#body_content a {color:#cc0000}
table .tr. td {font:14px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; text-align:left}


#footer{width:902px; text-align:center; color:#ffffff; margin:0 auto; font-size:9px; }
#slideshow {padding:5px 0px 5px 262px;}
#schoolbig {width:600px; text-align:center; background:#000000}
#school_1, #school_4 {margin-left:40px; width:200px;  border:#CCCCCC 1px solid; height:400px;}
 #school_4 {margin-top:-420px; margin-left:280px;}
#school_1 img, #school_4 img {border:0; margin-left:12px;}


/*add later*/
#quick_link {width:300px; position:relative; height:100px;left:770px; top:-37px; z-index:0 }

#quick_link ul li {list-style:none;  display:block; width:200px; margin-left:20px; }
#linktop{ width:200px; height:5px; background:#d0000a; margin-left:20px;}
#quick_link li a, #MyMoveAd li a,#MyMoveAd li a:hover {width:194px; margin:0 auto; border-left:#d0000a 1px solid; border-right:#d0000a 1px solid; font:11px/18px Verdana, Arial, Helvetica, sans-serif; display:block; text-decoration:none; border-bottom:#d0000a 1px dashed; color:#d0000a; padding-left:4px;}
#quick_link li a:hover {color:#333333; border-bottom:#333333 1px dashed;}
.bottom, .top {background:url(../images/side/b.png) no-repeat; font:13px/25px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-align:center; height:25px; cursor:pointer;}
#index_body {background:url(../images/bb2.png) no-repeat; height:612px;}
#index_text {position:relative; left:-20px;}
#index_text {position:relative; left:-100px;}
#picture {width:auto; background:url(../images/bu.png) no-repeat; height:381px; float:right; margin-top:-270px;  padding:16px 0 0 18px }
#embeddedpicture {width:auto; height:300px; position:relative; left:40px; float:left ; Margin-top:-340px; padding:16px 0 0 18px }

/*my add*/


#MyMoveAd li a,#MyMoveAd li a:hover { border-bottom:none;}
#MyMoveAd li a:hover{color:#d0000a}
#MyMoveAd li a:focus{outline:none;}
.top {background:url(../images/side/t.png) no-repeat;  }

/*calendar*/
#calendar {float:right;position: relative;margin-top:-5px;margin-right:110px;}
#calendar A:active 	    {color: #000000;}
#calendar    A:visited 	    {color: #000000;}
#calendar	A:focus {outline:none;}
#calendar    A:link 	    {color: #000000;}
#calendar    A:hover 	    {color: #D80E0E;}
    .blackBacking   {background-color:#999999;}
    .names 	    {background-color:#FFCC33; font-size: 13px; color: #FFFFFF; text-decoration: none; text-align:  center; font-family: Verdana; font-weight: bold;}
    .calendarBody   {background-color: #F2EBCB; font-size: 12px; color: #000000; text-decoration: none; text-align:  center; font-family: Verdana;}
    .calCurrentDay  {background-color: #F0D145; font-size: 11px; color: #FFFFFF;}
    .calOtherDay    {background-color: #F2EBCB; font-size: 11px; color: #000000;}
    .calNotDay	    {background-color: #F2EBCB; font-size: 11px; color: #000000;}
    .calFormMenu    {background-color: #AECE6A; font-size: 13px; color: #FFFFFF; width: 130px;text-decoration: none; text-align:  center; font-family: Verdana; font-weight: bold;}
	
	
/* lightbox*/
.black_overlay{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color:#000000;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: fixed;
			top:5%;
			left: 25%;
			width: 50%;
			height: auto;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}

/*gallery*/
/* Clear fix */

		.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clearfix { display: inline-block; }
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }

	
		/* loopedSlider */
		.container { position:relative; margin-top:20px; height:375px; width:500px; overflow:hidden; }
		.container div { background-color:#eaeaea; opacity:0; z-index:0; position:absolute; top:0; left:0; width:500px; }
		#loopedSlider { position:relative; width:500px; margin:50px auto; }
		
		/* Custom settings */
		.pagination,.nav-buttons { list-style-type:none; margin:0; padding:0; }
		.pagination { margin:9px auto; width:132px; }
		.pagination li,.nav-buttons li { float:left; margin:0 5px; }	
		.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(http://www.bondacademy.ca/gallery/Slider/img/pagination.png); background-position:0 0; background-repeat:no-repeat;}
		.pagination a.active {background-position:0 -12px}
		li.p { position:absolute; top:200px; left:-32px; }
		li.n { position:absolute; top:200px; right:-32px; }
/* galleryindex page*/

img {
	border: none;
}

/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	margin-left:30px;
	
}
.gallery li {
	margin: 5px -15px 0px 0;
	padding: 0;
	float: left;
	position: relative;
	width: 212px;
	height: 175px;
	
}

.gallery a {
	text-decoration: none;
	color: #999;
}
.gallery a:hover {
	color: #000;
	text-decoration: underline;
}
.gallery img {
	border: none;
	padding: 14px 26px 12px 13px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0px;
	left: 2px;
	background: url(../administrator/images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: italic 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 135px;
}

/*news*/
#content_news {float:right; border:#0099CC 1px solid; margin-top:-30px; margin-right:-60px;}

/*school*/
#school_add {margin-left:-65px; margin-top:-20px}

/*gallery*/
#photo_album_gallery {margin-left:-33px;}
#ga_sound {float:right; margin-top:-40px; margin-right:-53px;}

#body_content_i {margin-left:100px;}


#cctab {font:12px "Trebuchet MS",Trebuchet,Verdana,Arial,sans-serif; border:5px solid #F5F5F5}
.cctt {border:1px solid #000000; padding-left:4px}
#vv {margin-left:50px;}
#body_content {text-align:justify}


#footindex { color:#000000; font:11px Verdana, Arial, Helvetica, sans-serif; margin-top:-5px}



#g_navi {width:800px; text-align:right; height:30px; float:right}
#g_navi .rib_page_nav {border:#FFCC00 1px solid; color:#ffcc00; width:20px; height:20px; line-height:20px; text-align:center}
#g_navi ul li {float:right; display:block; margin:0 2px}

.clear {clear:both;}