html {
text-align:left;
font:14px Arial,Helvetica,san-serif;
padding:0px;
margin:0px;
background:#ddf url(http://whatsfordinner.org.uk/images/left.gif) repeat-y 0 0;
}

p {
color:#252525;
text-decoration:none;
font-weight:normal;
}

body {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
line-height:18px;
text-align:center;
text-decoration:none;
overflow:auto;
color:#202020;
}

h2, h3 {
color:#7690cc;
}

hr {
border:none 0;
border-top:1px dotted #7690cc;
width:100%;
height:1px;
} 
a:link, a:visited {
font:bold 14px Helvetica, Arial, sans-serif;
line-height:18px;
color:#ed8927;
text-decoration:none;
text-align:left;
}

a:hover {
font:bold 14px Helvetica, Arial, sans-serif;
line-height:18px;
color:#900;
text-decoration:none;
text-align:left;
}
#quote {
font:16px Arial,Helvetica,san-serif;
line-height:20px;
text-decoration:none;
font-weight:bold;
text-align:center;
color:#696969;
}
.quoter {
font:18px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
text-align:center;
font-style:italic;
font-weight:bold;
color:#ed8927;
}

.bold_red, .recipesubhead {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#900;
}
.bold_brown_italic {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#964;
}
.bold_blue {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-weight:bold;
color:#7690cc;
}
.bold_green {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-weight:bold;
color:#4a4;
}
.bold_yellow_italic {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#ff0;
}
.caption {
font:14px Arial,Helvetica,san-serif;
line-height:18px;
text-decoration:none;
font-style:italic;
color:#696969;
}

.recipehead, .subhead {
font:20px Arial,Helvetica,san-serif;
line-height:16px;
text-decoration:none;
font-style:italic;
font-weight:bold;
color:#ed8927;
}

.intro {
font:14px Arial,Helvetica,san-serif;
line-height:15px;
text-decoration:none;
font-weight:bold;
color:#696969;
}

.thisweeksmenu a:link, .thisweeksmenu a:visited {
font:13px Arial,Helvetica,san-serif;
line-height:13px;
text-decoration:none;
color:#7690cc;
}
.thisweeksmenu a:hover, .thisweeksmenu a:active {
font:13px Arial,Helvetica,san-serif;
line-height:13px;
text-decoration:none;
color:#e84259;
}

.weeknum {
font:16px Arial,Helvetica,san-serif;
font-weight:bolder;
color:#e84259;
}

#left {
position:absolute;
top:0px;
left:0px;
width:150px;
height:auto;
text-align:left;
}

#header {
position:absolute;
top:0px;
left:151px;
width:648px;
height:280px;
background-color:#7690cc;
border-bottom:2px #7690cc solid;
}

#logo {
float:left;
position:relative;
top:0px;
left:0px;
width:350px;
height:210px;
background-color:#7690cc;
}

#months {
float:left;
position:relative;
top:0px;
left:27px;
width:60px;
height:208px;
background-color:#fff;
}
#months2 {
float:left;
position:relative;
top:5px;
left:5px;
width:50px;
height:auto;
text-align:center;
}

#pagenum {
float:left;
position:relative;
top:10px;
left:3px;
width:50px;
height:auto;
text-align:center;
}

#food-header {
float:left;
position:relative;
top:0px;
left:28px;
width:210px;
height:210px;
}

#content {
position:absolute;
top:290px;
left:160px;
width:630px;
height:auto;
text-align:left;
}

#navigation {
float:left;
position:relative;
top:0px;
left:0px;
border-right:2px #7690cc solid;
border-bottom:2px #7690cc solid;
border-left:2px #7690cc solid;
background-color:#bfbfbf;
width:645px;
}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav1a, #nav2a, #nav3a, #nav4a, #nav5a { float:left;clear:right;position:relative;top:0px;left:0px;text-indent:-9999px; }

/* BLOG */
#nav1 a { display:block;width:48px;height:40px;background:url("http://whatsfordinner.org.uk/images/blog.gif") 0px 0px no-repeat;color:transparent; }
#nav1 a:hover, #nav1 a:active { background-position:-48px 0px;color:transparent; }

#nav1a a { display:block;width:48px;height:40px;background:url("http://whatsfordinner.org.uk/images/blog.gif") -48px 0px no-repeat;color:transparent; }
#nav1a a:hover, #nav1a a:active { background-position:-48px 0px;color:transparent; }

/* SHOPPING LISTS */
#nav2 a { display:block;width:148px;height:40px;background:url("http://whatsfordinner.org.uk/images/shoppinglists.gif") 0px 0px no-repeat;color:transparent; }
#nav2 a:hover, #nav2 a:active { background-position: -148px 0px;color:transparent; }

#nav2a a { display:block;width:148px;height:40px;background:url("http://whatsfordinner.org.uk/images/shoppinglists.gif") -148px 0px no-repeat;color:transparent; }
#nav2a a:hover, #nav2a a:active { background-position: -148px 0px;color:transparent; }

/* SAMPLES */
#nav3 a { display:block;width:79px;height:40px;background:url("http://whatsfordinner.org.uk/images/samples.gif") 0px 0px no-repeat;color:transparent; }
#nav3 a:hover, #nav3 a:active { background-position: -79px 0px;color:transparent; }

#nav3a a { display:block;width:79px;height:40px;background:url("http://whatsfordinner.org.uk/images/samples.gif") -79px 0px no-repeat;color:transparent; }
#nav3a a:hover, #nav3a a:active { background-position: -79px 0px;color:transparent; }

