/*General body*/
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #EFEDDD;
}
/*General button*/
button{
	color : #0B417A;
	background : #EFEDDD;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	width : 200px;
}
/*General address*/
address{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*General table*/
table{
/*   padding: 2px;*/
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
/*   background-color: #EFEDDD;*/
   border: none 0px;
}
/*th{
   color : #0B417A;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
}
td{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
}*/
/*Link element on the menu*/
a.menuLink:link{
	color: #EFEDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration : none;
}
a.menuLink:visited{
	color: #EFEDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration : none;
}
a.menuLink:hover{
   color: #0B417A;
   background-color : #EFEDDD;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
	text-decoration : none;
}
a.menuLink:active{
    color: #EFEDDD;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration : none;
}
a:link{
	color: #0B417A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:visited{
	color: #0B417A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:hover{
   color: #0B417A;
 /*  background-color: #EFEDDD;*/
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
a:active{
	color: #0B417A;
/*   background-color: #EFEDDD;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
h1{
	color : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight : bold;
	margin-top: 0px;
	margin-bottom : 0px;
}
h2{
	color : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top: 0px;
}
h3{
   color : #0B417A;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size : 14px;
   font-weight : bold;
   margin-bottom : 0px;
   margin-top: 0px;
}
h4{
	color : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
   margin-bottom : 0px;
	margin-top : 0px;
}
h5{
	color : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 0px;
}
h6{
	color : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	margin-bottom : 0px;
	margin-top : 0px;
}
hr{
	color : #0B417A;
}

/*cell in a header section*/
.header{
   background-image: url(../images/haccplogolavcropped.jpg);
   /*background-image: url(../images/haccpnyny975lavminus_pork_yougurt.jpg);*/
   /*background-image: url(../images/haccpnyny975lav.jpg);*/
   /*background-position: 100%;*/
   background-repeat: no-repeat;
}
.headerHeight{
   height: 87px;
}
.title{
   font: bold 20px;
   color: #0B417A;
}
.subtitle{
   font: bold 14px;
   color: #0B417A;
}
/*Body for variable text within the iframe*/
body.frame{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EFEDDD;
}
/*Table for variable text within the iframe*/
table.frame{
   padding: 2px;
   font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   color : black;
   background-color : #EFEDDD;
}
/*Paragraph for variable text within the iframe*/
p.frame{
   padding: 2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   color : black;
   background-color: #EFEDDD;

}
/*Table cell in a menu*/
td.frame{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   color : black;
   background-color: #EFEDDD;
}
iframe{
   border: solid navy 1px;
}
a.frame:link{
	color: #0B417A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.frame:visited{
	color: #0B417A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.frame:hover{
   color: Red;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}
a.frame:active{
	color: #0B417A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*Button in a menu*/
button.menu{
	color : #EFEDDD;
	background :#0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	width : 100%;
}
input.menu{
	color : #EFEDDD;
	background :#0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	width : 100%;
}
button.step{
	color : #EFEDDD;
	background : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
	width : 150px;
	height: 30px;
}
button.substep{
	color : #EFEDDD;
	background : #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
	width : 100px;
	height: 30px;
}

/*Table in a menu*/
table.menu{
   padding: 10px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   background-color: #0B417A;
 /*  border : 2px outset #eeeeee;*/
}
/*Table header in a menu*/
th.menu{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #0B417A;
}
/*Table cell in a menu*/
td.menu{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #0B417A;
}
/*Table cell in a menu*/
td.menuHand{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #0B417A;
   cursor : hand;
}
/*Header in a menu*/
h4.menu{
	color : #EFEDDD;
	background-color: #0B417A;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 0px;
	text-align : center;
}
/*Table in a menu*/
table.menuTest{
   padding: 10px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   background-color: #2D639C;
}
/*Table cell in a menu*/
td.menuTest{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #2D639C;
}
td.menuTestHand{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #2D639C;
   cursor : hand;
}
/*Table cell in a menu*/
th.menuTest{
   color : #EFEDDD;
   background-color: #2D639C;
   vertical-align : middle;
}
/*Table in a menu*/
table.menuDevelop{
   padding: 10px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   vertical-align : top;
   background-color: #2D9D66;
}
/*Table cell in a menu*/
td.menuDevelop{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #2D9D66;
}
td.menuDevelopHand{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight : bold;
   vertical-align : middle;
   color : #EFEDDD;
   background-color: #2D9D66;
   cursor : hand;
}
/*Table cell in a menu*/
th.menuDevelop{
   color : #EFEDDD;
   background-color: #2D9D66;
   vertical-align : middle;
}
#legend{
	font-family: verdana;
	font-size: 11px;
	position: absolute;
   top: 0px;
   left: 0px;
   width: 60%;
	border: 1px solid black;
	background-color: #ffffcc;
	padding: 5px;
	z-index: 1;
   visibility: hidden;
}
#detail{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   position: absolute;
   border: 1px solid black;
   background-color: white;
   padding: 10px;
   visibility: hidden;
   z-index: 20;
}
#picture{
	position: absolute;
   top: 0px;
   left: 0px;
	border: 2px solid #0B417A;
	background-color: #FFFFCC;
	padding: 5px;
	z-index: 1;
   visibility: hidden;
}
.veil{
	position: absolute;
   background-color: white;
   filter: alpha(opacity=0);
}
a.veil:hover{
   filter: alpha(opacity=40);
}