﻿
body {
	margin: 0px;
	padding: 0px 1px;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 133%;
	color: #333333;
	font-family: Comic Sans MS,  arial, helvetica, sans-serif;
	text-align: center;
}

a {
	color: black;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

p
{
	font-size: 12px;
}
ul
{
	font-size: 12px;
}

/* frame */
#container {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 800px;
	text-align: center;
	background: transparent url(../images/076/body_bg.jpg) repeat-y top left;
	
}

/* header */

#intro
{
	width: 828px;
	height: 187px;
	background: transparent url(../images/076/header_bg.jpg) no-repeat top left;
}
#pageHeader {
	margin: 0px 0px;
	padding: 100px 0px 0px 50px;
	text-align: left;
}
 
#linkListTable 
{
	z-index: 10;
	position: relative;
	height: 100px;
	left: 45px;
	top: 80px;
	width: 700px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
} 
#linkListTable span
{
	
	font-size: 10px;
	z-index: 10;
	text-align: center;
	
}

#linkListTable a
{
	font-size: 12px;
	font-style: bold;
	width:75px;
	height:50px;
	vertical-align: bottom;
		
}
#linkListTable a:hover  
{
	background: #3366ff;
	color: #FFF;
	text-decoration: none;
}
#linkListTable table
{
	border: none 1 black;
	width: 80%;
}
#linkListTable td  
{
	width:75px;
	height:50px;
	text-align: center;
	border-top-style:solid;
	border-bottom-width: 1;
	vertical-align: bottom;
	
	
}


#pageHeader h1 
{
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 2;
}

#pageHeader h1 span 
{
	display: none;
}

#pageHeader h2 span 
{
	z-index: 8;
	font-size: small;
	text-align: left;
}


#MenuDiv
{
	background: transparent url(../images/076/contents_bg.gif) no-repeat top left;
	height: 600px;
	width: 900px;
	position: relative;
	left: 10px;
	top: 50px;
	z-index: 2;	
}

#MainText 
{
	background: transparent url(../images/076/footer_bg.gif) no-repeat bottom left;
	margin: 0px 27px;
	padding:  0px;
	z-index: 10;

}
#hometext
{
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width: 700px;
	height: 560px;
	overflow: auto;
	left: 10px;
	z-index: 3;
	text-align: justify;
}
#hometext h1
{
	font-size:large;
}

#footer {
	margin: 0px 0px 0px 230px;
	padding: 0px 0px 26px 0px;
	width: 466px;
	text-align: right;
	z-index: 10;
}

#footer a 
{
	color: #666666;
	text-decoration: underline;
}

/* link */
#linkList {
	background: transparent url(../images/076/link_bg.gif) no-repeat top left;
	position: absolute;
	margin: 0px 0px 0px 20px;
	top: 247px;
	width: 242px;
	z-index: 1;
}


/* images */
#extraDiv1 {
	position: absolute;
	top: 5px;
	left: 13px;
	text-align: center;
	width: 100%;
	z-index: 1;


	background: transparent url(../images/076/header_bg.jpg) no-repeat top left;
	margin: 0px auto;
	padding: 0px;
	width: 828px;
	height: 222px;
	display: block;
}

#extraDiv1 span 
{
}

#extraDiv2 {
	background: transparent url(../images/076/contents_bg.gif) no-repeat top left;
	position: absolute;
	top: 189px;
	left: 30px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	width: 728px;
	height: 573px;
	display: block;
	z-index: 0;
}

#extraDiv2 span 
{
}

#extraDiv11  
{
	position: relative;
	left: 500px;
	top: 50px;
	width: 112px;
	height: auto;
	z-index: 5;
	
}

#extraDiv10
{
	position: absolute;
	left: 590px;
	top: 0px;
	width: 113px;
	height: auto;
	z-index: 5;
}

#extraDiv12
{
	position: absolute;
	left: 43px;
	top: 120px;
	width: 613px;
	height: auto;
	z-index: 5;
	font-size: larger;
	line-height:1.3;
}

#extraDiv3 
{
	position: relative;
	left: 0px;
	top: 0px;
	background: transparent url(../images/076/ourschool.gif) no-repeat top left;
	
}

#extraDiv3 span 
{
	margin: 0px auto;
	padding: 0px;
	width: 113px;
	height: 120px;
	display: block;
	z-index: 4;
}
#extraDiv3 a 
{
	width: 113px;
	height: 112px;
	display: block;
	z-index: 5;
}
#extraDiv3 a:hover {
	background: transparent url(../images/076/ourschool_over.gif) no-repeat top left;
	z-index: 5;
}

#extraDiv4 span {
	background: transparent url(../images/076/aims.gif) no-repeat top left;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	width: 113px;
	height: 112px;
	display: block;
	z-index: 4;
}
#extraDiv4 a 
{
	width: 113px;
	height: 112px;
	display: block;
	z-index: 4;
}
#extraDiv4 a:hover 
{
	background: transparent url(../images/076/aims_over.gif) no-repeat top left;
	z-index: 5;
}



#extraDiv5 span {
	background: transparent url(../images/076/curriculum.gif) no-repeat top left;
	position: relative;
	left: 15px;
	top: 15px;
	margin: 0px auto;
	padding: 0px;
	width: 113px;
	height: 112px;
	display: block;
	z-index: 3;
}
#extraDiv5 a 
{
	width: 113px;
	height: 112px;
}
#extraDiv5 a:hover {
	background: transparent url(../images/076/curriculum_over.gif) no-repeat top left;
}



#extraDiv6 span {
	background: transparent url(../images/076/monteedu.gif) no-repeat top left;
	position: relative;
	left: 0px;
	top: 5px;
	margin: 0px auto;
	padding: 0px;
	width: 113px;
	height: 112px;
	display: block;
	z-index: 3;
}
#extraDiv6 a 
{
	width: 113px;
	height: 112px;
}
#extraDiv6 a:hover {
	background: transparent url(../images/076/monteedu_over.gif) no-repeat top left;
}



#extraDiv8 span {
	background: transparent url(../images/076/traffic.gif) no-repeat top left;
	position: relative;
	left:17px;
	top: 42px;
	margin: 0px auto;
	padding: 0px;
	width: 113px;
	height: 112px;
	display: block;
	z-index: 5;
}
#extraDiv8 a 
{
	width: 113px;
	height: 112px;
}
#extraDiv8 a:hover {
	background: transparent url(../images/076/traffic_over.gif) no-repeat top left;
}


#extraDiv7 span {
	background: transparent url(../images/076/contact.gif) no-repeat top left;
	position: relative;
	left: 10px;
	top: 42px;
	margin: 0px auto;
	padding: 0px;
	width: 113px;
	height: 112px;
	display: block;
	z-index: 6;
}
#extraDiv7 a 
{
	width: 113px;
	height: 112px;
}
#extraDiv7 a:hover {
	background: transparent url(../images/076/contact_over.gif) no-repeat top left;
}





