/* CSS Document */
body {background-color:#fff200;
position:relative;}
h1{position: absolute; left: -9999px;}
#container {
margin:0 55px;
width:860px;
position:relative;
margin:0 auto
}
div.header{font-size: 11px;}
div.header ul,div.header ol{margin-top: 5px; margin-bottom: 5px; line-height: 18px;}
div.header ul li{color: #333; font-weight: bold; display: inline; margin: 0; padding: 0; list-style-type: none;}
div.header ul li a{color: #666; font-weight: normal; text-decoration: none; border-right: 1px solid #999; padding: 0 7px 0 3px;}
div.header ul li a:hover{text-decoration: underline;}
div.header ul li a.lastChild{border: 0 none;
}
#main_content {
background-color:#FFFFFF; 
width:798px;
border-left:5px solid #ffe300; 
border-right:5px solid #ffe300; 
font-family:Arial, verdana, sans-serif; line-height:1.34em; 
font-size:0.8em; 
color:#333333;
padding:10px 25px 20px;
overflow:hidden;
}
img.herefordshire {margin-left:383px;
}
div#footer 
p#footerLinks {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:0.75em;
padding:15px 0;
text-align:center;
}
p.home_page{
padding-left:5x;
}
div#footer p#footerLinks a {
color:#333333;
text-decoration:none;
}
div#footer p#footerLinks a:hover {
color:#333333;
text-decoration:underline;
}

#background_image {
display:block; width:858px; height:26px; margin:0; padding:0; background: transparent url(/images/top_border.png) no-repeat 0 0;}
a.button.swap {
background-image:url(/images/sugar_swap_button.png)
}
a.button.me {
background-image:url(/images/me_button.png)
}
a.button.sized_meals {
background-image:url(/images/meal_button.png);
}
a.button.snack_check {
background-image:url(/images/snack_check_button.png)
}
a.button.fiveaday {
background-image:url(/images/five_a_day_button.png)
}
a.button.fat {
background-image:url(/images/fat_button.png)
}
a.button.sixty {
background-image:url(/images/sixty_button.png)
}
a.button.upandabout {
background-image:url(/images/up_and_about_button.png)
}
a.button {display:block; width:187px; height:106px; 
}

ul#image_buttons li {
float:left; text-indent:-9999px; margin:5px;
}
ul#image_buttons {
list-style-image:0 none;
list-style-position:outside;
list-style-type:none;
margin:15px 0 0;
padding:0;
width:100%;
float: left;
display: inline;
}
a.button:hover { background-position: 0 -126px;
}

#secondaryNav {
width:22%;
float:left;
color:#333333;
text-decoration:none;
margin:0;
padding:0;
}

#rightColumnContent {
float:left;
width:77%;
}
ul#list {
padding:0;
margin:0;
list-style-type:none;
list-style-image: 
}
ul#list li {
background-image: url(/images/arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}

ul#list a{color:#333333; text-decoration:none; font-weight:bold; padding:0; 
}
ul#list a:hover{text-decoration:underline; font-weight:bold; 
}
ul#list li {padding-bottom:2px;
}
ul#list li.active {
background-image: url(/images/green_arrow.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
}
ul#list li.active a {
color:#22a53c; text-decoration:none; font-weight:bold;
}
h2{
color:#22a53c; font-size:1.9em; margin-top:3px;
}
h5 {
color:#22a53c; font:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:4px;
}
ul.list_item li {
background-image: none;
background-repeat: no-repeat;
background-position: 0px 5px;
padding:0;
}
.active_item {
background-image: none;
background-repeat: no-repeat;
background-position: 0px 5px;
padding:0;
}
ul.list_item {
padding:0;
margin:0;
list-style-type:none;
}
.list_item {
padding:0;
margin:0;
list-style-type:none;
}
ul.list_item li a{
color:#333333; text-decoration:none;
}
ul.list_item li a{
color:#333333; text-decoration:none;
}
.list_item a:hover{
color:#22a53c; text-decoration:none;
background-image:url(/images/green_arrow.png);
background-repeat:no-repeat;
background-position: 0px 5px;
}
ul.list_item a:hover{
color:#22a53c; text-decoration:none;
background-image:url(/images/green_arrow.png);
background-repeat:no-repeat;
background-position: 0px 5px;
}
ul.list_item a{
padding-left:14px;
}
.list_item a{
padding-left:14px;
text-decoration:none;
color:#333333;
}
dt {
float: left; 
clear: left; 
font-size:0.9em; 
font-weight:bold; 
color:#333;
}
dd {
padding:0;
font_size:0.9em;
margin:0;
}
ul.breadCrumb {
font-size:0.85em;
line-height:25px;
margin:-14px 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px solid #f1f1f1;
}
ul.breadCrumb li{
display:inline;
list-style-type:none;
margin:0;
color:#22a53c;
}
ul.breadCrumb li.firstChild {
color:#333333;
font-weight:bold;
}
ul.breadCrumb li.firstChild li a {
color:#666666;
padding:0 0 0 3px;
}
ul.breadCrumb li a{
color:#666666;
text-decoration:none;
}
ul.breadCrumb li a:hover{
color:#22a53c;
text-decoration:underline;
}
.item {
padding: 6px 0;
border-top: 1px solid #f2f2f2;
}
dl.drop_down {
margin-bottom:11px;
background:#f9f9f4;
width:570px;
border:1px solid #F2F2F2;
margin-bottom:6px;
margin-top:5px;
padding:0 14px;

}
.first{
borner-top:none;
padding:6px 0;
}
li.active_item.active a{
color:#22a53c;
font-weight:bold;
background-image:url(/images/green_arrow.png);
background-repeat:no-repeat;
background-position: 0px 5px;
}
.active_item.active a{
color:#22a53c;
font-weight:bold;
background-image:url(/images/green_arrow.png);
background-repeat:no-repeat;
background-position: 0px 5px;
}