/* CSS Document */

body { font:11px Arial, Helvetica, sans-serif; margin:0 20px; background:#F0F0E2; }
.formfield { border:1px solid #CCC; font:11px Arial, Helvetica, sans-serif; color:#666; background:#F3F3E9; padding:0px 2px }
.formbutton { font:10px Arial, Helvetica, sans-serif; }

a.img { border:none }

h1, h2, h4, h3 { margin:0 0 10px 0 }
h1 { font-size:25px; font-weight:normal; color:#98854C; line-height:25px; }
h2 { font-size:16px; color:#98854C }
h3 { font-size:11px; color:#0053A1 }
h4 { font-size:12px; color:#0053A1 }
h5 { font-size:11px; color:#98854C }
p { margin:10px 0 }
a { color:#98854C; text-decoration:none }
a:hover { text-decoration:underline }
.smlgrey { font-size:10px; color:#999 }
.Clear { clear:both; }
.Attention, .Req {color:#f00;}
.Error { margin:10px; padding:10px; border:1px solid #F00; color:#f00;}
li.Subscribe { margin:5px 0; font-size:12px; font-weight:bold; }

/* Common Layout */
#wrapper { width:760px; text-align:left; }
img#logo { margin:35px 20px 35px;  }

#bodywrap { padding:10px 0 0; }
div.Line { margin:0 10px; border-top:1px dotted #999; }
#left, #right { width:155px; padding:5px }
#left { float:left }
#right { float:right }
#middle { line-height:16px; float:left; width:398px; border-left:1px dotted #999; border-right:1px dotted #999; padding:5px 15px; min-height:400px; _height:400px }

#footer { text-align:right; padding:5px 10px; border-top:1px dotted #CCC; margin:20px 10px 0 10px }

a.requestlink { display:block; margin-top:5px; width:160px; font-size:12px; background:#F3F3E9; border:1px solid #98854C; padding:2px 3px }
a.requestlink:hover { text-decoration:none; border:1px solid #695C34; color:#695C34 }

.Updates { margin:10px auto; width:130px; background:#f0f0e2; border:1px dotted #999; }
.Updates .Content { padding:10px; }
.Updates .Content h1 { color:#0053a1; font-size:14px; line-height:18px; }

/* Home */
#middle #allergens { border-top:1px dotted #999; padding-top:20px }
#middle #allergens h2 { margin:0 }
#middle #allergens a img { display:block; width:180px; height:55px; border:2px solid #E5E5E5 }
#middle #allergens a { width:195px; float:left; color:#98854C; font-weight:bold; text-decoration:none; padding-bottom:8px }
#middle #allergens a:hover { color:#333 }
#middle #allergens a:hover img { border-color:#CCC }


/* Menu */
#left ul { list-style:none; text-align:right; margin:-3px 15px 0 0; }
#left ul li a { display:block; width:100px; padding:2px 3px; text-decoration:none; color:#333; font-weight:bold }
#left ul li a.sel { color:#9E8C57 }
#left ul li a:hover { background:#F3F3E9 }
#left ul li ul#submenu { margin:0; padding:0; border-bottom:1px dotted #CCC; border-top:1px dotted #CCC; width:110px }
#left ul li ul#submenu li { margin:0; padding:0 }
#left ul li ul#submenu li a { font-weight:normal; color:#9E8C57; padding-right:15px }

/* Right Col Items */
#newslist { list-style-image:url(../images/icon_news.gif); margin:0 10px 20px 20px; padding:0px }
#newslist li { margin:8px 0 }
#newslist li h5 { margin:0; }
#newslist li div { font-size:10px; color:#999 }
#newslist li a { color:#333; font-weight:bold; display:block; text-decoration:none }
#newslist li a:hover { color:#666; text-decoration:underline }
#right h4 { background:#98854C; color:#FFF; font-size:11px; text-transform:uppercase; padding:2px 5px }
.Date { clear:both; padding-top:10px; font-size:9px; color:#666; }

#right form .formfield { margin:1px 3px; width:140px }
#right form .formbutton { margin:2px 3px }

/* News */
.newsimg { border:1px solid #999; width:80px }

/* Contact/Subscribe */
#contacttbl td { padding:3px 2px; }
#contacttbl td.firstcol { text-align:right; width:140px; }
#contacttbl td.firstcolsub { text-align:right; width:110px; }
#contacttbl td.firstcol span { color:#FF0000 }

td.AllerginList {text-align:left; width:135px; }

#DownloadList { list-style-image:url(../images/icon_news.gif); margin:0 10px 20px 20px; padding:0px }
#DownloadList li { margin:8px 0 }
#DownloadList li a { font-weight:bold; display:block; text-decoration:none }
#DownloadList li a:hover { color:#666; text-decoration:underline }

/* Forms */
.Form { margin:10px 0; }
.FormField { border:1px solid #CCC; font:11px Arial, Helvetica, sans-serif; color:#666; background:#F3F3E9; padding:0px 2px }
.FieldFailed { background:#FFE6E6; }
.FormButton { clear:both; margin-left:122px; margin-top:5px; font:10px Arial, Helvetica, sans-serif; }
.Form div { clear:both; display:block; margin-bottom:5px; }
.Form div label { display:block; float:left; margin:3px 4px 2px 0; width:120px; text-align:right; }

#LogContainer { width:100%; margin:4px 0; border:1px solid #BCBCBC; }
#LogContainer #LogOut { padding:4px; text-align:center; color:#FFF; font-size:12px; font-weight:bold; background:url(../images/bg_logout.gif) repeat-x; }
#LogContainer #LogOut a { color:#FFF; }
#LogContainer #LogIn { padding:10px; line-height:normal; background:url(../images/bg_login.gif) repeat-x; }