/* Start of CMSMS style sheet 'home' */
html	 { height:101%; backgound-color:#99A7B8;}
body { 	background:#99A7B8 url(images/background.gif) repeat-x;  height:100%; text-align:center; margin:0px; padding:0; }
.clear { clear:both; }
a, a:visited { color:#0064B2; text-decoration:none; }
a:hover { text-decoration:underline; }
p { margin: 0px 0px 10px 0px; border:0px solid blue;}
select { width:130px; }
#submit { width:50px; }
ul { list-style-image: url('/images/bullet.gif'); padding-left:26px; border:0px solid orange; margin:0 0 15px 0; }
li { border:0px solid red; margin:0 0 4px 0; line-height:14px; }
.clear {clear:both;}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

/* text formatting  */
body, table { font: 10px verdana, arial, tahoma, sans-serif; color:#000049; }
h1 { font-size:20px; font-weight:normal; margin:0 0 10px 0; }
h2 { font-size:14px; font-weight:bold; margin:0;  border:0px solid orange;  margin:0 0 5px 0; color:#0064B2;}
h3 { font-size:11px; font-weight:bold; margin:0; }

th { text-align:left; }
table { margin:10px 10px 10px 10px;  padding:0; border:0px solid #ff00ff; border-spacing:0;  border-collapse: collapse;}
th, td { padding:2px 6px 0 0; }

#leftImage { float:left; margin:3px 0 0 5px; }
#content { padding: 10px 0 0 0; margin:0px 0 0 10px; border:0px solid orange; width:740px;}
#contentThin { margin:0px 0 0 20px; border:0px solid orange; width:525px; float:left;}

#main { margin:0px auto; padding:0px; text-align:left;  border:solid 0px red; }
#main { width:760px; }

#header { border:solid 0px orange; text-align:left;  margin:10px 0 10px 0; height:80px; }

#header #logo {
 width:177px;
 height: 57px;
 float: left;
 margin:20px 0px 0 5px;
}

#header #navWrapper{
 width:566px;
 height: 77px;
 float: right;
}

#header #navHome{
 height:29px; 
 width: 282px;
 border: 0px solid green;
}

#header img  { border:none; float:left; border:solid 0px #ff00ff;  } 
#header #nav {  border:solid 1px orange;  height:29px;  margin:20px 0 0 0; padding: 0px 0px 0px 0px; float:right;}
/*#header #nav a { color:#00005C; display:block; float:left; height:29px; width:96px;  background:url(images/navBgOff.gif) no-repeat; border:0px solid #00ff00; margin:0; line-height:24px; text-align:center; text-decoration:none;}*/

#header #nav a, #header #nav h3,
#header #navMes a, #header #navMes h3,
#header #navLab a, #header #navLab h3,
#header #navHome a { 
 color:#00005C; 
 display:block; 
 float:left; 
 height:29px; 
 background:url(images/navBgOff.gif) no-repeat; 
 border:0px solid #00ff00; 
 margin:0px 0px 0px 0px; 
 line-height:24px; 
 text-align:center; 
 text-decoration:none; 
 font-size:10px;

}

#header #nav h3,
#header #navMes h3,
#header #navLab h3 { 
 background:url(images/navBgBlue.gif) no-repeat; 
 font-weight: normal;
 color: #FFFFFF;
}

#header #navMes h3 { 
 background:url(images/navBgGreen.gif) no-repeat; 
}

#header #navLab h3 { 
 background:url(images/navBgLblue.gif) no-repeat; 
}

#header #nav ul, 
#header #navMes ul, 
#header #navLab ul,
#header #navHome ul {
 float:left;
 display: inline;
 list-style-type: none;
 list-style: none;
 list-style-image: none;
 padding: 0px;
 margin: 0px;

}

#header #navHome {
 float: right;
}


#header #nav {
 border: solid 0px #0000FF;
 height: 29px;
}

#header #nav  li, 
#header #navMes  li, 
#header #navLab  li,
#header #navHome li  {
 height:29px;
 display: inline; 
}

