/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:99%; line-height:1em; background:url(images/bg.gif) repeat-x top #32438b}
html, input, textarea	{"Times New Roman", Times, serif; 
		color:#000000;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
	
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#000000; text-decoration:none;} 
a:hover{text-decoration:underline}
h3 { font-size:1.45em; color:#42a401; font-stretch: ultra-condensed; margin-bottom:6px; margin-top:10px; line-height:1.55em;}
h4 { font-size:1.25em; color:#b12f2f; text-align:center; line-height:1.25em;}
h1 { font-size:1.45em; color:#990000; margin-bottom:6px;font-stretch: ultra-condensed; text-transform:capitalize; line-height:1.25em;}
h1 a{color:#990000; text-decoration:underline}
h1 a:hover{ color:#2a52a5;}
h1 a#top{font-size:.75em; color:#990000; text-decoration:underline; float:right; margin:-15px 15px}

h2 { font-size:1.45em; background:url(images/marker1.gif) no-repeat left 8px; color:#b12f2f; padding:0 0 5px 22px; margin-top:9px;margin-bottom:9px; line-height:1.55em; text-transform:capitalize}

h5 {
	FONT-SIZE: 1.55em;
	color: #071d7a;
	line-height:1.75em;
	margin-top:10px;
	text-align:left;
}
h5 A{
	FONT-SIZE: 1.55em;
	color: #071d7a;
	line-height:1.75em;
TEXT-DECORATION: underline;
}

h5 A:hover {
TEXT-DECORATION: none;
	COLOR: #071d7a
}

.btmtxt2 { border-top:dotted;border-bottom:dotted; border-color:#990000; border-width:thin; font-size:1.45em; color:#071d7a; margin-bottom:6px; line-height:1.25em; text-align:center; padding:5px; background-color:#FFFFCC}

.btmtxt { font-size:1.45em; color:#990000; margin-bottom:6px; margin-top:15px; line-height:1.25em; text-align:center}

.btmtxt a{color: #071d7a; text-decoration:underline}

.link{color:#000000; background:url(http://www.mpcc.edu/temp/images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

#content{
	font-size:0.75em;
	background: url(images/bg_cont.jpg) repeat top center;
	width:980px;
	height:100%
}

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

#content #list2 ul {
 list-style-image: url(images/bullet2.gif);padding-left:25px;
 /*set value to "left", "center", or "right"*/
 }
#content #list2 ul li a{text-align: left;font-size:1.5em; line-height:1.75em; color:#ffffff; text-decoration: none; vertical-align:top
}
#content #list2 ul li a:hover{
TEXT-DECORATION: underline;
}

#content #list2 ul li a.current{color:#fdf095; text-decoration:underline;}

#content #list ul {margin:0; padding:0; list-style:none;
width:520px; 
 /*set value to "left", "center", or "right"*/
 }
 #content #list ul li{ float:left; width:125px; margin-bottom:3px
}
#content #list ul li a{text-align: left;color:#2a52a5; text-decoration: none;
}
#content #list ul li a:hover{
TEXT-DECORATION: underline;color:#990000; 
}

#content #list ul li a.current{color:#990000; text-decoration:underline;}


blockquote {
margin:22px 40px;
upadding:3px;
color:#424242;
padding: 0 50px;
background: transparent url("http://www.mpcc.edu/temp/images/blockquote.gif") no-repeat 0 0;
}

/*======= header =======*/
#header {height:373px;  background:url(images/main_header.jpg) no-repeat top center}
#header {font-size:0.80em; color:#0098ef }
#header .logo{ margin:5px 0 42px 300px }
#header .indent{padding:22px 0 13px 370px}

#header ul{margin:0; padding:0; list-style:none; top:310px;}
#header ul li{ margin:0; display:inline}
#header ul li a{color:#fff; text-decoration:none; margin:0 0 0 0; width:150px; text-align:center; display:block; float:left ; padding:5px 0 26px 0;} 
#header ul li a:hover { color:#1082ce; text-decoration:none; background:url(http://www.mpcc.edu/temp/images/bg_menu.gif) repeat-x top}
#header ul li .current{ color:#1082ce; text-decoration:none; background:url(http://www.mpcc.edu/temp/images/bg_menu.gif) repeat-x top}

/*subheader*/
#subheader {height:233px;  background:url(images/01_subhead.jpg) no-repeat top center}
#subheader {font-size:0.80em; color:#0098ef }
#subheader .indent{ padding:0 }

#subheader ul{margin:0 0 0 192px; padding:0; list-style:none;}
#subheader ul li{ display:inline; width:160px;}
#subheader ul li a{color:#fff; text-decoration:none; text-align:center; display:block; float:left ; padding:6px 0;width:160px; margin:0 11px 0 0;} 
#subheader ul li a:hover { color:#fdf095; text-decoration:none;}
#subheader ul li .current1{ color:#fdf095; text-decoration:underline; background: url(images/bg_menu.gif) no-repeat bottom}
#subheader ul li .current2{ color:#fdf095; text-decoration:underline; background: url(images/bg_menu2.gif) no-repeat bottom}
#subheader ul li .current3{ color:#fdf095; text-decoration:underline; background: url(images/bg_menu3.gif) no-repeat bottom}

/*content*/
#content .row{ background:url(images/bg_row.jpg); height:258px; color:#ffffff}
#content .link0{width:240px; height:200px; background: url('images/blankdot.gif') no-repeat top center;}
#content .title1{width:240px; height:30px; color:#FFFFFF; text-align:center; margin-top:5px;}
#content .indent-row{ padding:0 0 0 46px}
#content .row p{ margin:0 0 11px 0}

#content .indent-main{padding:6px 56px 12px 52px;}
#content .indent-main1{padding:0 5px 5px 5px;}
#content .indent-main2{padding:0 25px 65px 20px}
#content .indent-main3{padding:0;background:url(images/bg_cont.gif) no-repeat top center; height:354px}
#content .indent-main4{padding:26px 10px 12px 10px}
#content .indent-main5{padding:0 25px 33px 20px; overflow:hidden; width: 100%;}

#content .indent-col{padding:10px 15px 0 15px}

#content p{ margin:0 0 7px 0}

#content .tail{ background:url(http://www.mpcc.edu/temp/images/tail4.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}

#content .indent{padding:0 0 0 0}

/*box*/
.box-main{ width:100%; height:250px}
.box{ width:570px;  background-color:#fdf095; margin:0 10px 15px 0; float:left }
.box .indent-box{ padding:10px; font-size:1.35em; line-height:1.55em; font-stretch: extra-condensed}
.box .indent-box a{color: #990000; text-decoration:underline}

/*footer*/
#footer { color:#000000; width:980px; height:98px; margin-top:10px; padding-bottom: 10px}
#footer .indent-footer{
	padding:5px;
	margin-top:0;
	float:left;
	width:590px;
	margin-left: 20px; text-align:right;
}
#footer a {color: #000066; text-decoration:none}  
#footer a:hover { color:#CC0000; text-decoration:underline}

/*line*/
div.hr {
  height: 1px;
  margin:10px 50px;
  background: #fff url(http://www.mpcc.edu/temp/images/tail2.gif) repeat-x 100px center scroll;
}
div.hr hr {
  display: none;
}
