/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:99%; line-height:1em; background:url(http://www.mpcc.edu/temp/images/bg.gif) repeat-x top #416920}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#000000;	}	
table tr td{font-family: Arial, Helvetica, sans-serif; color:#000000;font-size:87%; line-height:1em;}

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.flash {
position:absolute;
	left:50%;
	margin:0 0 0 -454px;
	width:900px;
	height:310px;}
	
.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; line-height:1.2em;font-size:96%;} 
a:hover{text-decoration:underline}
h3 { font-size:1.25em; color:#42a401; font-stretch: ultra-condensed; margin-bottom:6px; margin-top:10px;}
h4 { font-size:1.25em; color:#303030;}
h1 { font-size:1.25em; color:#2a52a5; margin-bottom:6px;}
h2 { font-size:1.25em; background:url(http://www.mpcc.edu/temp/images/marker1.gif) no-repeat left 1px; color:#42a401; padding:0 0 5px 22px; margin-top:9px;margin-bottom:9px}

h5 {
	FONT-FAMILY: "Times New Roman", Times, serif;
	FONT-SIZE: 1.25em;
	color: #00458C;
	line-height:30px;
	background: url(http://www.mpcc.edu/images/bkg5.jpg) left x-repeat
}
h5 A{
	FONT-FAMILY: "Times New Roman", Times, serif;
	FONT-SIZE: 1.25em;
	color: #00458C;
	line-height:30px;
	background: url(http://www.mpcc.edu/images/bkg5.jpg) left x-repeat;
TEXT-DECORATION: underline;
}

h5 A:hover {
TEXT-DECORATION: none;
	COLOR: #00458C
}


.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 }

.link1{color:#2572a2; float:right; font-size:1.16em }
.link2{color:#4b4b4b; float:right; font-size:1.16em }
.link3{color:#2572a2; font-size:1.16em }

#content ul{margin:0; padding:0; list-style:none;}

/* multiple cols*/
ul .mcol{
  float: left;
  width: 13em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
li .mcol{
  float: left;
  width: 4em;
  margin: 0;
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; /* left padding moves the text away from the bullet */
}

#content .col-1 select{width:170px;
text-align: left;font-size:86%; line-height:1.5em; /*set value to "left", "center", or "right"*/
 }
 
 /*pdfs*/ 
#content #listx ul {
width:610px; padding-left:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #content #listx ul li{ float: left; width: 190px; margin: 0; background-image: url(http://www.mpcc.edu/temp/images/pdf.gif);  background-position: 0 3px; background-repeat: no-repeat; padding:0 0 1em 2em;
}
#content #listx ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#content #listx ul li a:hover{
TEXT-DECORATION: none;
}

/*pdf 1 col*/ 
#content #list ul {
 list-style-image: url(http://www.mpcc.edu/temp/images/pdf.gif);padding-left:21px; 
text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#content #list ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#content #list ul li a:hover{
TEXT-DECORATION: none;
}

 /*links*/ 
#content #listo ul {
width:610px; padding-left:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #content #listo ul li{ float: left; width: 190px; margin: 0; background-image: url(http://www.mpcc.edu/temp/images/link.gif);  background-position: 0 3px; background-repeat: no-repeat; padding:0 0 1em 2em;
}
#content #listo ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#content #listo ul li a:hover{
TEXT-DECORATION: none;
}

/*link 1 col*/
#content #list1 ul {
 list-style-image: url(http://www.mpcc.edu/temp/images/link.gif);padding-left:21px;
text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#content #list1 ul li a{ text-decoration: underline; vertical-align:top
}
#content #list1 ul li a:hover{
TEXT-DECORATION: none;
}

/*videos*/ 
#content #listv ul {
margin-bottom:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #content #listv ul li{ float: left; width: 100px; margin: 5px; padding: 0 0 0 2em;
}
#content #listv ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#content #listv ul li a:hover{
TEXT-DECORATION: none;
}

/*videos 1 col*/
#content #list3 ul {
padding-left:21px; text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#content #list3 ul li a{ text-decoration: underline; vertical-align:top; margin-bottom:5px;
}
#content #list3 ul li a:hover{
TEXT-DECORATION: none;
}
#content #list3 ul li a img{ margin-top:5px; underline; vertical-align:top; margin-bottom:5px;
}
#content #list3 ul li a:hover img{
TEXT-DECORATION: none;
}

