/***************************
 * TOP NAVIGATION BAR CODE *
 ***************************/
/* See <http://wellstyled.com/css-replace-text-by-image.html> for details of
 * The "Cover-Up Method" which I will use here.
 * Tested to work on: IE7, Firefox
 *     TODO: Opera 5, IE6/win, IE5.5/win, IE5/win, Konqueror,
 *           Safari, IE5.2/Mac OS X
 */
#topbar UL LI {
	width: 46px; 
	height: 50px; 
	padding: 0 4px 0 0; 
	margin: 0;
	position: relative;
	float: left; 
	display: inline; 
	list-style: none;
	color: black; 
	font-size: 10px; 
}

#topbar UL LI A SPAN { display: none; }

#topbar UL {
	margin: 0 auto 0 auto; /* "auto" will center it horizontally */
	padding: 0;
	width: 550px; /* 11 options X (46px img width + 4px padding) */
}

#topbar UL A {
	display: block;
	width: 46px;
	height: 50px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* The images to display for each option */
#nav_about   A { background: url("imgs/about-w.png") top left no-repeat; }
#nav_news    A { background: url("imgs/news-w.png") top left no-repeat; }
#nav_cal     A { background: url("imgs/calendar-w.png") top left no-repeat; }
#nav_active  A { background: url("imgs/members-w.png") top left no-repeat; }
#nav_alumni  A { background: url("imgs/alumni-w.png") top left no-repeat; }
#nav_pix     A { background: url("imgs/see-w.png") top left no-repeat; }
#nav_audio   A { background: url("imgs/hear-w.png") top left no-repeat; }
#nav_library A { background: url("imgs/read-w.png") top left no-repeat; }
#nav_hottub  A { background: url("imgs/hottub-w.png") top left no-repeat; }
#nav_join    A { background: url("imgs/join-w.png") top left no-repeat; }
#nav_links   A { background: url("imgs/links-w.png") top left no-repeat; }

/*************************
 * OVERALL PAGE LAYOUT   *
 *************************/

#mmplogo IMG {
	border: 0;
	margin: 0 0 25px 0;
}

#sidebar {
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px;
	width: 158px;
}

#content {
	top: 0;
	margin-left: 180px;
	margin-right: 0;
}

#topbar {
	/* 2px off to expose the background white border */
	margin: 0 0 0 178px; 
	padding: 4px; 
	height: 50px;
	background-color: black;
	color: white;
	white-space: nowrap;
	text-align: center;
	border-bottom: 2px solid white;
}

#topbar A:link, #topbar A:visited {
	text-decoration: none;
}

body {
	color: white;
	margin: 0;
	padding: 0;
	font-size: medium;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #b40000;
	background-image: url(imgs/bg.png);
	background-repeat: repeat-y;
}

/* headings */
h1 { font-size: xx-large; }
h2 { font-size: x-large; }
h3 { font-size: large; }

/* nice looking line */
hr {
	height: 0; 
	border: solid white 1px; 
}

/* links */
a:link { color: #dd0000; }
a:visited { color: #b40000; }
a:active { color: red; }

/* Used in the contact book, this indents the text a little */
DIV.ident {
	margin-left: 3em;
}

/* All main-body content must be enclosed inside one of these containers */
div.section {
	background-color: black;
	border: 2px solid white;
	margin: 4px;
	padding: 12px;
}

/*****************
 * SIDEBAR LINKS *
 *****************/

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar ul li a {
	list-style-type: none;
	color: white;
	font-size: 10px;
	background-color: black;
	border: 2px solid white;
	margin: 4px 0 4px 0;
	padding: 4px;
	text-align: center;
	display: block;
	width: 150px;
	text-decoration: none;
}

/* Deprecated Sidebar */
A.side {
	color: white;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
}
div.side {
	background-color: black;
	border: 2px solid white;
	margin: 4px 0 4px 0;
	padding: 4px;
	text-align: center;
}

/********************
 * MEMBER PROFILES  *
 ********************/

/* used on member profile pages to set the picture correctly */
IMG.mug { 
	float: left;
	margin: 8px;
}

/* profiles title things */
B.profileq { 
	color: #b40000;
	font-weight: bold;
}

/******************************
 * ACTIVE/ALUMNI LISTING PAGE *
 ******************************/
.tableless li {
	width: 200px; 
	height: 220px; 
	padding: 20px; 
	position: relative;
	float: left; 
	display: inline; 
	text-align: center; 
	list-style: none;
	color: black; 
	font-size: 10px; 
	text-decoration: none;
}
.tableless a { 
	color: white !important; 
	font-size: 10px; 
	text-decoration: none; 
	text-align: center;
}
.tableless li img { 
	border: none; 
}
.tableless hr {
	clear: left; 
	color: black;
	background-color: black; 
	height: 0; 
	border: 0;
}

/* for the title links on the alumni page */
a.heading { 
	text-decoration: none !important;
	font-weight: bold !important;
	color: white !important;
}

/************
 * CALENDAR *
 ************/

TABLE.cal {
	background-color: black;
	margin: 0;
	table-layout: fixed;
	width: 100%;
}

DIV.calsection {
	background-color: black;
	border: 2px solid white;
	margin: 4px;
	padding: 0;
}

/* Each day cell */
TABLE.cal TD.calcell {
	border: 1px solid white;
	width: 13%;
}

/* Table headings */
TABLE.cal TH { 
	font-size: 7pt; 
	color: white; 
	text-align: left; 
	border: 1px solid white;
}

/* The day numbers */
TABLE.cal .daynum { 
	font-size: 8pt; 
	color: white; 
}

/* The cell attributes for "non-month" days */
TABLE.cal TD.nonmonth { 
	background-color: #333333; 
}

/* Dark blue background cells, for special days */
TABLE.cal TD.highlighted { 
	background-color: #000044; 
}

/* A red border around the cell to indicate today */
TABLE.cal TD.today {
	border: solid red 4px;
}

/* Any links inside the tables don't look like links */
TABLE.cal A:link, TABLE.cal A:visited { 
	text-decoration: none; 
	color: white;
}
TABLE.cal P {
	color: white;
}

.cal_event { font-size: 9pt; color: white; font-weight: bolder; }
.cal_school { font-size: 7pt; color: white; }
.cal_fb { font-size: 9pt; color: #ffff00 !important; }
.cal_mhky { font-size: 9pt; color: #ff9933 !important; }
.cal_mbb { font-size: 9pt; color: #33ffff !important; }
.cal_vb { font-size: 9pt; color: #9933ff !important; }
.cal_wbb { font-size: 9pt; color: #ff3399 !important; }
.cal_runout { font-size:9pt; font-weight: bolder; color: #00ff66 !important; }
.cal_pack { font-size: 7pt; color: #00cc00 !important; }
.cal_home { font-size: 9pt; font-weight: bold !important; }
.cal_away { font-size: 7pt; }
.cal_info { font-size: 7pt; font-weight: normal; }