.col1, .col2, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7{ float:left}
/*======= width =======*/
.main {
position:absolute;
	top:0px;
	left:50%;
	margin:0 0 0 -490px;
	text-align:left;
	width:980px;}
	
/*.main{margin:0 auto; text-align:left; width:980px; }*/

/*======= header =======*/
#header {height:375px;  background:url(http://www.mpcc.edu/temp/images/top.jpg) no-repeat top center}

#subheader {height:238px;  background:url(http://www.mpcc.edu/temp/images/01_subhead.jpg) no-repeat top center}

#content .col1{ width:220px; text-align:left}
#content .col2{ width:247px}

/*======= index.html =======*/
#page0 #content .col-1{ width:230px; height:245px;}
#page0 #content .col-2{ width:600px; margin:0 0 20px 32px; height:245px; overflow: visible}
#page0 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 271px top } 
#page0 #content .col-3{ width:140px; margin-right:5px}
#page0 #content .col-4{ width:140px; margin-right:5px}
#page0 #content .col-5{ width:260px; background:#daf0f5;}
#page0 #content .col-6{ width:195px;}
#page0 #content .col-7{ width:220px;}
#page0 #content .bg1{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 292px top } 
#page0 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top } 

/*======= template1 =======*/
#page1 #content .col-1{ width:200px;}
#page1 #content .col-2{ width:650px; margin-left:20px;}
#page1 #content .col-2a{ width:200px; float:left; margin:5px;}
#page1 #content .col-2b{ width:400px; margin:5px 10px; float:right; top:0;}
#page1 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail420.gif) repeat-y 269px top } 
#page1 #content .col-2-1{ width:600px; margin-top:10px}
#page1 #content .col-2-2{ width:425px; float:left; margin-right:10px; margin-top:10px}
#page1 #content .col-2-3{ width:200px; float:right; padding:10px 0 0 10px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page1 #content .col-3{ width:650px;}
 
/*======= template2 =======*/
#page2 #content .col-1{ width:200px;}
#page2 #content .col-2{ width:650px; margin-left:10px;} 
#page2 #content .col-2-1{ width:640px; margin-top:10px}
#page2 #content .col-2-2{ width:640px;}
#page2 #content .col-3{ width:640px;margin-top:10px}
#page2 #content .col-4{ width:320px; margin-right:10px; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page2 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page2 #content .col-5{ width:316px; padding-left:2px; border-left:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page2 #content .col-6{ width:640px;margin-top:10px}

/*======= template3 =======*/
#page3 #content .col-1{ width:200px;}
#page3 #content .col-2{ width:650px; margin-left:20px;}
#page3 #content .col-3{ width:640px;margin-top:10px}
#page3 #content .col-4{ width:320px; margin-right:10px; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page3 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page3 #content .col-5{ width:316px; padding-left:2px; border-left:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}

/*======= template4 =======*/
#page4 #content .col-1{ width:200px;}
#page4 #content .col-2{ width:650px; margin-left:10px;}
#page4 #content .col-2a{ width:200px; float:right; margin:5px}
#page4 #content .col-2b{ width:400px; margin:5px 5px; float:left}
#page4 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page4 #content .col-3{ width:655px; margin-left:5px; padding-bottom:10px; border-bottom:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page4 #content .col-4{ width:320px; margin-right:5px}
#page4 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page4 #content .col-5{ width:325px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page4 #content .col-6{ width:650px; margin-left:20px; padding-top:10px}
#page4 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top } 

/*======= template5 =======*/
#page5 #content .col-1{ width:200px;}
#page5 #content .col-2{ width:670px;}
#page5 #content .col-2-1{ width:200px; padding-left:10px; border-left:dashed; border-color:#CCCCCC; border-width:thin; float:right; margin-right:5px} 

/*======= template6 =======*/
#page6 #content .col-1{ width:200px;}
#page6 #content .col-2{ width:670px;}
#page6 #content .col-2-1{ width:200px; padding-left:10px; border-left:dashed; border-color:#CCCCCC; border-width:thin; float:right; margin-right:5px} 

/*======= template7 =======*/
#page7 #content .col-1{ width:200px;}
#page7 #content .col-2{ width:670px;}
#page7 #content .col-2-1{ width:640px; padding-bottom:20px; border-top:dashed; border-bottom:dashed; border-color:#CCCCCC; border-width:thin} 
#page7 #content .col-3{ width:200px; margin-top:10px;  padding-left:10px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page7 #content .col-4{ width:670px;}


