/*------------------------------------------------------------------------------*/
/*	--> NAVIGATION DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#navigation{
width: 800px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	height:41px;
	padding-top:10px;
	background-image:url(../images/navigation_bg.gif);
	background-repeat:no-repeat;
	margin-left: auto;
	margin-right: auto;

}

#menu {
list-style-type:none; 
margin:0px; 
padding:0px;
}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 1px 0px;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(../images/trans.gif);}
#menu dt {margin:0; float:left; margin-bottom:12px; font-weight:bold;}
#menu dd {display:none; background: transparent; font-size: 14px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; clear:left; margin:0; padding:0; color: #fff; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#ffffff; padding: 0px 0px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#d7d7d7; color:#464646; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu dt a:hover { color:#f7d53f;}
#menu dd a:hover {background: #9D9D9D; color:#ffffff;}

.home{width: 62px; margin-right:37px; }
.about{width: 99px; margin-right:30px;}
.parents{width: 137px; margin-right:37px;}
.schools{width: 135px; margin-right:37px;}
.gallery{width: 75px; margin-right:20px;}
.contact{width: 119px;}

.width{
width:156px;

}

dt.arrow a:hover{
background-image:url(../images/arrow.gif);
background-position:right;
background-repeat:no-repeat;
width:128px;}

dt.arrow1 a:hover{
background-image:url(../images/arrow.gif);
background-position:right;
background-repeat:no-repeat;
width:175px;}

dt.arrow2 a:hover{
background-image:url(../images/arrow.gif);
background-position:right;
background-repeat:no-repeat;
width:172px;}