/*	CSS Properties for Metro High School	*/

/*	LAYOUT DIVISIONS	*/

	body {
	 background: #fff;
	 margin: 0px;
	 padding: 0px;
	 text-align: center;
	}

	#wrapper {
	 background: #e4e4e4 url('http://e5386b4442894bcbfb66fa91afd309e9dd13a606.gripelements.com/images/bg-wr.png') top left no-repeat;
	 margin: 0px auto 0px auto;
	 width: 840px;
	}

	#left {
	 float: left;
	 padding: 20px 0px 0px 0px;
	 text-align: left;
	 width: 300px;
	}
/*	* html #left {
		width:280px;
	}*/
	#right {
	 float: right;
	 padding: 0px 20px 0px 0;
	 text-align: left;
	 width: 480px;
	}
/*	* html #right {
		width:440px;
	}*/
	#title {  }
	
	.flash { position:relative; top:20px;left:5px; }
	.flash2 { position:relative; top:10px;}

	#navigation { margin: 20px 0px 0px 20px; padding: 0px; text-align: right; }
	
	#navigationSub { margin: 80px 0px 0px 10px; text-align: right; }

	#content { min-height: 400px; padding: 0px 0px 20px 0px; }

	#news { background: #eee; margin: 0px; padding: 1px 20px 10px 20px; }

	#partners { margin: 10px 0px 20px 0px; text-align: center; }
	
	#partnersSub { margin: 10px 0px 20px 0px; text-align: right; }

	#footer {
	 background-color: #a9999a;
	 clear: both;
	 padding: 0px 5px 0px 0px;
	 text-align: right;
	}

	#content img { float: right; margin: 0px 0px 5px 5px; }

       #mosaic { background-color: #5a2149; margin: 30px 0px 0px 50px; padding: 20px; }

/*	TYPOGRAPHY	*/

	p {
	 color: #333;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 160%;
	}

	#footer p {
	 color: #fff;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 10px;
	}

       #mosaic p { color: #ddd; font-size: 11px; }

	p.spacer { margin: 50px 0px 50px 0px; }

	blockquote {
	 background: #e5edf5;
	 border-bottom: 2px solid #bfd4e7;
	 border-left: 2px solid #bfd4e7;
	 color: #333;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 160%;
	 padding: 20px;
	 margin: 20px;
	}

	h1 {
	 color: #333;
	 font-family: 'Futura', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 24px;
	 font-weight: normal;
	 text-transform: uppercase;
	}

       em.h1 { font-family: Arial, sans-serif; font-style: normal; }

	h2 {
	 border-bottom: 2px dotted #ccc;
	 color: #027391;
	 font-family: 'Futura', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 20px;
	 font-weight: normal;
	 padding: 0px 0px 5px 0px;
	 margin: 30px 0px 10px 0px;
	}

	h3 {
	 color: #666;
	 font-family: 'Futura', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 16px;
	 font-weight: normal;
	}

	h4 {
	 border-bottom: 2px dotted #ccc;
	 color: #027391;
	 font-family: 'Futura', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 16px;
	 font-weight: normal;
	 padding: 0px 0px 5px 0px;
	 margin: 30px 0px 10px 0px;
	}

      h5 { color: #5d87a1; font-family: 'Futura', 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; }

/*	LIST ELEMENTS	*/

	ul {  }

	li {
	 color: #333;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 180%;
	}

	#navigation ul { margin: 0px; padding: 0px; }

	#navigation li {
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 1.8em;
         list-style-type: none;
	 margin: 0;
	 padding: 0;
	 text-transform: uppercase;
	}

	#navigationSub ul { }

	#navigationSub li {
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 1.8em;
	 list-style-type: none;
	 text-transform: uppercase;
	}

	#partners ul { margin: 0px; padding: 0px; }

	#partners li { display: inline; margin-right: 4px; }
	
	#partnersSub ul { margin-top: 20px; padding: 0px; }

	#partnersSub li {
	 list-style-type: none;
	 margin: 0px 0px 30px 0px;
	}

/*	ANCHOR ELEMENTS	*/

	p a:link { border-bottom: 1px dotted #999; color: #8f2323; text-decoration: none; }
	p a:visited { border-bottom: 1px dotted #999; color: #8f2323; text-decoration: none; }
	p a:hover { border-bottom: 1px solid #999; color: #8f2323; text-decoration: none; }

        p.partners a:link { border-bottom: none; text-decoration: none; }
	p.partners a:visited { border-bottom: none; text-decoration: none; }
	p.partners a:hover { border-bottom: none; text-decoration: none; }

	li a:link { border-bottom: 1px dotted #999; color: #8f2323; text-decoration: none; }
	li a:visited { border-bottom: 1px dotted #999; color: #8f2323; text-decoration: none; }
	li a:hover { border-bottom: 1px solid #999; color: #333; text-decoration: none; }

	#partners li a:link { border-bottom: none; color: #75A4C7; text-decoration: none; }
	#partners li a:visited { border-bottom: none; color: #75A4C7; text-decoration: none; }
	#partners li a:hover { border-bottom: none; color: #4D7FB1; text-decoration: none; }
	
	#partnersSub li a:link { border-bottom: none; color: #75A4C7; text-decoration: none; }
	#partnersSub li a:visited { border-bottom: none; color: #75A4C7; text-decoration: none; }
	#partnersSub li a:hover { border-bottom: none; color: #4D7FB1; text-decoration: none; }
	
	#navigation li a:link { border-bottom: none; color: #8c7d66; text-decoration: none; }
	#navigation li a:visited { border-bottom: none; color: #8c7d66; text-decoration: none; }
	#navigation li a:hover { border-bottom: none; color: #333; text-decoration: none; }

	#navigationSub li a:link { border-bottom: none; color: #8c7d66; text-decoration: none; }
	#navigationSub li a:visited { border-bottom: none; color: #8c7d66; text-decoration: none; }
	#navigationSub li a:hover { border-bottom: none; color: #333; text-decoration: none; }

/*	TABLE ELEMENTS	*/
	
	table {
	 color: #333;
	 font-family: 'Lucida Grande', 'Trebuchet MS', Helvetica, Arial, sans-serif;
	 font-size: 12px;
	 line-height: 160%;
	}
	
	td { border-bottom: 2px solid #bbb; border-right: 2px solid #bbb; padding: 5px; }

table.cal_list tr td {
	border: 0;
	padding: 2px 0;
	border-bottom: 1px solid #CCC;
}

td.cal_list_head {
	border-bottom: 1px solid #DFDFDF; padding: 3px 0
}
.calendar td {
	border:solid 1px #CCC;
	text-align:center;
	padding:7px;
}
.calendar th {
	text-align:center;
}
.linked-day {
	background-color:#D7D7D7;
}
.linked-day a {
	color:#027391;
	font-weight:bold;
	text-decoration:none;
}
.calendar-month a {
	font-weight:bold;
	text-decoration:none;
	color:#8C7D66;
}
input.text {
	margin-right:7px;
}