/* CSS Document */


/*global*/
* {
	margin:0; padding:0;
	font-size:100%;
}

html, body { height:100%; }
body {background: #ebf3dc url('http://67.199.64.61/images/main-bkg.jpg') repeat-x top left; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000000}

table { z-index:auto}
#main {
position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -490px;
	text-align:left;
	width:980px;}
	
#header {height:170px; background: #ffffff url('http://67.199.64.61/images/main-header.jpg') no-repeat top center; padding:0;}
#headerimg {margin-top:0; vertical-align:top}

	
#header-link {height:30px; width:410px; margin-left:550px}
.header-link0 {height:25px; width:130px;}
.header-link1 {height:25px; width:250px;}

a{color:#000000; text-decoration:none; line-height:1.2em;font-size:96%;} 
a:hover{text-decoration:underline}

.toplink a{color:#000000; text-decoration:underline; font-weight:bold} 
.toplink a:hover{text-decoration:underline}


h3 { font-size:1.25em; color:#3672ac; font-stretch: ultra-condensed; margin-bottom:6px; margin-top:10px;background:url(http://67.199.64.61/images/marker.gif) no-repeat left 0;padding:0 0 0 40px; line-height:35px}
h4 { font-size:1.25em; line-height:25px; color:#4d1522; background:  url('http://67.199.64.61/images/underline.gif') left bottom repeat-x; margin-bottom:9px; padding-bottom:3px;}
h1 { font-size:1.25em; color:#3672ac; margin-bottom:6px;}
h2 { font-size:1.25em; font-stretch: ultra-condensed; background:url(http://67.199.64.61/images/marker1.gif) no-repeat left; color:#457450; padding:0 0 0 40px; margin-top:9px;margin-bottom:9px;line-height:35px}

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
}

.footer {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	clear: both;
	height:88px; background: #ffffff url('http://67.199.64.61/images/main-footer-bkg.jpg') no-repeat top center; }
.footer .link2{width:50px; height:25px; float:left;background: url('http://67.199.64.61/images/blankdot.gif') no-repeat top left;}

.footer-links1 {height:25px; width:900px; text-align:right; color:#0d793d; font-size: 1.25em; padding-right:20px}
.footer-links1 a{color:#0d793d; text-decoration:none}
.footer-links1 a:hover{color:#0d793d; text-decoration:underline}

.footer-links2 {height:20px; width:920px; text-align:right; color:#ffffff; font-size: .77em;margin-top:15px; padding-right:20px}
.footer-links2 a{color:#ffffff; text-decoration:none}
.footer-links2 a:hover{color:#ffffff; text-decoration:underline}

td .footer {height:88px; width:980px; background: #ffffff url('http://67.199.64.61/images/main-footer-bkg.jpg') no-repeat top center; padding:0 20px 0 0 ;}
td .footer .link2{width:50px; height:25px; float:left;background: url('http://67.199.64.61/images/blankdot.gif') no-repeat top left;}

td .footer-links1 {height:25px; width:900px; text-align:right; color:#0d793d; padding-top:10px; font-size:1.55em;}
td .footer-links1 a{color:#0d793d; text-decoration:none}
td .footer-links1 a:hover{color:#0d793d; text-decoration:underline}

td .footer-links2 {height:20px; width:920px; text-align:right; color:#ffffff; margin-top:15px}
td .footer-links2 a{color:#ffffff; text-decoration:none}
td .footer-links2 a:hover{color:#ffffff; text-decoration:underline}
td .footer-links2 a:visited{color:#ffffff; text-decoration:none}


#main_pg, #content,#mainpg, #contentpg, #sidecontainer{ font-size:0.88em;}
div.container {	overflow:hidden; width: 100%;}
#sidecontainer { width:195px;}

/*for the index page*/	
#main_pg {width:980px;height:415px; background: #ffffff url('http://67.199.64.61/images/main-mid-bkg.jpg') no-repeat top center; padding:0;}
/*content*/
#content{
	float:left;
	width:550px;
	height:415px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 40px;
}

#column{
	width:330px;
	height:415px;
	top: 0px;
	margin-right: 40px;
		float:right
}
#content .title0{ width:500px; height:47px; text-align:center; padding:10px; color:#ebf3dc;}
#column .title1{ width:310px; height:27px;  text-align:center; padding:20px 0 15px 0; color:#ebf3dc;}
#column .title2{ width:310px; height:27px; text-align:center; padding:10px; color:#ebf3dc; margin-top:25px}

#content .link0{width:170px; height:170px; background: url('http://67.199.64.61/images/greydot.gif') no-repeat top center;}


#column .link1{ color:#006600; text-decoration:underline ; line-height:1em; text-align:right}
/*for page*/	
#mainpg {width:980px;background-color: white;}
/*content*/
#contentpg{
	width:960px;
	min-height:500px;
  height:auto !important;
  height:500px;

	margin: 0 10px;
}

/*style*/


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

/* multiple cols*/
ul .mcol{
  float: left;
  width: 16em; /* width is changed */
  margin: 0;
  padding: 0;
  list-style: none;
}
 
li .mcol{
  float: left;
  width: 3em;
  padding: 0;
  line-height:1.75em; /* left padding moves the text away from the bullet */
}

#contentpg .col-1 select{width:170px;
text-align: left;font-size:86%; line-height:1.5em; /*set value to "left", "center", or "right"*/
 }
 
 /*pdfs*/ 
#contentpg #listx ul {
padding-left:4px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #contentpg #listx ul li{ float: left; margin: 0; padding:0 0 1em 2em;
}
#contentpg #listx ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#contentpg #listx ul li a:hover{
TEXT-DECORATION: none;
}

/*pdf 1 col*/ 
#contentpg #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; margin-left:5px /*set value to "left", "center", or "right"*/
 }
#contentpg #list ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#contentpg #list ul li a:hover{
TEXT-DECORATION: none;
}

 /*links*/ 
#contentpg #listo ul {
padding-left:4px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #contentpg #listo ul li{ float: left; margin: 0; padding:0 0 1em 2em;
}
#contentpg #listo ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#contentpg #listo ul li a:hover{
TEXT-DECORATION: none;
}

/*link 1 col*/
#contentpg #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"*/
 }
#contentpg #list1 ul li a{ text-decoration: underline; vertical-align:top
}
#contentpg #list1 ul li a:hover{
TEXT-DECORATION: none;
}

/*videos*/ 
#contentpg #listv ul {
margin-bottom:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #contentpg #listv ul li{ float: left; width: 100px; margin: 5px; padding: 0 0 0 2em;
}
#contentpg #listv ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#contentpg #listv ul li a:hover{
TEXT-DECORATION: none;
}

/*videos 1 col*/
#contentpg #list3 ul {
padding-left:21px; text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#contentpg #list3 ul li a{ text-decoration: underline; vertical-align:top; margin-bottom:5px;
}
#contentpg #list3 ul li a:hover{
TEXT-DECORATION: none;
}
#contentpg #list3 ul li a img{ margin-top:5px; underline; vertical-align:top; margin-bottom:5px;
}
#contentpg #list3 ul li a:hover img{
TEXT-DECORATION: none;
}

/*photo gallery*/ 
#contentpg #listf ul {
margin-bottom:11px; 
text-align: left;font-size:96%; /*set value to "left", "center", or "right"*/
 }
 #contentpg #listf ul li{ float: left; width: 120px; margin: 5px; padding: 0 0 0 2em;
}
 #contentpg #listf ul li img{width: 120px; height:90px}
