/* styles.css */

/* ========== Styling for common page elements ========== */

#wrapper {
	padding: 0px;
	width: 885px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	font-family: arial, sans-serif;
}

#header {
	margin-bottom: 15px;
	width: 850px;
	height: 49px;
}
#logo {
	float: left;
	width: 450px;
}

#logo img {
	border: none;
}
#sfusd-link , #community-links{
	float: left;
	width: 200px;
	margin: 0;
	padding-top: 10px;
	text-align: center;
}
#sfusd-link a,  #community-links a {
	text-decoration: none;
	color: black;
}

#about-submenu, #spanish-submenu, #chinese-submenu {
	display: none;
}
#top-nav {
	position: relative;
	border: none;
	height: 35px;
}
#about-menu, #spanish-menu, #chinese-menu, #contact-us {
	position: absolute;
}
#about-menu {
	left: 0px;
}
#spanish-menu {
	left: 221px;
}
#chinese-menu {
	left: 442px;
}
#contact-us {
	left: 663px;
}

#top-nav ul {
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#top-nav ul a {
	background-color: #99cdff;  /* PAC blue */
	border: 1px solid black;
	color: black;
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	text-decoration: none;
	width: 220px;
	height: 35px;
}
#top-nav ul ul {
	font-size: 100%;
	width: 220px;
}
#top-nav ul ul a {
	background-color: #76bbfe;
	background-color: #99cdff;  /* Try using the same PAC blue for submenu items. EF 4-2008 */
	border-top: none;
}
#top-nav ul ul a:hover {
	background-color: #59acfc;
}
#top-nav li {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 220px;
	vertical-align: bottom;
}
#top-nav li li {
	width: 220px;
}

#main {
	float: left;
	width: 880;
	border: none;
	margin: 0;
}

#bottom-bar {
	float: left;
	width: 883px;
	height: 15px;
	margin-top: -1px;
	border: solid black 1px;
	background-color: #99cdff;
}
#footer {
	float: left;
	width: 883px;
	margin-top: 15px;
	text-align: center;
}

#main a {
	text-decoration: none;
	color: black;
}

.floatLeft {
	float: left;
}

/* ========== Styling for Home page ========== */

#mission-statement {
	width: 411px;
	height: 195px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	background-color: white;
}
#mission-statement-english,
#mission-statement-spanish,
#mission-statement-chinese {
	display: none;
}
#children-photo,
#click-to-enter
{
	width: 220px;
	height: 220px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	text-align: center;
}
#click-to-enter {
	border-right: solid black 1px;
	background-color: #feff99;  /* light yellow */
}
#spanish-mission-statement,
#chinese-mission-statement,
#enter-in-chinese,
#enter-in-spanish
{
	width: 220px;
	height: 175px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
	text-align: center;
}
#spanish-mission-statement
{
	background-color: #cc99fe;  /* purple */
}
#chinese-mission-statement {
	background-color: #cdffcc;  /* light green */
}
#enter-in-chinese {
	background-color: #99cdff;  /* PAC blue */
}
#enter-in-spanish {
	border-right: solid black 1px;
	background-color: #ff99cb;  /* pink */
}