#header #navMes h3, 
#header #navMes li, 
#header #navMes li a, 
#header #navLab h3, 
#header #navLab  li,
#header #navLab li a,
#header #navHome  li,
#header #navHome a,
#header #nav h3, 
#header #nav  li,
#header #nav li a 
{
 width: 92px;
}

#header .navLeft {
 float: left;
 width: 3px;
 height: 29px;
 margin: 0px 0 0 0;
 padding: 0px;
 background:url(images/leftHomeMenu.gif) repeat;
 border: solid 0px #FF0000;
}

#header .navRight {
 float: left;
 width: 3px;
 height: 29px;
 margin: 0px 0 0 0;
 padding: 0px;
 background:url(images/rightHomeMenu.gif) repeat; 
 border: solid 0px #00FF00;
}

#header #nav a:hover { color:#fff; background:url(images/navBgBlue.gif) repeat}
#header #nav #one { width:100px; background:url(images/navButtonLeftOff.gif) repeat; }
#header #nav #one:hover {  background:url(images/navButtonLeftBlue.gif) repeat;}
#header #nav #six { width:100px; background:url(images/navButtonRightOff.gif) repeat;} 
#header #nav #six:hover {  background:url(images/navButtonRightBlue.gif) repeat;}
.divider {width:1px; height:29px; background: url(images/navBgDivider.gif) no-repeat; float:left; }

#header #navMes {  border:solid 0px orange;  height:29px;  margin:20px 0 0 0; padding: 0px 0px 0px 0px; float:right;}
#header #navMes a:hover { color:#fff; background:url(images/navBgGreen.gif) repeat}
#header #navMes #one { width:100px; background:url(images/navButtonLeftGreen.gif) repeat; color:#fff;}
/* #header #navMes #one:hover {  background:url(images/navButtonLeftBlue.gif) repeat;}  */
#header #navMes #six { width:100px; background:url(images/navButtonRightOff.gif) repeat;} 
#header #navMes #six:hover {  background:url(images/navButtonRightLblue.gif) repeat;}
#divider {width:1px; height:29px; background: url(images/navBgDivider.gif) no-repeat; float:left; }

#header #navLab {  border:solid 0px orange;  height:29px;  margin:20px 0 0 0; padding: 0px 0px 0px 0px; float:right;}
#header #navLab a { color:#00005C; display:block; float:left; height:29px; width:96px;  background:url(images/navBgOff.gif) no-repeat; border:0px solid #00ff00; margin:0; line-height:24px; text-align:center; text-decoration:none;}
#header #navLab a:hover { color:#fff; background:url(images/navBgLblue.gif) repeat}
#header #navLab #one { width:100px; background:url(images/navButtonLeftOff.gif) repeat; }
#header #navLab #one:hover {  background:url(images/navButtonLeftGreen.gif) repeat;}
#header #navLab #six { width:100px; background:url(images/navButtonRightLblue.gif) repeat; color:#fff;} 
/*#header #navLab #six:hover {  background:url(images/navButtonRightGreen.gif) repeat;} */

#header #navHome a:hover { color:#fff; background:url(images/navBgBlue.gif) repeat}
  
#panel { background: url(images/panel.jpg) no-repeat; height:191px; width:765px; border:0px solid blue; margin:0 0 0 0px; padding:3px 0 0 5px; }
#panelMes { float:left; background: url(images/panelMes.jpg) no-repeat; height:191px; width:765px; border:0px solid blue;  }
#panelLab { float:left; background: url(images/panelLab.jpg) no-repeat; height:191px; width:765px; border:0px solid blue;  }
#panelMes img { float:left; }
#panel img { border:0; margin:0; border:0px solid red;}