#contentpg #listf ul li a{ text-decoration: underline; vertical-align:top; margin-top:5px
}
#contentpg #listf ul li a:hover{
TEXT-DECORATION: none;
}

/*flickr 1 col*/
#contentpg #list4 ul {
padding-left:21px; text-align: left;font-size:96%; line-height:1.55em; /*set value to "left", "center", or "right"*/
 }
#contentpg #list4 ul li a{ text-decoration: underline; vertical-align:top; margin-bottom:5px;
}
#contentpg #list4 ul li a:hover{
TEXT-DECORATION: none;
}
#contentpg #list4 ul li a img{width: 120px; height:90px; margin-top:5px; underline; vertical-align:top; margin-bottom:5px;
}
#contentpg #list4 ul li a:hover img{
TEXT-DECORATION: none;
}

#contentpg #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"*/
 }
#contentpg #list2 ul li a{ text-decoration: underline; vertical-align:top
}
#contentpg #list2 ul li a:hover{
TEXT-DECORATION: none;
}
/*rsspull on the front page*/
.ul div{background:url(http://www.mpcc.edu/temp/images/tail2.gif) repeat-x bottom; padding-left:20px; margin: 0 0 4px 0; font-size:85%;}
.ul div a{color:#457450; text-decoration:none ; }
.ul div a:hover{text-decoration:underline;}

.ul li{background:url(http://67.199.64.61/images/bullet2.gif) no-repeat left; padding-left:5px;}
.ul li a{color:#457450; text-decoration:none ;} 
.ul li a:hover { text-decoration:underline; }
/*end rsspull on the front page*/

#contentpg .ul1 li{background:url(http://67.199.64.61/images/marker.gif) no-repeat left; margin:0; padding-left:40px; padding-bottom:7px;line-height:35px}
#contentpg .ul1 li a{color:#4b824f; text-decoration: underline; line-height:1.2em; vertical-align:bottom} 
#contentpg .ul1 li a:hover { text-decoration:none; }

#contentpg ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#4b824f}
#contentpg ol li{background:none }
#contentpg ol li a{color:#2572a2; text-decoration: underline; line-height:2em; font-size:1em} 
#contentpg ol li a:hover { text-decoration:none; }

#contentpg .ul2 li{background:url(http://www.mpcc.edu/images/bullet.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:11px; }
#contentpg .ul2 li a{color:#4b824f; text-decoration: underline; line-height:2em; font-size:1em; font-weight:bold} 
#contentpg .ul2 li a:hover { text-decoration:none; }

#contentpg .ul li{background:url(http://www.mpcc.edu/temp/images/tail2.gif) repeat-x bottom; padding-left:2px; }
#contentpg .ul div{background:url(http://67.199.64.61/images/marker1.gif) no-repeat left; padding-left:40px; line-height:35px; margin-bottom:6px }
#contentpg .ul li a{color:#4b4b4b; text-decoration:none ; line-height:1em} 
#contentpg .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}

#contentpg .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;}

div.hr {
  height: 21px;
  padding:10px 70px;
  background: url('http://67.199.64.61/images/underline.gif') repeat-x 100px center scroll;
}
div.hr hr {
  display: none;
}

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;
}

#contentpg .indent-main{padding:6px 56px 12px 52px;}
#contentpg .indent-main1{padding:0 5px 5px 5px;}
#contentpg .indent-main2{padding:0 25px 65px 20px}
#contentpg .indent-main3{padding:0 25px 33px 20px; background:url(http://www.mpcc.edu/temp/images/bg_cont.jpg) no-repeat top;}
#contentpg .indent-main4{padding:26px 10px 12px 10px}
#contentpg .indent-main5{padding:0 25px 33px 20px; overflow:hidden; width: 100%;}

#contentpg .indent-col{padding:10px 15px 0 15px}
#contentpg .indent-col5{padding:5px 5px 5px 20px}
#contentpg .indent-col7{padding:3px}
#contentpg .indent-col3{padding:10px 5px 0 5px}
#contentpg .title{  margin-bottom:14px}
#contentpg .title1{  margin-bottom:9px}
#contentpg .img-left{ float:left; margin:0 20px 16px 0}
#contentpg .img-left1{ float:left; margin:0; border:solid #014898 thin}
#contentpg .img-right1{ float:right; margin:0 0 0 17px; top:0; border:solid #014898 thin}
#contentpg .img-indent{ margin:0 0 16px 0}
#contentpg .img-indent2x { margin:0 5px 0 0;width:160px;}
#contentpg .img-indent2 { margin:0 5px 0 0; float:left;width:160px;top:0}
#contentpg .img-indent3 { margin:0 10px 0 0; float:left; width:210px;}
#contentpg .img-indent3xfirst { margin:-45px 3px 0 20px; float:left; width:40px;}
#contentpg .img-indent3x { margin:-45px 3px 0 45px; float:left;}
#page7 #contentpg p{ margin:0 0 15px 0}
#contentpg p{ margin:0 0 7px 0}
#contentpg .p{ margin:0 0 11px 0}
#contentpg .p1{ margin:0}
#contentpg .p2{ margin:0 0 17px 0}
#contentpg .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}

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

#contentpg .indent0{width:125px; padding:5px 0 0 0}
#contentpg .indent0 a.title{color:#02619c; font-weight:bold;font-size:1em;}
#contentpg .indent0 a{font-size:.95em; text-decoration:none}
#contentpg .indent0 a:hover{text-decoration:underline}

#contentpg .indent1{padding:5px 0 0 0;}
#contentpg .indent1 a.title{color:#02619c; font-weight:bold;font-size:1em;}
#contentpg .indent1 a{font-size:.95em; text-decoration:none}
#contentpg .indent1 a:hover{text-decoration:underline}

.leaf {
	FONT-FAMILY: "Times New Roman", Times, serif;
	FONT-SIZE: 24px;
	line-height: 28px;
	font-weight: normal;
	margin-left:15px;
	color: #00458C;
	vertical-align: top;
	background: url(http://67.199.64.61/developer/images/underline.gif) left bottom no-repeat;width:960px;
	float:left;

}

/*box*/
.box-main{ width:100%; height:250px}
.box{ width:670px; height:250px}
.box2{ width:100%; color:#4b4b4b}
.box3{ width:670px;}

/*box4 for non-members*/
.box1x {float:left; width:220px; height:160px; margin: 10px 10px 0 0;}
.box1x .title{ color:#ffffff; font-size:1em; text-align:center;width:190px;height:32px; vertical-align: text-top; padding:5px 0 5px 5px; margin-bottom:10px}
.box1x .indent-box{ background:url(images/box-1.png) left no-repeat; height:140px; width:205px;padding: 10px}


/*box4 for non-members*/
.box4 {padding:10px; float:left; width:280px; height:140px; margin:10px 10px 10px 15px; background-color:#b1e1c7}
.box4 .title{ color:#327553; font-size:1.25em; clear:both;}
.box4 .indent-box{ padding:10px; background:url(images/box2-bkg.gif) center no-repeat; height:130px; width:260px;}

/*box1 for members*/
.box1{ padding:10px; float:left; width:280px; height:140px; margin:10px 10px 10px 15px; background-color:#acc5e5;}
.box1 .title{ color:#103a70; font-size:1.25em; clear:both; font-weight:bold;}
.box1 a{color:#4b4b4b}
.box1 .indent-box{ padding:10px; background:url(images/box1-bkg.gif) center no-repeat; height:130px; width:260px;}
.box1 .indent-box1{ padding:5px 5px 10px 10px;}
.box1 .indent-box3{ padding:5px 5px 10px 15px;}

/*box5 for directory*/
.box5{ padding:10px; float:left; width:285px; margin:5px 5px 5px 15px;}
.box5 .title{ color:#103a70; font-weight:bold;font-stretch:condensed}
.box5 .titlex{ color:#757575; font-weight:bold;font-stretch:condensed}
.box5 .bodyx{ color:#757575;}
.box5 a{color:#4b4b4b}
.box5 .indent-box{ line-height:14px}
/*end directory*/

.box10{ background:url(images/box1-bkg680.gif) no-repeat top left; width:100%; color:#211d19; padding:5px; min-height:250px;}
.box10 a{color:#4b4b4b}
.box10 .indent-box{ padding:5px 5px 10px 16px;}
.box10 .indent-box1{ padding:5px 5px 10px 10px;}
.box10 .indent-box3{ padding:5px 5px 10px 15px;}


.box11{ background:url(images/box2-bkg680.gif) no-repeat top left; width:680px; color:#211d19; padding:5px; min-height:250px;}
.box11 a{color: #003399; text-decoration:underline}

.chromestyle{
width: 980px;
font-size:12px;
font-weight: normal;
background-color:#173677;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
width: 90px;
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
}
.chromestyle ul li a:link{
	color: #ffffff; TEXT-DECORATION: none;
}
.chromestyle ul li a:visited{
	color: #ffffff; TEXT-DECORATION: none;
}
.chromestyle ul li a:hover{
	color: #ffffff; TEXT-DECORATION: underline;
}
.chromestyle ul li a:active{
	color: #ffffff; TEXT-DECORATION: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #ce0144;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #173677;
}