﻿/*
CSS for Montessori Day School
*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(/images/tiledBGtan.GIF);
}
#container { 
	width: 900px; 
}
#header { 
	width: 100%; 
	margin-left: 25px;
	float: left; 
	text-align: center;
}
#main-holder { 
	width: 85%; 
	float: left;
	text-align: center; 
}
.alignRight { 
	float:right; 
	margin-left: 1em; 
}
#main { 
	width: 75%; 
	float: right; 
	margin-top: 20px;
	text-align: left;
}
#main a {
	font-style: italic;
	Font-color: #006600;
	text-align: center;
	margin-left: 200px;
}
#schoolinfo {
	font-weight: bold;
	font-style: italic;
}
#schoolinfo a {
	margin-left: 0px;
}
#schoolinfo h2,h3 {
	Font-style: normal;
}
#schoolinfo ul {
	margin-left: 100px;
}
#bldgphoto {
	margin-right: 100px; 
	top: 10px; 
} 

#subnav { 
	width: 15%; 
	float: left;
	margin-left: 30px;
	text-align: left;
}
#extra { 
	width: 10%; 
	float: right; 
}
#address p {
	font-style: italic;
	font-size: 11px;
	width: 100%;
	text-align: center;
}
#footer { 
	margin-left: 115px;
	width: 100%; 
	float: left; 
}
#menu {
	margin-top: 3px;
	margin-left: 145px;
	width: 100%;
}
var {
	visibility: hidden;
}
#menu a {
	text-decoration: none;
	display: block;
	float: left;
	height: 32px;
}
a.one {
	width: 90px;
	background: url(/images/menu.PNG) no-repeat 0px 0px;
}
a.two {
	width: 240px;
	background: url(/images/menu.PNG) no-repeat -110px 0px;
}
a.three {
	width: 130px;
	background: url(/images/menu.PNG) no-repeat -350px 0px;
}
a.four {
	width: 130px;
	background: url(/images/menu.PNG) no-repeat -480px 0px;
}
a:hover.one {
	background: url(/images/menu.PNG) no-repeat 0px -33px;
}
a:hover.two {
	background: url(/images/menu.PNG) no-repeat -110px -33px;
}
a:hover.three {
	background: url(/images/menu.PNG) no-repeat -350px -33px;
}
a:hover.four {
	background: url(/images/menu.PNG) no-repeat -480px -33px;
}