/* ROMILLA */
#nav4 a { display:block;width:151px;height:40px;background:url("http://whatsfordinner.org.uk/images/romilla.gif") 0px 0px no-repeat;color:transparent; }
#nav4 a:hover, #nav4 a:active { background-position: -151px 0px;color:transparent; }

#nav4a a { display:block;width:151px;height:40px;background:url("http://whatsfordinner.org.uk/images/romilla.gif") -151px 0px no-repeat;color:transparent; }
#nav4a a:hover, #nav4a a:active { background-position: -151px 0px;color:transparent; }

/* CONTACT */
#nav5 a { display:block;width:89px;height:40px;background:url("http://whatsfordinner.org.uk/images/contact.gif") 0px 0px no-repeat;color:transparent; }
#nav5 a:hover, #nav5 a:active { background-position: -89px 0px;color:transparent; }

#nav5a a { display:block;width:89px;height:40px;background:url("http://whatsfordinner.org.uk/images/contact.gif") -89px 0px no-repeat;color:transparent; }
#nav5a a:hover, #nav5a a:active { background-position: -89px 0px;color:transparent; }


#todaysmenu {
position:relative;
top:0px;
left:2px;
float:left;
width:645px;
height:28px;
text-align:left;
background-color:#fff;
}
#todaysmenuleft {
position:relative;
top:5px;
left:5px;
float:left;
background-image: url('http://www.whatsfordinner.org.uk/images/thisweeksmenu.gif');
background-repeat:no-repeat;
width:182px;
height:17px;
display:block;
text-indent: -9999px;
}

#todaysmenuright {
position:relative;
top:6px;
left:5px;
float:left;
clear:right;
font:14px Arial,Helvetica,san-serif;
line-height:15px;
color:#e84259;
}

.copyright {
background:transparent;
font:12px Helvetica, Arial, sans-serif;
line-height:18px;
color:#fff;
text-align:left;
margin-left:10px;
}

.copyright a:link, .copyright a:visited {
background:transparent;
font:normal 12px Helvetica, Arial, sans-serif;
line-height:18px;
color:#a9b6df;
text-align:left;
text-decoration:none;
}

.copyright a:hover {
background:transparent;
font:normal 12px Helvetica, Arial, sans-serif;
line-height:18px;
color:#7690cc;
text-align:left;
text-decoration:none;
}
#quote { width:630px;height:80px;
background:url("http://whatsfordinner.org.uk/images/quote.gif") 0px 0px no-repeat;
}

#tableday {
text-indent:5px;
color:#ed8927;
width:150px;
height:50px;
border-bottom:1px #a9b6df dotted;
padding-right:20px;
font-weight:bold;
}
#tablemenu {
color:#696969;
border-bottom:1px #a9b6df dotted;
width:620px;
height:50px;
}
.tablerow {
width:600px;
height:40px;
background:rgba(169, 182, 223, 0.5) !important;
background:rgb(169, 182, 223);
}
.tablerow2 {
width:600px;
height:40px;
}
.tableshoppinglist {
color:#2f2f2f;
width:190px;
height:40px;
text-indent:10px;
font-weight:bold;
}
.tableshoppinglist2 {
width:130px;
height:40px;
margin-right:50px;
text-align:left;
}
.tableshoppinglist3 {
width:190px;
height:40px;
text-indent:10px;
font-weight:bold;
color:#e84259;
}


ul, li {
list-style:url(http://www.whatsfordinner.org.uk/images/bullet.gif);
text-indent:0;
line-height:18px;
color:#000;
text-decoration:none;
font-weight:normal;

}

.samplechapter {
background:rgba(0,0,0,0.8);
position:fixed;
right:0px;
bottom:0px;
left:0px;
width:100%;
height:100%;
z-index:200;
visibility:hidden;
}

.chaptersample1 {
position:relative;
top:5px;
width:675px;
height:510px;
margin:auto;
background-color:#fff;
z-index:300;
}
.chaptersampleheader {
position:relative;
top:10px;
left:10px;
width:400px;
height:30px;
color:#696969;
}
.chaptersampleimage {
position:relative;
top:10px;
left:10px;
width:650px;
height:450px;
background-color:#fff;
overflow:auto;
border:2px #7690cc solid;
}
#containerBox {
position:relative;
top:10px;
left:10px;
width:650px;
height:450px;
background-color:#fff000;
overflow:hidden;
border:2px #7690cc solid;
}

.draggablePicture {
position:absolute;
width:1075px;
height:751px;
border:0px;
top:0px;
left:0px;
cursor:move;
}
#thisweekslist {
width:620px;
height:25px;
text-indent:5px;
background-color:#7690cc;
color:#ffffff;
line-height:25px;
}
#logout {
position:fixed;
top:30px;
left:5px;
z-index:1000;
}
#knob {
position:absolute;
top:203px;
left:45px;
z-index:100;
}
#adminmenu {
position:relative;
top:-8px;
left:-7px;
width:645px;
height:125px;
border-bottom:2px #7690cc solid;
background-color:#000000;
}
.adminhomediv {
border:1px #7690cc solid;
background-color:#dff;
width:600px;
height:auto;
}
.pmsign {
visibility:hidden;
display:none;
}
.td {
border-bottom:1px #a9b6df dotted;
padding:5px;
margin:5px;
}
.hiddenloader {
width:auto;
height:auto;
visibility:hidden;
display:none;
}