/* MAYATAN BILINGUAL SCHOOL */
/* CSS Document */
body{
	margin:0px;
	background-color:#000000;
}

p{
	text-align:justify;
}

/* HEADER */
#Header{
	background-color:#FFFFFF;
	width:100%;
	float:none;
	height:80px;
	vertical-align:middle;
}

	#Header #SchoolLogo{
		float:left;
	}
	
		#Header #SchoolLogo img{
			margin-left:2px;
			margin-top:2px;
		}
	
	#Header #FoundationLogo{
		float:right;
	}
	
	#Header #SchoolTitle{
		background:url(../images/MBS_banner.gif);
		background-position:center;
		background-repeat:no-repeat;
		height:80px;
	}
	
	/* TOP MENU */
	#TopMenuBar{
		background-color:#33038B;
		width:100%;
		float:none;
	}
	
	#TopMenu{
		width:980px;
		margin-right:15px;
	}
	
	#TopMenu ul{
		list-style:none;
		margin:0px;
	}
	
	#TopMenu li{
		display:inline;
	}
	
	#TopMenu a{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		margin-left:20px;
		text-decoration:none;
	}
	
	#TopMenu a:hover{
		background-color:#FFFFFF;
		color:#000000;
	}

/* MAIN AREA */
#Main{
	background-color:#33038B;
	width:982px;
	float:none;
}

	/*LEFT SIDE */
	#LeftSide{
		background-color:#33038B;
		width:200px;
		float:left;
		text-align:left;
	}
		/*SECTION LINKS */
			#LeftSide .Section:hover{
				background-color:#F3CA3F;
			}
			#LeftSide .Section a{
				color:#FFFFFF;
				font-size:20px;
				margin-left:5px;
				text-decoration:none;
				display:block;
			}
				#LeftSide .Section a:hover{
					color:#33038B;
					text-decoration:none;
				}
				#LeftSide .Section a:visited{
					color:#FFFFFF;
				}
					#LeftSide .Section a:visited:hover{
						color:#33038B;
					}
		/*PAGE LINKS */
			#LeftSide .Page:hover{
				background-color:#F3CA3F;
			}
			
			#LeftSide .Page a{
				color:#FFFFFF;
				font-size:16px;
				margin-left:15px;
				text-decoration:none;
				display:block;
			}
				#LeftSide .Page a:hover{
					color:#33038B;
					text-decoration:none;
				}
				#LeftSide .Page a:visited{
					color:#FFFFFF;
				}
					#LeftSide .Page a:visited:hover{
						color:#33038B;
					}
	
	#SpecialArea{
		width:200px;
		float:none;
	}
	
	/* COPY TEXT AREA */
	#RightSide{
		background-color:#FFFFFF;
		border-left:#33038B thin solid;
		border-right:#33038B thin solid;
		float:right;
		width:780px;
	}
	
	#RightSide .newsletter_image{
		float:right;
		margin-left:5px;
	}
	
	#RightSide #PageImage{
		float:right;
	}
	
	#RightSide #Copy{
		float:none;
		text-align:left;
	}
	
	#RightSide #Copy h1{
		margin-left:2px;
	}
	
	#RightSide #Copy h2{
		color:#666666;
		margin-left:12px;
	}
	
	#RightSide #Copy h3{
		color:#999999;
		margin-left:22px;
	}
	
	#RightSide #Copy p{
		margin-left:22px;
		margin-right:12px;
	}
	#RightSide #Copy a{
		color:#33038B;
		text-decoration:underline;
	}
	#RightSide #Copy a:hover{
		background-color:#33038B;
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#UpdateText{
		background-color:#33038b;
		color:#FFFFFF;
		float:none;
		font-size:11px;
		text-align:center;
		width:100%;
	}
	
	/* COPYRIGHT NOTICE */
	#Copyright{
		font-size:11px;
		float:none;
		text-align:center;
		width:100%;
		text-decoration:none;
	}
	
	#Copyright a{
		text-decoration:none;
		color:#FFFFFF;
	}
	
/* TEACH INFO PAGE */
#bookmarks.contentlist{
	background-color:#EEEEEE;
	border:solid thick #33308B;
	float:right;
	margin-left:12px;
}

	#bookmarks.contentlist a{
		font-size:smaller;
	}
	#bookmarks.contentlist h4{
		margin-top:2px;
		margin-bottom:2px;
	}
	


#RightSide #Copy .BackToContents{
	color:#666666;
	font-size:10px;
}