@charset "utf-8";
/* CSS Document */

/* Design and Developed by Gayal Cahamin: slflame@gmail.com */

/* Main template design */


body {
	background:#fff;
	font-family:Arial, Helvetica, sans-serif,Verdana;
	font-size:100%;
	line-height:1.25em;
	color:#4a4a4a;
}
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}






/* this is the main frame of the emmv web */

.container {
	width:960px;
	margin:0 auto;
	font-size:.875em;
	position:relative;
}






/* this is the Hedder of the emmv web */
#header {
	height:513px;
	background: url(Images/hedder-bg-background.gif) 0 0 repeat-x #f7f7f7;
}


.hedder-logo-space { height:100px; background-image:url(Images/sachool-hedder3.jpg)}



.hedder-leftbox{
	background: url(Images/header-box.jpg) no-repeat 0 0;
	left:-1px;
	top:100px;
	width:296px;
	height:427px;
	color:#fff;
	position:absolute;
}

.mediaplayer-leftbox{
	width:219px;
	height:45px;
	color:;
	position:absolute;
	left: 47px;
	top: 362px;
}


.School-logo-flashbox{ width:274px; height:327px; padding-left:10px; padding-top:30px;  }







/* this is the the body of emmv of the emmv web */
#boddy-content {                              
	background:#fff;
	padding:32px 0 20px 0;
}

#boddy-content-full-text {
	width:950px; height:inherit; margin-left:5px; margin-right:5px;
	float:left;
	margin-right:5px;
}


#left-navigation-menu{
 
 width:290px; height:inherit;
	float:left; margin-left:3px; margin-right: 4px; background-color:#F4F4F4; margin-top:4px;
	 ;}
	 
	 
	

#boddy-content .aside {
	width:296px; height:inherit;
	float:left;
	margin-right:5px;
}

#boddy-content .bside {
	width:649px;
	float:left;
	margin-right:0px; background-color: #F4F4F4; margin-top:4px; margin-bottom:8px;
}

#boddy-content .bside-textbox {
	width:630px;
	float:left;
	margin-right:2px; background-color: #F4F4F4; margin-top:4px; margin-bottom:4px; margin-left:4px;
}


.navigation-menu{
	height:60px;
	width:634px;
	left:326px;
	position: absolute;
	
}

.imagebox-holder{width:960px; padding-top:50px; }

.Image-box{
	height:360px;
	width:660px;
	left:310px;
	
	top: 270px; float: right; background-image:url(Images/image-box-bg.jpg ); 
	
}

.Image-box-slide-show{
	height:305px;
	width:618px;
	position:absolute;
	top: 176px;
	left: 315px;


	
}
#brake{
	height:1px;
	background: url(Images/brake.jpg) 0 0 repeat-x #f7f7f7; margin-top:5px;
}


/* this is the the styls and other ajestments on layout emmv of the emmv web */
ol, ul {
	list-style: none;
}


h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
    font-size: 1.8em;
}
h2 {
	font-size: 1.4em;
	color: #999999;
	padding-left: 2px;
	padding-bottom: 3px;
}
h3 {
	font-size: 1.0em;
	color: #FFFFFF  ;
	padding-left: 6px;
	padding-bottom: 3px;
}

h4 {
	font-size: 0.8em;
}

h5 {
	font-size: 0.9em; color:#006666;
}

h6{
	 display:block; background-color: #3399CC  ;
}

h7{
	 display:block; background-color: #336666;
}

h8{
	 display:block; background-color: #336699;
}

h9{
	 display:block; background-color: #336600   ;
}


a:visited{ color: #993300;}

p {
    font-size: 1.1em;
    line-height: 1.4em;
}

.p-navigations {
	margin-bottom:5px; margin-left:12px;
}


.p1 {
	margin-bottom:10px;
}

.p2 {
	margin-bottom:20px;
}
.p3 {
	margin-bottom:30px;
}


a:link {
	color: #0000FF;
}

img {
    border: 0px solid #CCCCCC;
}


.img-defalt{
	
	
	border: 10px; 
	 border: solid  #C80417; border-style: groove; 
}

.img-images-right{
	float: right ;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 2px;
	
}

.img-images-left{ float:left;
	 margin-left: 2px;
	margin-top: 0px; margin-right:10px;
	  border:2px; border:#990000 solid ; 
	
}

.img-images-left-Big-box{ float:left;
	 margin-left:25px;
	margin-top: 0px; margin-right:15px; margin-bottom:5px;
	  border:2px; border:#990000 solid ; 
	
}


.Read-More-Right{ text-align: right; font-size:11px; font-weight:bold; 
}

.Read-More-left-small{ text-align: left; font-size:11px; font-weight:bold; 
}
 /*........................................................................................................................*/
 
 /* Fotter start here*/

#footer {
	color:#5c5c5c;
	background:url(../images/footer-bg.gif) 0 0 repeat-x #f2f2f2;
	text-align:center;
	padding:5px 0;
}
.footerlink {
	width:960px;
	margin:0 auto;
	font-size:.875em;
	position:relative;
	clear:both;
	padding:0;
}
.footerlink p {
	margin:0;
	padding:0;
	line-height:normal;
	white-space:nowrap;
	text-indent:inherit;
	color:#5c5c5c;
}
.footerlink a {
	color:#5c5c5c;
	font-weight:normal;
	margin:0;
	padding:0;
	border:none;
	text-decoration:underline;
	background-color:transparent;
}
.footerlink a:hover {
	color:#5c5c5c;
	background-color:transparent;
	text-decoration:none;
}
.footerlink .lf {
	float:left;
}
.footerlink .rf {
	float:right;
}