/*photo gallery*/ 
#content #listf ul {
margin-bottom:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #content #listf ul li{ float: left; width: 120px; margin: 5px; padding: 0 0 0 2em;
}
 #content #listf ul li img{width: 120px; height:90px}
#content #listf ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#content #listf ul li a:hover{
TEXT-DECORATION: none;
}

/*flickr 1 col*/
#content #list4 ul {
padding-left:21px; text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#content #list4 ul li a{ text-decoration: underline; vertical-align:top; margin-bottom:5px;
}
#content #list4 ul li a:hover{
TEXT-DECORATION: none;
}
#content #list4 ul li a img{width: 120px; height:90px; margin-top:5px; underline; vertical-align:top; margin-bottom:5px;
}
#content #list4 ul li a:hover img{
TEXT-DECORATION: none;
}

#content #list2 ul {
 list-style-image: url(http://www.mpcc.edu/temp/images/bullet2.gif);padding-left:14px;
text-align: left;font-size:96%; line-height:1.5em; /*set value to "left", "center", or "right"*/
 }
#content #list2 ul li a{ text-decoration: underline; vertical-align:top
}
#content #list2 ul li a:hover{
TEXT-DECORATION: none;
}


#content .ul1 li{background:url(http://www.mpcc.edu/temp/images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:21px; padding-bottom:7px;}
#content .ul1 li a{color:#619624; text-decoration: underline; font-size:.85em; line-height:1.2em; vertical-align:bottom} 
#content .ul1 li a:hover { text-decoration:none; }

#content ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#619624}
#content ol li{background:none }
#content ol li a{color:#2572a2; text-decoration: underline; line-height:2em; font-size:1em} 
#content ol li a:hover { text-decoration:none; }

#content .ul2 li{background:url(http://www.mpcc.edu/images/bullet.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:11px; }
#content .ul2 li a{color:#619624; text-decoration: underline; line-height:2em; font-size:1em; font-weight:bold} 
#content .ul2 li a:hover { text-decoration:none; }

#content .ul li{background:url(http://www.mpcc.edu/temp/images/tail2.gif) repeat-x bottom; padding-left:2px; }
#content .ul div{background:url(http://www.mpcc.edu/temp/images/marker1.gif) top left no-repeat; background-position:0 1px; margin:0; padding-left:20px; padding-bottom:6px; margin-bottom:6px }
#content .ul li a{color:#4b4b4b; text-decoration:none ; line-height:1em} 
#content .ul li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(http://www.mpcc.edu/temp/images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(http://www.mpcc.edu/temp/images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(http://www.mpcc.edu/temp/images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

#content .col1 a.apply_btn{margin:0; padding:0 6px 0 0; float:right; width:92px; height:94px; background:url(http://www.mpcc.edu/temp/images/apply_off.png) no-repeat 0 0;}


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 {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; }
#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 {font-size:0.80em; color:#0098ef }
#subheader .logo{ margin:5px 0 30px 300px }
#subheader .indent{ padding:0 0 0 36px}

#subheader ul{margin:0; padding:0; list-style:none;}
#subheader ul li{ margin:0; display:inline}
#subheader 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 8px 0;} 
#subheader ul li a:hover { color:#1082ce; text-decoration:none; background:url(http://www.mpcc.edu/temp/images/bg_menu.gif) repeat-x top}
#subheader ul li .current{ color:#1082ce; text-decoration:none; background:url(http://www.mpcc.edu/temp/images/bg_menu.gif) repeat-x top}

#content .row{ background:url(http://www.mpcc.edu/images/bg_row.jpg); height:258px; color:#ffffff}

