.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}

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

/*======= index.html =======*/
#page0 #content .col-1{width:174px;}
#page0 #content .col-2{width:174px;}
#page0 #content .bg{ background:url(http://www.mpcc.edu/temp/images/tail.gif) repeat-y 271px top } 
#page0 #content .col-3{ width:174px;}
#page0 #content .col-4{ width:174px; height:180px;}
#page0 #content .col-5{ width:174px; height:180px;}
#page0 #content .col-6{ width:174px; height:180px;}
#page0 #column .col-7{ width:290px; height:120px; margin-left:10px;}
#page0 #column .col-8{ width:290px; height:140px; margin-left:10px;}

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

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

/*======= template4 =======*/
#page4 #contentpg .col-1{ width:200px;}
#page4 #contentpg .col-2{ width:680px; margin-left:20px;}
#page4 #contentpg .col-2a{ width:200px; float:right; margin:5px}
#page4 #contentpg .col-2b{ width:430px; margin:5px 5px; float:left}
#page4 #contentpg .col-3{ width:665px; margin-left:5px; padding-bottom:10px; border-bottom:dashed; border-color:#8fc4a6; border-width:thin}
#page4 #contentpg .col-4{ width:320px; margin-right:10px; float:left; top:0;}
#page4 #contentpg .col-5{ width:316px; padding-left:2px; border-left:dashed; border-color:#8fc4a6; border-width:thin; float:right; top:0;}
#page4 #contentpg .col-6{ width:650px; padding-top:10px}

/*======= template5 =======*/
#page5 #contentpg .col-1{ width:200px;}
#page5 #contentpg .col-2{ width:680px; margin-left:20px;}
#page5 #contentpg .col-2-1{ width:200px; padding-left:10px; border-left:dotted; border-color:#8fc4a6; border-width:thin; float:right; margin-right:5px} 

/*======= template6 =======*/
#page6 #contentpg .col-1{ width:200px;}
#page6 #contentpg .col-2{ width:680px; margin-left:20px;}
#page6 #contentpg .col-2-1{ width:200px; padding-left:10px; border-left:dotted; border-color:#8fc4a6; border-width:thin; float:right; margin-right:5px} 

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


/*======= template8 =======*/
#page8 #contentpg .col-1{ width:200px;}
#page8 #contentpg .col-2{ width:680px; margin-left:20px;}
#page8 #contentpg .col-2-1{ width:640px; padding-bottom:10px; border-top:dotted; border-bottom:dotted; border-color:#8fc4a6; border-width:thin} 
#page8 #contentpg .col-3{ width:200px; margin-top:10px;  padding-left:10px; border-left:dotted; border-color:#8fc4a6; border-width:thin}
#page8 #contentpg .col-4{ width:670px;}

/*======= template9 =======*/
#page9 #contentpg .col-1{ width:200px;}
#page9 #contentpg .col-2{ width:680px; margin-left:20px;}


/*======= template10 =======*/
#page10 #contentpg .col-1{ width:200px;}
#page10 #contentpg .col-2{width:680px; margin-left:20px;}
#page10 #contentpg .col-3{ width:680px; padding-bottom:10px;}
#page10 #contentpg .col-4{ width:680px; padding:10px 0; border-bottom:dashed; border-top:dashed; border-color:#8fc4a6; border-width:thin}
#page10 #contentpg .col-5{ width:325px; margin-right:10px; float:left; top:0;}
#page10 #contentpg .col-6{ width:321px; padding-left:2px; border-left:dashed; border-color:#8fc4a6; border-width:thin; float:right; top:0;}
#page10 #contentpg .col-7{ width:680px; float:right}

/*======= template11 =======*/
#page11 #contentpg .col-1{ width:200px;}
#page11 #contentpg .col-2{ width:680px; margin-left:20px;}
#page11 #contentpg .col-2-1{ width:160px; float:right; top:0;}
#page11 #contentpg .col-2-1 img{margin-bottom:10px;}  
#page11 #contentpg .col-3{ width:480px; padding-bottom:10px; border-top:dashed; border-color:#8fc4a6; border-width:thin}
#page11 #contentpg .col-4{ width:245px; margin-right:10px; float:left; top:0;}
#page11 #contentpg .col-5{ width:245px; padding-left:2px; border-left:dashed; border-color:#8fc4a6; border-width:thin; float:right; top:0;}

/*======= template12 =======*/
#page12 #contentpg .col-1{ width:200px;}
#page12 #contentpg .col-2{ width:680px; margin-left:20px; margin-bottom:10px}
#page12 #contentpg .col-3{ width:680px; padding-bottom:10px;}
#page12 #contentpg .col-4{ width:680px; margin-top:10px; padding:10px 0; border-bottom:dotted; border-top:dotted; border-color:#8fc4a6; border-width:thin}
#page12 #contentpg .col-5{ width:320px; margin-right:10px;float:left}
#page12 #contentpg .col-6{ width:316px; padding-left:2px; border-left:dotted; border-color:#8fc4a6; border-width:thin}
#page12 #contentpg .col-7{ width:680px;}

/*======= template13 =======*/
#page13 #contentpg .col-1{ width:200px;}
#page13 #contentpg .col-2{ width:680px; margin-left:20px; margin-bottom:10px}
#page13 #contentpg .col-2 imgx{ width:680px; float:right; top:0}
#page13 #contentpg .col-3{ width:680px; padding-bottom:10px;}
#page13 #contentpg .col-4{ width:680px; padding:10px 0; border-bottom:dotted; border-top:dotted; border-color:#8fc4a6; border-width:thin}
#page13 #contentpg .col-5{ width:320px; margin-right:10px;float:left}
#page13 #contentpg .col-6{ width:316px; padding-left:2px; border-left:dotted; border-color:#8fc4a6; border-width:thin}
#page13 #contentpg .col-7{ width:680px;}

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