/*MPG Main CSS 6-11-05*/
BODY {
  background-attachment: fixed;
  background-image:  url(../images/mpg_bg.gif);
  background-repeat: repeat;
  background-color: #666666;
  color: #000000;
  margin: 0px;
  margin-bottom: 10px;
  padding: 7px;
  font: 11px Verdana, Arial, sans-serif;
}
/*TABLE GENERAL*/

table{
 color: #EEEEEE;
 font: 14px Verdana, Arial, sans-serif; 
}


/*== TOP BANNER*/
TABLE.banner {
  width: 100% !important;
  margin-bottom: 10px;
}
#mpgbanner{
	position: relative; left: 0px; top: 0px; width:100%;}
.mpgbanner1{ position: absolute; left: 0px; top: 5px; width:100%; text-align: center; z-index: 20;}
.mpgbanner2{ position: absolute; left: 1px; top: 6px; width:100%; text-align: center; z-index: 10;}

.title, .titlea {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	color: #888888;
	color: #000000;
	padding:0px; margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title1, .title1a { color: #000000; font-size: 50px; font-family: "Times New Roman", Times, serif;   }
.title2, .title2a { color: #000000; font-size: 40px; font-family: "Times New Roman", Times, serif;  }
.title3, .title3a { color: #000000; font-size: 40px; font-family: "Times New Roman", Times, serif;   }

.titlea, .title1a, .title2a, .title3a {color: #FF0000}


/*== MAIN three column*/
.main_page{  width: 100% !important;  padding: 5px; }
.column_left, .column_right{  padding: 0px; }
.center_column {  padding: 0px 7px; }

/*== main box content links*/
.mainboxcontent A,  .centerboxcontent A  { font-size: 12px; color: #67F4FC; text-decoration: none;}
.mainboxcontent A:hover, .centerboxcontent A:hover { color: #ffff00; text-decoration: none;}


/*== LEFT RIGHT CENTER BOXES*/
/* left box table margin vertical spacing between boxes*/
.leftbox A, .rightbox A {
	color: #67F4FC;
        background-color: #444444;
	text-decoration: none;
	display: block;
}
.leftbox A:hover, .rightbox A:hover {background-color: #666666; color: #FFFF00; text-decoration: none;}

.leftbox, .rightbox, .centerbox, .mainbox{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border: 2px solid #000000;  
  margin-bottom: 10px;
}

/*td boxheading*/
.leftboxheading, .rightboxheading, .centerboxheading, .mainboxheading{
	background-image: url(../images/mpg_bg_bar.gif);
	background-color: #333333;
	font-size: 14px;
	font-weight: bold;
	color: #03D1DC;
	padding: 3px;
	height: 24px;
	padding-left: 5px;
	border-bottom: 1px solid #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.mainboxheading{
	color: #EEEEEE; 
}

/* td boxcontent */
.leftboxcontent, .rightboxcontent{
  background-color: #444444;
  line-height: 125%;
  padding: 4px;
  color: #EEEEEE;
}
/* td center box content */
.centerboxcontent {
	background-color: #444444;
	padding: 4px;
	color: #EFFFFF;
	font-size: 14px;
	line-height: 1.3;
}
.mainboxcontent {
	background-color: #444444;
	padding: 6px;
}

/* td main  box content */
td.mainboxcontent{
 color: #EFFFFF;
 font-size: 14px;
 line-height: 1.3;
 color:#EFFFFF;
}

.mainboxcontent p {
 color: #EFFFFF;
 font-size: 14px;
 line-height: 1.3;
 padding: 0px;
 margin-top:    0px;
 margin-bottom: 6px;
}

.mainboxcontent h2{
	color: #F8F8F8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
.mainboxcontent h3{
	color: #F8F8F8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding:0px 0px 4px;
}

/*td leftboxfooter*/
.leftboxfooter, .rightboxfooter, .centerboxfooter, .mainboxfooter {
  background-image: url(../images/mpg_bg_bar_bottom.gif);
  background-color: #666666;
  height:5px;
  margin-bottom: 10px
}

/*== Menu breadCrumbs*/
.breadcrumbbox {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  margin-bottom: 2px;
}

.breadcrumb A       { color: #67F4FC;  color: #60FFFF;text-decoration: none;}
.breadcrumb A:hover { color: #ff0000; text-decoration: none;}

/*== Products image tables*/
.productbox{
  color: #ffffff;
  font-size: 12px;
  padding:0px;
  padding-top:8px;
  margin:0pc;
}
.smallText{ font-size: 11px; padding:0px; }
.smallText A { 
  display:block;
  color: #67F4FC;
  text-decoration: none;
  margin-top:2px;
  margin-bottom:10px;
  padding:0px;
}
.smallText A:visited {color: #67F4FC; text-decoration: none; }
.smallText A:hover   {color: #00ff00; text-decoration: none; }

/*== td product group images rollover*/
.mpgroup, .mpgroup1, .mpgroup2{ background-color: #555555; padding:1px;}
.mpgroup2{background-color: #EEEE00; }

.mpgroup A, .mpgroup A:visited, .mpgroup A:hover {padding:0px; margin:0px; color: #000000; text-decoration:  none; }


/* Footers TD*/
.footer1 A, .footer1 A:visited { color: #67F4FC;  text-decoration: none;}
.footer1 A:hover { color: #ff0000; text-decoration: none;}

td.footer1 {
	background-image: url(../images/mpg_bg_bar.gif);
	background-color: #333333;
	font-size: 11px;
	color: #EEEEEE;
	padding: 3px;
	height: 24px;
	font-family: Verdana, Arial, sans-serif;
	background-repeat: repeat-x;
}
td.footer2{
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  text-align:center;
  padding:2px;
}


/* one for Ric */
.lucinda {
	font-family: "Lucida Calligraphy", Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
}

/* Navigation Button List*/

.mpgnav  ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;
}
.mpgnav ul li { margin: 0; }

.mpgnav ul li a { 
  display: block; 
  width:162px; 
  text-decoration: none;
  color: #67F4FC;
  background-color: #444444;
  padding:3px;
  border: 1px solid; 
  border-color: #aaa #000 #000 #aaa; 
  border-color: #888888 #000 #000 #888888; 
} 

.mpgnav ul li a:hover { 
position: relative; 
   top: 0px; 
   left: 0px; 
   background-color: #666666; color: #FFFF00; 
   border-color: #000 #aaa #aaa #000; 
}

/* Navigation Button List*/

.mpgnav2  ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size:11px;
}
.mpgnav2 ul li { margin: 0; }

.mpgnav2 ul li a { 
  display: block; 
  width:152px; 
  text-decoration: none;
  color: #67F4FC;
  background-color: #444444;
  padding:3px;
  border: 1px solid; 
  border-color: #aaa #000 #000 #aaa; 
  border-color: #888888 #000 #000 #888888; 
} 

.mpgnav2 ul li a:hover { 
position: relative; 
   top: 0px; 
   left: 0px; 
   background-color: #666666; color: #FFFF00; 
   border-color: #000 #aaa #aaa #000; 
}