/*======= template8 =======*/
#page8 #content .col-1{ width:200px;}
#page8 #content .col-2{ width:670px;}
#page8 #content .col-2-1{ width:640px; padding-bottom:10px; border-top:dashed; border-bottom:dashed; border-color:#CCCCCC; border-width:thin} 
#page8 #content .col-3{ width:200px; margin-top:10px;  padding-left:10px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page8 #content .col-4{ width:670px;}

/*======= template9 =======*/
#page9 #content .col-1{ width:200px;}
#page9 #content .col-2{ width:670px;}


/*======= template10 =======*/
#page10 #content .col-1{ width:200px;}
#page10 #content .col-2{ width:660px; margin-left:10px; margin-bottom:10px}
#page10 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page10 #content .col-3{ width:650px; margin-left:10px; padding-bottom:10px;}
#page10 #content .col-4{ width:670px; padding:10px 0; border-bottom:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page10 #content .col-5{ width:320px;}
#page10 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page10 #content .col-6{ width:316px; padding-left:2px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page10 #content .col-7{ width:650px; margin-left:10px;}
#page10 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top } 

/*======= template11 =======*/
#page11 #content .col-1{ width:200px;}
#page11 #content .col-2{ width:670px;}
#page11 #content .col-2-1{ width:160px; float:right}
#page11 #content .col-2-1 img{margin-bottom:10px;}  
#page11 #content .col-3{ width:480px; padding-bottom:10px; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page11 #content .col-4{ width:235px; margin-right:10px}
#page11 #content .col-5{ width:230px; padding-left:2px; border-left:dashed; border-color:#CCCCCC; border-width:thin}

/*======= template12 =======*/
#page12 #content .col-1{ width:200px;}
#page12 #content .col-2{ width:660px; margin-left:10px; margin-bottom:10px}
#page12 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page12 #content .col-3{ width:650px; margin-left:10px; padding-bottom:10px;}
#page12 #content .col-4{ width:650px; padding:10px 0; border-bottom:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page12 #content .col-5{ width:320px;}
#page12 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page12 #content .col-6{ width:316px; padding-left:2px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page12 #content .col-7{ width:650px; margin-left:10px;}
#page12 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top }

/*======= template13 =======*/
#page13 #content .col-1{ width:200px;}
#page13 #content .col-2{ width:660px; margin-left:5px; margin-bottom:10px}
#page13 #content .col-2 img{ width:650px; float:right; top:0}
#page13 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page13 #content .col-3{ width:650px; margin-left:10px; padding-bottom:10px;}
#page13 #content .col-4{ width:650px; padding:10px 0; border-bottom:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin}
#page13 #content .col-5{ width:320px;}
#page13 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page13 #content .col-6{ width:316px; padding-left:2px; border-left:dashed; border-color:#CCCCCC; border-width:thin}
#page13 #content .col-7{ width:650px; margin-left:10px;}
#page13 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top }

/*======= template14 =======*/
#page14 #content .col-1{ width:200px;}
#page14 #content .col-2{ width:650px; margin-left:10px; margin-bottom:10px}
#page14 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page14 #content .col-3{ width:650px; margin-left:10px; padding-bottom:10px;}
#page14 #content .col-4{ width:650px; padding:10px 0; border-bottom:dashed; border-top:dashed; border-color:#CCCCCC; border-width:thin; float:left}
#page14 #content .col-5{ width:320px; float:left}
#page14 #content .bg412{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 269px top } 
#page14 #content .col-6{ width:316px; padding-left:2px; border-left:dashed; border-color:#CCCCCC; border-width:thin; float:left}
#page14 #content .col-7{ width:650px; margin-left:10px;}
#page14 #content .bg2{ background:url(http://www.mpcc.edu/temp/images/tail3.gif) repeat-y 584px top }
 
/*======= footer =======*/
#footer { height:44px; width:902px; background-color:#015507; margin-left: 35px}
#foot { height:54px; width:100%; background-color:#416920;}
.foot A {FONT-FAMILY: "Times New Roman", Times, serif;
	FONT-SIZE: 4px;
	line-height: 4px;
	vertical-align: botom;
	font-weight: normal;
	color: #416920;
}
.foot A:link {
	COLOR: #416920; FONT-STYLE: normal; TEXT-DECORATION: none
}
.foot A:hover {
	COLOR: #416920; FONT-STYLE: normal; TEXT-DECORATION: none
}
.foot A:visited {
	COLOR: #416920; FONT-STYLE: normal; TEXT-DECORATION: none
}
.foot A:active {
	COLOR: #416920; FONT-STYLE: normal; TEXT-DECORATION: none
}