/* magna law main style sheet */

  #container { border: 1px solid rgb(102, 102, 102);
    margin: 0px auto 20px -380px;
    padding: 1px;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    line-height: 130%;
    position: absolute;
    left: 50%;
    width: 780px;
    }
  #container hr {
  	width:90%;
	clear: both;
	}
  #heading { padding: 0.1em;
    background-color: rgb(255, 255, 255);
    text-align: center;
    }

  #heading h1 { margin: 0pt;
    padding: 0pt;
    }
  #heading p {
    font-family: Helvetica,sans-serif;
    font-size: 65%;
    float: right;
	color:rgb(51, 51, 51);
    }
  #content { padding: 0.1em;
    }

  #content a { font-family: Arial,Helvetica,sans-serif;
    color: #4c597f;
	font-weight:bold;
	text-decoration:none;
    }
  #content a:hover {
	text-decoration: underline;
	}
  #content p { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-size: 70%;
    color: rgb(0, 0, 0);
    }
  #content ul {
	list-style-type: square;
    font-family: Verdana, Arial, sans-serif;
    font-size: 70%;
	}

  h1 { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 130%;
    font-weight: bold;
    text-align: left;
	clear:both;
    }

  h2 { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 120%;
    font-style: italic;
    font-weight: bold;
	margin-top: 1.2em;
    }

  h3 { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    font-size: 110%;
    color: rgb(0, 0, 0);
    font-weight: bold;
    }
  h4 { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-size: 100%;
    color: rgb(0, 0, 0);
    font-weight: bold;
    }
  h5 { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-size: 90%;
    color: rgb(0, 0, 0);
    font-weight: bold;
    }
  p.left { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 70%;
    color: rgb(0, 0, 0);
	float:left;
    }
/*  p { margin: 10px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    font-size: 70%;
    color: rgb(0, 0, 0);
    }*/

  #contact {}
  #contact p { 
    font-family: georgia,times new roman,serif;
    font-size: 70%;
    text-align: left;
	color:#FFFFFF;
	padding-left:5px;
	background:#4c597f;
	margin: 0;
    }

  #copyright {
  	float:left;
    font-family: Helvetica,sans-serif;
    font-size: 90%;
	}
  #copyright p {
  	color:#999999;
	}

  #legal {
    font-family: Helvetica,sans-serif;
    font-size: 95%;
	}
  #legal p {
  	color:#999999;
	}

  #design{
	float: right;
    font-family: Helvetica,sans-serif;
    font-size: 90%;
	}
  #design a {
	text-decoration: none;
	color: #999999;
	}
  #design a:hover {
	text-decoration: underline;
	}
	
  #floatright { 
	background-image:url(images/food_law_box.gif);
    float: right;
    width: 260px;
	height:130px;
	margin-left:2px;
	margin-right:1px;
    }

  #floatright p { font-family: arial,sans-serif;
    font-size: 80%;
    color: rgb(255,255,255);
    font-style: italic;
    font-weight: bold;
    }

  #floatright a { font-family: comic sans ms,sans-serif;
    color: rgb(255, 255, 0);
    }

  .floatimg {
    margin:10px;
	float: right;
    }
  .floatimgLeft {
	margin:10px;
    float: left;
    }
	
/*The menu is from http://www.cssplay.co.uk */

.menu1 {
float:left;
width:100%;
font-family: verdana, arial, sans-serif;
font-size:11px;
background:url(images/menu1.gif) repeat-x top left; 
border-top:3px solid #4c597f;
border-bottom:3px solid #4c597f;
margin:0 0 20px 0; 
}
.menu1 ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu1 ul li {
float:left; 
position:relative; 
background:url(images/divider1.gif) no-repeat top right;
}
.menu1 ul li a, .menu1 ul li a:visited {
float:left; 
display:block; 
text-decoration:none;
color:#ddf; 
padding:0px 16px; /* this changed to line up from 38px */
line-height:25px; 
height:30px; 
border-bottom:3px solid #fff; 
}

.menu1 ul li:hover {width:auto;}

.menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;}
.menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;}
.menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;}
.menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
.menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;}
.menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}

.menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;}
.menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;}
.menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;}
.menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
.menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;}
.menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}

.menu1 ul li ul {
display: none;
}
.menu1 table {
margin:0; 
border-collapse:collapse; 
font-size:11px; 
position:absolute; 
top:0; 
left:0;
}

/* specific to non IE browsers */
.menu1 ul li:hover ul {
display:block;
position:absolute;
top:32px;
margin-top:1px; 
left:0;
width:154px;
border-bottom:1px solid #000;
}
.menu1 ul li:hover ul.endstop {
left:-92px;
}
.menu1 ul li:hover ul li ul {
display: none;
}
.menu1 ul li:hover ul li a {
display:block;
background:#fff;
color:#000;
height:auto;
line-height:15px;
padding:4px 16px; 
width:120px; 
border:1px solid #000; 
border-bottom:0;
}
.menu1 ul li:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover {
color:#000; 
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li a:hover.drop {
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:153px; 
top:-1px;
}
.menu1 ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu1 ul li a:hover ul {
display:block;
position:absolute;
top:30px; 
t\op:33px; 
background:#fff;
left:0; 
border-bottom:1px solid #000;
}

.menu1 ul li a:hover ul.endstop {
left: -92px;
}
.menu1 ul li a:hover ul li a {
display:block;
background:#fff;
color:#000; 
height:1px; 
line-height:15px; 
padding:4px 16px; 
width:154px; 
w\idth:120px;
border:1px solid #000; 
border-bottom:0;
}
.menu1 ul li a:hover ul li a.drop {
background:#ccd url(images/bullet1.gif) no-repeat 3px 8px; padding-bottom:4px;
}
.menu1 ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}
.menu1 ul li a:hover ul li a:hover {
color:#000; 
background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover.drop {
 background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;
}
.menu1 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0;color:#000; left:153px;
}
.menu1 ul li a:hover ul li a:hover ul.left {
left:-153px;
}

