@charset "UTF-8";
/* CSS Document */

body {padding:0; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif}

a {text-decoration:none; color:#7FB1C8}
a:hover {text-decoration:underline}

#container {width:804px; margin:0 auto; text-align:left}

#header {height:80px; margin-top:10px;}

#menu {height:40px; width:804px; background-image:url(../images/menu-grey.jpg)}

#menu ul {padding:0; margin:0; list-style-type:none;}

#menu li {float:left; border-left:1px solid #ccc; font-size:.8em; margin-top:2px;}

#menu li {float:left; border-left:1px solid #ccc; font-size:.8em; margin-top:2px;}
#menu li.home {border-left:0px solid #ccc; width:134px; }
#menu li a { color:#FFFFFF;  width:133px; height:25px; text-align:center;  padding-top:.6em;display:block;  }

/*#menu li.home {  border-left:0px solid #ccc; width:134px; }
#menu li.home a { margin-left:-2px; border-left:0px solid #ccc; width:136px; }
#menu li a { color:#FFFFFF;  width:133; height:25px; text-align:center;  padding-top:.6em;display:block;  }*/

#menu li.home a:hover { background-image:url(../images/menu-purple.jpg); background-position:0 -2px; text-decoration:none}
#menu li.home a.active { background-image:url(../images/menu-purple.jpg); background-position:0 -2px; text-decoration:none}

#menu li.qa a:hover { background-image:url(../images/menu-purple.jpg); background-position:-133px -2px; text-decoration:none}
#menu li.qa a.active { background-image:url(../images/menu-purple.jpg); background-position:-133px -2px; text-decoration:none}

#menu li.haccp a:hover { background-image:url(../images/menu-purple.jpg); background-position:-267px -2px; text-decoration:none}
#menu li.haccp a.active { background-image:url(../images/menu-purple.jpg); background-position:-267px -2px; text-decoration:none}

#menu li.hygiene a:hover { background-image:url(../images/menu-purple.jpg); background-position:-400px -2px; text-decoration:none}
#menu li.hygiene a.active { background-image:url(../images/menu-purple.jpg); background-position:-400px -2px; text-decoration:none}

#menu li.accreditation a:hover { background-image:url(../images/menu-purple.jpg); background-position:-536px -2px; text-decoration:none}
#menu li.accreditation a.active { background-image:url(../images/menu-purple.jpg); background-position:-536px -2px; text-decoration:none}


#menu li.contact a:hover { background-image:url(../images/menu-purple.jpg); background-position:-671px -2px; text-decoration:none}
#menu li.contact a.active { background-image:url(../images/menu-purple.jpg); background-position:-671px -2px; text-decoration:none}


.bold_txt{
	font-size: 14px;
	font-weight: 600;
}

#home_btm {
	width:100%;
	float:left;	
}

.right {float:right}

#left {width:526px; float:left; margin-top:10px;}

#left hr {color: #ccc;
background-color: #ccc;
height: 2px;
border:0px}

.box {padding-bottom:0px; padding-top:25px}

.box img {float:left}

.box h1 {font-size:.8em; color:#333; margin-left:180px; font-weight:bold; margin-top:0px;}

.box h2 {font-size:.7em; color:#333; margin-left:180px; font-weight:bold; margin-top:0px;}

.box h3 {font-size:.7em; color:#333; margin-left:180px; font-weight:bold; margin-top:0px;}

.box p, .box ul, .box TABLE, .box ol {font-size:.7em; color:#333; margin-left:180px; line-height: 1.3em;}

.box SUP { line-height: 0.5; font-size:.6em} 

.box a {color:#09F}


.box1 {padding-bottom:0px; padding-top:25px}

.box1 img {float:left}

.box1 h1 {font-size:.8em; color:#333; margin-left:0px; font-weight:bold; margin-top:0px;}

.box1 h2 {font-size:.7em; color:#333; margin-left:0px; font-weight:bold; margin-top:0px;}

.box1 h3 {font-size:.7em; color:#333; margin-left:0px; font-weight:bold; margin-top:0px;}

.box1 p, .box ul, .box TABLE, .box ol {font-size:.7em; color:#333; margin-left:0px; line-height: 1.3em;}

.box1 SUP { line-height: 0.5; font-size:.6em} 

.box1 a {color:#336600}

.box1 li {font-size:.7em; color:#333; margin-left:0px; font-weight:normal; margin-top:0px;}



.details {padding-bottom:0px; padding-top:25px}

.details h1 {font-size:.8em; color:#333; font-weight:bold; margin-top:0px;}

.details h2 {font-size:.7em; color:#333; font-weight:bold; margin-top:0px;}

.details h3 {font-size:.7em; color:#333;  font-weight:bold; margin-top:0px;}

.details p {font-size:.7em; color:#333;  line-height: 1.3em;}

.details a {color:#336600}


#right {margin-left:550px; width:240px; margin-top:0px;}

#right h2 {font-size:.8em; color:#666;}

#right ul, #right ol {font-size:.7em; color:#666; margin-left:2px; padding-left:10px;}

#right p, #right h3 {font-size:.7em; color:#666; line-height: 1.3em;}

#footer { margin-bottom:10px;clear:both; border-top:2px solid #09F; border-bottom:2px solid #09F;font-size:1em;}

#footer p, #footer p a { color:#09F}

.clear {clear:both}
.top {margin-top:25px;}