#panelButtonMes a, #panelButtonLab a {  width:189px; height:41px;  border:0px solid red; display:block;}
#panelButtonMes a { background: url(images/panelButtonMes.gif) no-repeat; }
#panelButtonLab a { background: url(images/panelButtonLab.gif) no-repeat; }
#panelButtonMes a:hover { background: url(images/panelButtonMesOn.gif) no-repeat; }
#panelButtonLab a:hover { background: url(images/panelButtonLabOn.gif) no-repeat; }

#picBottles { float:left; border:0px solid #00ff00; }
#picBlue { float:left; border:0px solid orange; }

#panelContent2 {float:left; padding:14px 10px 0px 400px; border:0px solid red; width:350px; height:130px;}
#panelContent {float:left; padding:14px 10px 0px 10px; border:0px solid red; width:350px; height:130px;}
#panelContent h1 { font-size:26px; border:0px solid orange;}
#panelContent p { margin:8px 0 0 0; font-size:11px; border:0px solid #00ff00;}

#homeColumns { border:0px solid blue; margin:17px 0 0 0px; float:left;  border:0px solid yellow; }
.homeColumn { width:189px; margin:0; padding:0 0 0 0; float:left;  background:  url(images/homeColumnDivider.gif) top right no-repeat; border:0px solid red; }
.homeColumn p { width:164px; margin:0 0 0 14px; } 

.newsColumn {  float:left;width:185px; margin:12px 0 0 0;  border:0px solid yellow; }

#newsFeed { 
 float: left;
 width:380px; 
 background-image:none;   
}

#newsFeed .NewsSummary{ 
 margin:0 0 0 14px;  
}

#newsFeed .NewsSummaryPostdate {
 padding: 4px 0px 0px 0px;
}

#newsFeed .NewsSummaryLink {
 padding: 4px 0px 4px 0px;
 font-size: 11px;
}

#newsFeed p{ 
 margin:0 0 0 14px;  
}

#newsFeed .NewsSummarySummary p,#newsFeed .NewsSummaryContent p{ 
 margin:0 0 0 0px;  
}

#newsFeed h3 { margin:0 0 3px 14px; }
#newsFeed ul {list-style-type:none; list-style-image:none;  padding:0 0 0 10px;}
#newsFeed .date { color: #0064B2; margin:0;}
#newsFeed li a { color:#000049;  }
#newsFeed li a:hover {  }

#contentThin .NewsSummary {
 margin-top: 10px;
}

#contentThin .NewsSummary .NewsSummarySummary p{
 margin-bottom: 0px;
 padding-bottom: 0px;
}

#big { font-size:30px; float:left; }
#small { font-size:20px; line-height:42px;}

#footer { width: 760px; float:left; color:#0064B2;  margin:50px 0 0 0; }
#footerLeft { float:left; margin:0 0 0 2px;}
#footerRight { float:right; margin:0 2px 0 0;}

#sitemap { list-style-image:none; list-style-type:none; margin:10px 0 0 0;}
#sitemap a { font-weight:bold; }
#sitemap ul a { font-weight:normal;  }
#sitemap ul ul a { font-weight:normal; }
#sitemap li { margin:0 0 0px 0;  padding: 0 0 2px 5px; }
#sitemap ul { list-style-image:none; list-style-type:none; margin:0px 0 0px 10px; padding:0;   }
#sitemap ul ul { margin:10px 0 0px 10px; padding:0;  }

#contactForm { margin:0 0 0 80px; }
#contactForm #leftArea td { padding:2px; }
#contactForm #leftArea input { width:200px; }
#contactForm #rightArea textarea {  font: 14px arial, tahoma, sans-serif; color:#000049;  }

#companyMES {
 float: left;
 width: 48%;
}

#companyLab {
 float: left;
 width: 48%;
 padding-left: 2%;
}

/* Styles for contact us form */
#m3moduleform_1 .contactform{ padding: 0px; margin: 0px}
.contactform table {float: left; margin:5px 0px 10px -15px; padding: 0px;}
.contactform input, textarea {width: 300px;}
.contactform td.required { width: 250px; color: #f00;}
.contactform table input{ width: 40px; text-align:left; } 



/* End of 'home' */