/* -- general styles for site -- */
body { 
	font-size:62.5%	;
	font-family:"Trebuchet MS", Verdana, Arial;
	line-height:1.4;
	font-size:10pt;
	color:#000;
	margin-top:5px;
}
p {
	margin-bottom:15px;
	line-height:1.5;
}
.print-only-item {display:none;}
a {color:#000;text-decoration:none;font-weight:bold;}
a:link, a:visited, a:active {color:#000066;text-decoration:none;}
a:hover {color:#ff8500;text-decoration:underline;}
a.FCK__AnchorC:hover {color:#000;text-decoration:none;font-weight:bold;} /* fixes anchor hover */
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:14pt;
	margin-bottom:10px;
}
h2 {font-size: 12pt}
h3 {font-size: 10pt}
h4 {font-size: 10pt}
h5 {font-size: 8pt}
h6 {font-size: 8pt}
textarea, input, select, radio, checkbox {	font-family: "Trebuchet MS";font-size: 90%;}

/* ------------------------------------------- */
/* -- general layout styles for containers -- */

table.PageBoundingBox, table.ContentBoundingBox {}
#header, #main-navigation , td.MainContent, #footer { 
	width:752px; /* fixed with of site content areas  */
	margin:0 auto;
}
/* ------------------------------------------- */
/* ----- HEADER STYLES ------- */
#site-logo img{float:left;clear:both;}
#main-navigation {
	height:32px;	
	float:left;
	clear:both;
	background:#d2131a;
}
	#main-navigation ul {
		list-style:none;
		padding:0;
		margin:0;
		float:left;	
		height:32px;
	}
		#main-navigation li {
			float:left;
			position:relative;
                        z-index:10;
			margin-left:3px;
		}
			#main-navigation li a{
				color:#fff;
				float:left;
				display:block;
				font-weight:bold;
				padding:4px 5px 0 0;
				background:url('/images/mcc-main-nav-tab-bg.png') no-repeat 100% 0;
			}
				#main-navigation li a span {
					float:left;
					display:block;
					padding:0;
					margin-top:-4px; /* margin compensates for link padding */
					height:32px;
					width:5px;
					background:url('/images/mcc-main-nav-tab-bg.png') no-repeat 0 0;
				} 
				#main-navigation li a:hover, #main-navigation li a.active, #main-navigation li:hover a {
					text-decoration:none;
					background-position:100% -32px;
				}
				#main-navigation li a:hover span, #main-navigation li a.active span, #main-navigation li:hover a span {
					background-position:0 -32px;
				}
					#main-navigation ul ul {
						position:absolute;
						left:-9999px;
						display:none;
						clear:left; /* gets IE to position item below */
						margin:0;
						background:#663399;
						border-right:3px solid #fff;
						border-left:3px solid #fff;
						border-bottom:3px solid #fff;
						width:auto;
						height:auto;
						padding:10px 10px 20px 10px;
					}
						#main-navigation ul li:hover ul {
							left:-3px;
							top:32px;
							display:block;				
						}
							#main-navigation ul li:hover li {
								float:left;
								display:block;
							}
								#main-navigation ul li:hover li a {	
									background:none;
									font-size:9pt;	
									font-weight:normal;
									text-indent:0;						
									padding:1px 0;                                   					
									width:160px;					
									display:block;						
									height:auto;
									float:left;
								}
								#main-navigation ul li:hover li a:hover {color:#ff8500;}
		
#search-area {
	float:right;
	margin:3px 0 0 0;
}
	#search-area input {font-size:10pt;}
	#search-submit-button {cursor:pointer;padding:0 3px;margin-right:10px;}
#header h1 {
	background:#663399;
	text-transform:uppercase;
	color:#fff;
	padding-left:10px;
	font-size:12pt;
}

/* News Ticker SCrolling STyles */
#home-scroller { /* div containing flash scroller */
	width:738px;
	height:30px;
	margin-top:2px;
}
/* -- NEW SCROLLER -- */
#scrollup {position: relative;overflow:hidden;height:30px;width:738px;}
#scrollup ul {width:768px;height:25px;list-style:none;}
#scrollup li.headline {position: absolute;top:0;left:748px;height:30px;width:733px;font: bold 12pt "Trebuchet MS";}

#slider ul {padding:0;margin:0;}
#slider li{width:758px;height:25px;overflow:hidden;padding:0;	margin:0;}

.tickercontainer {width:738px;height:27px;overflow:hidden;margin: 0;padding: 0;}
.tickercontainer .mask {position: relative;left: 10px;top: 0;width: 718px;overflow: hidden;}
ul.newsticker,ul#ticker01 {position: relative;left: 750px;font: bold 12pt "Trebuchet MS";list-style: none;margin: 0;padding: 0;}
ul.newsticker li, ul#ticker01 li {float:left;margin:0;padding:0;}

/* ----- MCC HOME PAGE SPECIFIC  ------*/
marquee#home-marquee {font-weight:bold;font-size:12pt;}
#home-left-wrapper {width:535px;float:left;}
#home-left-nav {width:170px;float:left;margin-bottom:10px;}
	#home-left-nav ul {margin:0;padding:0;list-style:none;}
		#home-left-nav li {font-weight:bold;}
