/* ::: RESET ALL MARGINS, PADDING, AND BORDERS ::: */
* { margin: 0; padding: 0; }
IMG { border: 0; }


/* ===============================
		::: PAGE LAYOUT :::
=============================== */

BODY {
	background: #d1d1d1 url(../images/bg_page.gif) top left repeat-x;
	text-align: center;
}
#pageContainer {
	width: 768px;
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/bg_columns.gif) top left repeat-y;
	position: relative;
	/*border-top: 1px solid #3E5A6B;   Some weird Firefox thing where it won't push to the top without a top border */
	/*margin-top: -1px;   Now shift things up to push the extra border out of the viewport */
}


/* ===============================
		::: MASTHEAD :::
=============================== */

#masthead {
	height: 104px;
	background: transparent url(../images/mst_01.jpg) top left repeat-x;
	position: relative;
}
#masthead H1 {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
}
#masthead H1 A {
	float: left;
	display: block;
	width: 100%;
	height: 104px;
	text-decoration: none;
}


/* ===============================
		::: MENU :::
=============================== */

#menu {
	background: transparent url(../images/bg_menu.gif) top left repeat-x;
	width: 760px;
	margin-left: 4px;
	height: 33px;
}
#menu UL {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}
#menu LI {
	margin: 0;
	padding: 0;
	float: left;
}
#menu LI A {
	text-indent: -5000px;
	display: block;
	height: 33px;
	text-decoration: none;
}
BODY.about_melrose #menu LI			 	{ background-image: url(../images/menu_about.gif); }
BODY.admissions #menu LI 	{ background-image: url(../images/menu_admissions.gif); }
BODY.academics #menu LI  	{ background-image: url(../images/menu_academics.gif); }
BODY.alumni #menu LI		 	{ background-image: url(../images/menu_alumni.gif); }
BODY.athletics #menu LI		{ background-image: url(../images/menu_athletics.gif); }
BODY.student_life #menu LI	{ background-image: url(../images/menu_studentlife.gif); }
BODY.parents #menu LI		 	{ background-image: url(../images/menu_parents.gif); }
BODY.calendar #menu LI,
BODY.contact #menu LI,
BODY.news #menu LI,
BODY.sitemap #menu LI,
BODY.summer_program #menu LI	{
	background-image: url(../images/menu_blank.gif); }
	

#menu-home {	width: 60px;	background-position: -15px 0; }
#menu-home:hover					{ background-position: -15px -33px; }

#menu-about,
BODY.about_melrose #menu-about { width: 126px;	background-position: -75px 0;  }
#menu-about:hover											{ background-position: -75px -66px; }

#menu-admissions,
BODY.admissions #menu-admissions { width: 100px;	background-position: -201px 0;  }
#menu-admissions:hover													{ background-position: -201px -99px; }

#menu-academics,
BODY.academics #menu-academics { width: 96px;	background-position: -301px 0;  }
#menu-academics:hover												{ background-position: -301px -132px; }

#menu-alumni,
BODY.alumni #menu-alumni { width: 75px;	background-position: -397px 0;  }
#menu-alumni:hover										{ background-position: -397px -165px; }

#menu-athletics,
BODY.athletics #menu-athletics { width: 90px;	background-position: -472px 0;  }
#menu-athletics:hover												{ background-position: -472px -198px; }

#menu-studentlife,
BODY.student_life #menu-studentlife { width: 108px;	background-position: -562px 0;  }
#menu-studentlife:hover														{ background-position: -562px -231px; }

#menu-parents,
BODY.parents #menu-parents { width: 83px;	background-position: -670px 0;  }
#menu-parents:hover											{ background-position: -670px -264px; }


/* ===============================
		::: CONTENT :::
=============================== */

#bodyContainer {
	background: transparent url(../images/bg_body.gif) top left no-repeat;
	float: left;
	/*clear: left;*/
	padding: 37px 0 0 0;
	width: 100%;
}
#content {
	width: 370px;
	float: left;
	clear: none;
	margin: 0 0 0 18px;
	padding: 4px 0 0 0;
}
/* ::: SIDEBAR ::: */
#sidebar {
	float: right;
	clear: right;
	width: 184px;
	margin: 0;
	padding: 32px 0 0 0;
	background: transparent url(../images/bg_content.gif) top right no-repeat;
}


/* ===============================
		::: SUBMENU :::
=============================== */

#submenu {
	float: left;
	clear: left;
	width: 184px;
}
	#submenu H2 {
		margin: 0;
		padding: 0;
		text-indent: -5000px;
		background: transparent url(../images/sub_blank.gif) top left no-repeat;
		height: 34px;
	}
	
	#submenu UL {
		margin: 0 0 0 10px;
		width: 174px;
		padding: 0 0 24px;
		list-style: none;
		background: #900 url(../images/bg_submenu.gif) bottom left no-repeat;
	}
		#submenu LI {
			margin: 0;
			padding: 0 0 1px 1px;
			color: #fff;
			background: transparent url(../images/bg_submenuitem.gif) bottom left no-repeat;
		}
			#submenu LI A {
				text-decoration: none;
				color: #fff;
				display: block;
				padding: 3px 0 1px 16px;
			}
			#submenu LI A:hover {
				background: #5b0000;
			}

BODY.news #submenu,
BODY.sitemap #submenu{
	background: transparent url(../images/bg_submenu_nomenu.gif) top left no-repeat; }

/* ::: AUXMENU ::: */
#submenu #auxmenu {
	background-color: transparent;
	background-image: none;
	margin-top: 10px;
	margin-left: 26px;
	padding-bottom: 20px;
	width: 158px;
}
#submenu #auxmenu LI {
	background-color: transparent;
	background-image: none;
	font-weight: bold;
	margin: 2px 0;
}
#submenu #auxmenu LI A {
	color: #900;
	padding-left: 22px;
}
#submenu #auxmenu LI A:hover {
	background: transparent;
	color: #334C7D;
}
#submenu #auxmenu #aux-contact {	background: transparent url(../images/icon_mail.gif) 0 5px no-repeat; }
#submenu #auxmenu #aux-calendar {	background: transparent url(../images/icon_calendar.gif) 0 3px no-repeat; }
#submenu #auxmenu #aux-sitemap {	background: transparent url(../images/icon_sitemap.gif) 0 4px no-repeat; }


/* ===============================
		::: FOOTER :::
=============================== */

#footer {
	clear: both;
	background: #d1d1d1 url(../images/bg_footer.gif) top left no-repeat;
	text-align: right;
	padding: 60px 33px;
}



/* ===============================
		::: MISC :::
=============================== */

.odd {
	background-color: transparent; }
.even {
	background-color: #EAF0FA; }



/* ===============================
		::: ATHLETICS :::
=============================== */

#content.athletics,
#content.map {
	width: 536px !important; }

TABLE.games {
	width: 100%; }

	TABLE.games TH {
		text-align: left;
		font-weight: bold;
		color: #fff;
		background: #1E3C68 }