#content .indent-row{ padding:0 0 0 46px}
#content .row p{ margin:0 0 11px 0}
#content .title-1{  margin-bottom:7px}
#content .txt1{ color:#85b915}
#content .txt2{ color:#0b5b05}


/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:url(http://www.mpcc.edu/temp/images/bg_cont.gif)}
#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 25px 33px 20px; background:url(http://www.mpcc.edu/temp/images/bg_cont.jpg) no-repeat top;}
#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 .indent-col5{padding:5px 5px 5px 20px}
#content .indent-col7{padding:3px}
#content .indent-col3{padding:10px 5px 0 5px}
#content .title{  margin-bottom:14px}
#content .title1{  margin-bottom:9px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-left1{ float:left; margin:0; border:solid #014898 thin}
#content .img-right1{ float:right; margin:0 0 0 17px; top:0; border:solid #014898 thin}
#content .img-indent{ margin:0 0 16px 0}
#content .img-indent2x { margin:0 5px 0 0;width:160px;}
#content .img-indent2 { margin:0 5px 0 0; float:left;width:160px;top:0}
#content .img-indent3 { margin:0 10px 0 0; float:left; width:210px;}
#content .img-indent3xfirst { margin:-45px 3px 0 20px; float:left; width:40px;}
#content .img-indent3x { margin:-45px 3px 0 45px; float:left;}
#page7 #content p{ margin:0 0 15px 0}
#content p{ margin:0 0 7px 0}
#content .p{ margin:0 0 11px 0}
#content .p1{ margin:0}
#content .p2{ margin:0 0 17px 0}
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px;  }
#content .tail{ background:url(http://www.mpcc.edu/temp/images/tail4.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt3{ float:right; color:#2572a2; font-weight:bold; display:block; margin-bottom:29px}
.txt4{ float:right; color:#2572a2; font-weight:bold; display:block; margin-bottom:9px}

.txt5{ font-family:Georgia, "Times New Roman", Times, serif}

#content .indent{padding:0 0 0 0}

#content .indent0{width:125px; padding:5px 0 0 0}
#content .indent0 a.title{color:#02619c; font-weight:bold;font-size:1em;}
#content .indent0 a{font-size:.95em; text-decoration:none}
#content .indent0 a:hover{text-decoration:underline}

#content .indent1{padding:5px 0 0 0;}
#content .indent1 a.title{color:#02619c; font-weight:bold;font-size:1em;}
#content .indent1 a{font-size:.95em; text-decoration:none}
#content .indent1 a:hover{text-decoration:underline}

/*box*/
.box-main{ width:100%; height:250px}
.box{ width:670px; height:250px}
/*box1*/
.box2{ width:100%; color:#4b4b4b}
.box3{ width:670px;}
.box1{ background:#d2eef4; width:100%; color:#4b4b4b; padding:5px; min-height:250px; width:650px;}
.box1 a{color:#4b4b4b}
.box1 .indent-box{ padding:5px 5px 10px 16px;}
.box1 .indent-box1{ padding:5px 5px 10px 10px;}
.box1 .indent-box3{ padding:5px 5px 10px 15px;}
/*searchform*/
.inline_editor {
	font-size: .87em;
	border: solid 1px #02619c; 
	background : #d2eef4;
	width:150px;
	margin-top:5px
}
/*footer*/
#footer { color:#abdc40; font-size:0.85em; text-align:center; }
#footer .indent-footer{ font-size:0.85em; padding:3px 53px 0 53px; margin-top:0}
#footer a {color:#abdc40; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
.bot-left{ background:url(http://www.mpcc.edu/temp/images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(http://www.mpcc.edu/temp/images/bot_right.gif) no-repeat top right; height:46px}

.jamp{ width:250px;}
select{font-size:1em; color:#2d3331; height:20px; font-family:Tahoma; border:1px solid #4b4b4b}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:28px; background:url(http://www.mpcc.edu/temp/images/bg_input.gif) no-repeat top left}
.h1{ height:28px; }
.block-contact span{ float:right; margin-right:60px}

.img-border{border:solid #014898 thin}
.chromestyle{
text-align:center;
vertical-align:bottom
}

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;
}