#home-content {width:350px;float:left;margin-left:15px;}
	#home-content h2{font-size:13pt;font-style:italic;width:350px;text-align:center;}
	#home-content h2 a {color:#d2131a;}
	#home-content p {font-size:11pt;}
#home-news-block {clear:both;}
	#home-news-block img {float:left;width:163px;overflow:hidden;margin-right:10px;}
	#home-news-block h2 img {float:none;width:auto;}
	#home-news-block ul {margin:0;padding:0 0 0 20px;float:left;width:318px;font-weight:bold;}
	#home-news-block li {padding:4px 0;line-height:1.2;}
#home-right-wrapper {width:217px;float:right;text-align:right;} /* align images to right hand side */
	#flashcontent {margin-bottom:20px;}
	#home-right-wrapper img {margin-bottom:15px;}
	#home-right-wrapper p {margin:0;}
	#facebook-box {float:right;}
	#facebook-box a {
		background:url('http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981') no-repeat 0 3px;
		padding-left:20px;
                display:block;
		width:175px;
		line-height:1.2em;
		text-align:left;
                color:#cc0000;
		font-size:12pt;
	}
	#facebook-box a:hover {
		text-decoration:none;
		color:#000066;		
	}

/* ------------------------------------------- */
/* ----- FOOTER STYLES ------- */
#footer {text-align:center;border-top:3px solid #09096b;font-size:8pt;margin:15px 0 0 0;padding:15px 0 0 0;}
	#footer ul {list-style:none;margin:0 0 5px 0;padding:0;}
		#footer li {text-align:center;display:inline;}
                #footer li a {padding-right:15px;}
		#footer p {margin-top:10px;text-align:center;}
		
		
/* ------------------------------------------- */
/* ----- DEPRECATED OLD SITE STYLES ------- */

/******************************************************************************
* Defines default styles for My Site.                                         *
******************************************************************************/
.breadcrumb {font: 8pt "Trebuchet MS";font-weight: normal;}
.MainContent {font: 10pt "Trebuchet MS";font-weight: normal;}
.mains {font: 8pt "Trebuchet MS";font-weight; normal;}
/***************************************************
* All Other Headers				   *
***************************************************/
.titlebar {width: 47em;	background: #663399;text-align:left;font-weight:bold;color:#ffffff;margin-top: -22px;margin-left: 0em;z-index:2;position:fixed;text-indent:7px;font-family: "Trebuchet MS";}
.hdrlogo1{	height: 127px;background: url(/images/redheadmcc.jpg) bottom center no-repeat;text-indent: -999em;margin-top: 0em;}
.navigation {width: 175px;height: 25px;float: right;margin-left: 5em;margin-top: -28px;z-index: 4;border:none;position:fixed;}
/***************************************************
* custom image styles
***************************************************/
.imglftcls {	float:left;	margin:5px;}
.imgrgtcls {	float:right;margin:5px;}
/***************************************************
* custom page styles
***************************************************/
#mains{margin:0; padding:0;}
#rightcontent{float:right;width:245px;margin:0; padding-left:2px;}
#rightcontentwhtbg{float:right;width:230px;margin:0; padding-left:2px;background-color: #f4f4f4;}
#leftcontent{float:left;width:245px;margin:0; padding:0;}
#btmmarqee{width:100%;margin:0;padding:0;}
.cleaner {clear:both;height:0px;	font-size:0px;border:none;	margin:0; padding:0;		}
#linkslst{font:10pt "Trebuchet MS";list-style:none;text-align:right;	line-height:12pt;}
#leftmid{float:left;width:350px;margin:0; padding:0;	}
#rightmid{float:right;width:350px;margin:50%; padding:0px;}
.news { overflow: auto; height: 150px; width: 350px;}
/**************************************************
*Custom table styles
**************************************************/
table.grades8 p{width: 100%;padding: 0px;	border: 0px;font-family: "Trebuchet MS";font-size: 8pt;}
table.grades11 p{	width: 100%;padding: 0px;border: 0px;font-family: "Trebuchet MS";font-size: 8pt;bgcolor: white;}
table.grades10{	width: 500px;padding: 0px;border: 0px;font-family: "Trebuchet MS";font-size: 10pt;}
/**************************************************
*Custom table styles for new templates
**************************************************/
.tmpcell1{padding-left: 5px;valign:text-top;line-height:normal;}
.tmpcell2{padding-left: 5px;vertical-align:text-top;}
.templatelist{vertical-align:text-top;}
.whltbl{vertical-align:text-top;}

#ftrlst ul {margin: 0;padding: 0;list-style-type: none;text-align: center;}
#ftrlst ul li { display: inline; }
#ftrlst ul li a { text-decoration: none; padding: .2em 1em; font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: #000066}
#ftrlst ul li a:hover{ font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: #FF6600; text-decoration: underline;}
#ftrlst2 ul {margin: 0;padding: 0;list-style-type: none;text-align: center;}
#ftrlst2 ul li { display: inline; }
#ftrlst2 ul li a { text-decoration: none; padding: .2em 1em; font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: #000066}
#ftrlst2 ul li a:hover{ font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: #FF6600; text-decoration: underline;}
.ftrlst1a { font-family: "Trebuchet MS", Tahoma; font-size: 10px; color: #000066;}