#main { 
	width:980px; 
	margin:0 auto;
}
#header { 
	height:215px;
	background:url(images/header-bg1.gif) no-repeat center bottom;
}
#header, 
#content, 
#footer { 
	font-size:0.75em;
}
.col-1, 
.col-2, 
.col-3 { 
	float:left;
}

/*======= index.cfm =======*/
#page0 #content .col-1 .col-1 { width:315px; margin-right:20px;}
#page0 #content .col-1 .col-2 { width:315px;}

/*======= dynamic pages =======*/
#pagex #content .col-1 .col-1 { width:297px;margin-right:20px;}
#pagex #content .col-1 .col-2 { width:292px;}

/*======= events page =======*/
#pagee #content .col-3{ width:570px;margin-top:10px;}
#pagee #content .col-3-1{ width:200px; border-right:dotted; border-color:#cccccc; border-width:thin; float:left; margin-right:5px;}

/*======= template1 =======*/
#page1 #content .col-3 { width:570px; margin:5px;}
#page1 #content .col-3  .col-3a{ width:200px; margin: 10px;float:left;}
#page1 #content .col-3  .col-3b{ width:340px; margin:5px;float:left; }
#page1 #content .col-4{ width:580px; padding-bottom:10px; border-bottom:dotted; border-color:#cccccc; border-width:thin}
#page1 #content .col-5{ width:280px; margin-right:10px; float:left; top:0;}
#page1 #content .col-6{ width:290px; padding-left:2px; border-left:dotted; border-color:#cccccc; border-width:thin; float:left; top:0;}
#page1 #content .col-7{ width:570px; margin:5px; padding-top:10px; float:left;}
#page1 #content .col-8{ width:570px; margin:5px; padding-top:10px; float:left;}

/*======= template2 =======*/
#page2 #content .col-3-1{ width:570px; margin-top:10px}
#page2 #content .col-3-2{ width:570px; margin-top:10px}
#page2 #content .col-4{ width:570px;margin-top:10px;margin-bottom:10px;}
#page2 #content .col-5{ width:280px; margin-right:10px; border-top:dotted; border-color:#cccccc; border-width:thin; float:left} 
#page2 #content .col-6{ width:290px; padding-left:2px; border-left:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; float:left}

/*======= template3 =======*/
#page3 #content .col-3{ width:570px;margin-top:10px}
#page3 #content .col-4{ width:570px; border-top:dotted; border-color:#cccccc; border-width:thin; float:left} 
#page3 #content .col-5{ width:270px; margin-right:10px; border-top:dotted; border-color:#cccccc; border-width:thin; float:left} 
#page3 #content .col-6{ width:290px; padding-left:2px; border-left:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; float:left}

/*======= template4 =======*/
#page4 #content .col-3 { width:570px; margin:5px;}
#page4 #content .col-3  .col-3a{ width:200px; margin: 10px;float:left;}
#page4 #content .col-3  .col-3b{ width:200px; margin:5px 10px 5px 5px ;float:left; }
#page4 #content .col-4{ width:570px; padding-bottom:10px; border-bottom:dotted; border-color:#cccccc; border-width:thin}
#page4 #content .col-5{ width:270px; margin-right:10px; float:left;}
#page4 #content .col-6{ width:290px; padding-left:2px; border-left:dotted; border-color:#cccccc; border-width:thin; float:left;}
#page4 #content .col-7{ width:570; padding-top:10px; float:left;}

/*======= template5 =======*/
#page5 #content .col-3{ width:570px;margin-top:10px}
#page5 #content .col-3-1{ width:200px; border-right:dotted; border-color:#cccccc; border-width:thin; float:left; margin-right:5px} 

/*======= template6 =======*/
#page6 #content .col-3{ width:570px;margin-top:10px}
#page6 #content .col-3-1{ width:200px; border-right:dotted; border-color:#cccccc; border-width:thin; float:left; margin-right:5px}  

/*======= template7 =======*/
#page7 #content .col-3{ width:570px;margin-top:10px}
#page7 #content .col-3-1{ width:570px; padding-bottom:20px; border-top:dotted; border-bottom:dotted; border-color:#cccccc; border-width:thin} 
#page7 #content .col-4{ width:200px; margin-top:10px;  padding-left:10px; border-left:dotted; border-color:#cccccc; border-width:thin; float:left;}
#page7 #content .col-5{ width:570px;}

/*======= template8 =======*/
#page8 #content .col-3{ width:570px;margin-top:10px}
#page8 #content .col-3-1{ width:570px; padding-bottom:20px; border-top:dotted; border-bottom:dotted; border-color:#cccccc; border-width:thin} 
#page8 #content .col-4{ width:200px; margin-top:10px;  padding-left:10px; border-left:dotted; border-color:#cccccc; border-width:thin; float:left;}
#page8 #content .col-5{ width:570px;}

/*======= template9 =======*/
#page9 #content .col-3{ width:570px;}
#page9 #content .col-3 #col-3{ min-height:550px height:auto!important; height:550px;}


/*======= template10 =======*/
#page10 #content .col-3{ width:570px;margin-top:10px}
#page10 #content .col-4{ width:570px; padding:10px 0; border-bottom:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; margin-top:15px}
#page10 #content .col-5{ width:570px; float:left;border-bottom:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; padding-bottom:20px;}
#page10 #content .col-6{ width:270px; margin-right:10px; padding-left:2px; border-left:dotted; border-color:#cccccc; border-width:thin; float:right; top:0;}
#page10 #content .col-7{ width:290px; float:left}

/*======= template11 =======*/
#page11 #content .col-3{ width:570px;margin-top:10px}
#page11 #content .col-3-1{ width:200px; float:left;}
#page11 #content .col-3-1 img{margin-bottom:10px;}  
#page11 #content .col-4{ width:270px; margin-right:10px; padding-bottom:10px;float:left;border-right:dotted; border-color:#cccccc; border-width:thin;}
#page11 #content .col-5{ width:280px;float:left;}

/*======= template12 =======*/
#page12 #content .col-3{ width:570px;margin-top:10px}
#page12 #content .col-4{ width:570px; padding:10px 0; border-bottom:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; margin-top:15px}
#page12 #content .col-5{ width:570px; float:left;border-bottom:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; padding-bottom:20px;}
#page12 #content .col-6{ width:270px; margin-right:10px; padding-left:2px; border-left:dotted; border-color:#cccccc; border-width:thin; float:right; top:0;}
#page12 #content .col-7{ width:290px; float:left}

/*======= template13 =======*/
#page13 #content .col-3{ width:570px;margin-top:10px}
#page13 #content .col-3 imgx{ width:570px; float:left;}
#page13 #content .col-4{ width:570px; padding-bottom:10px;}
#page13 #content .col-5{ width:570px; margin-top:10px; padding:10px 0; border-bottom:dotted; border-top:dotted; border-color:#cccccc; border-width:thin; float:left}
#page13 #content .col-6{ width:270px; margin-right:10px;float:left}
#page13 #content .col-7{ width:290px; padding-left:2px; border-left:dotted; border-color:#cccccc; border-width:thin; float:left}
#page13 #content .col-8{ width:570px;}

/*======= template14 =======*/
#page14 #content .col-1{ width:244px;}
#page14 #content .col-2{ width:660px; 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:dotted; border-top:dotted; border-color:#cccccc; border-width:thin}
#page14 #content .col-5{ width:320px;}
#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:dotted; border-color:#cccccc; border-width:thin}
#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 .right { 
	height:45px;
}
#footer {
	background:url(images/footer-tail.jpg) repeat-x left top;
}