div#wrapper {
    width:710px;
    margin:10px auto;
}

/*
 * Layout styles
 *****************************************/
 div#contentWrapper {
    float:left;
    width:660px;
    background:transparent url(http://www.oneatatime.org.uk/images/bg_content_middle.gif) repeat-y top left;
    padding:0 32px 0 18px;
}
    div#contentWrapper div#colA {
        float:left;
        width:132px;
    }
    div#contentWrapper div#colB {
        float:left;
        width:296px;
        margin:0 0 0 20px;
    }
    div#contentWrapper div#colC {
        float:right;
        width:165px;
    }
    /*section layout*/
    div#contentWrapper div#colD {
        float:right;
        width:515px;
    }

div#colE {
            float:left;
            width:485px;
            background:url(http://www.oneatatime.org.uk/images/bg_misc_content_top.gif) no-repeat top left;
            padding:12px 0 0 0;
}
div#colF {
            float:right;
            width:165px;
}
 
 
 
div#colE div#miscWrapper {
            float:left;
            width:485px;
            padding:0 0 12px 0;
            background:url(http://www.oneatatime.org.uk/images/bg_misc_content_bottom.gif) no-repeat bottom left;
}
            div#colE div#miscContent {
                        float:left;
                        width:455px;
                        background:#fff;
                        padding:0 15px;
            }
                        div#colE div#miscContent p a {
                                    padding:0 15px 0 0;
                                    background:transparent url(http://www.oneatatime.org.uk/images/bg_more_links_arrow.gif) bottom right no-repeat;
                                    text-decoration:underline;
                        }
                                    div#colE div#miscContent p a:hover {
                                                text-decoration:none;
                                    }           
 
/*
 * Wide Layout styles
 *****************************************/
 div#contentWrapper.wide div#colB {
            width:505px;
 }
 
div#contentWrapper.wide div#colE {
            width:660px;
            background:url(http://www.oneatatime.org.uk/images/bg_misc_content_top_wide.gif) no-repeat top left;
}
div#contentWrapper.wide div#colE div#miscWrapper {
            width:660px;
            background:url(http://www.oneatatime.org.uk/images/bg_misc_content_bottom_wide.gif) no-repeat bottom left;
}
            div#contentWrapper.wide div#colE div#miscContent {
                        width:630px;
            }

div#contentWrapper.wide div.didYouKnowWrapper {
    width: 505px;
    background-image: url(http://www.oneatatime.org.uk/images/bg_didYou_top_section0_wide.gif);
}
div#contentWrapper.wide div.didYouKnowWrapper div.didYouKnowContent {
    width: 505px;
    background-image: url(http://www.oneatatime.org.uk/images/bg_didYou_bottom_section0_wide.gif);
}
div#contentWrapper.wide div.didYouKnowWrapper div.didYouKnowContent div.wysiwyg {
    width: 485px;
    background-image: url(http://www.oneatatime.org.uk/images/bg_didYou_middle_section0_wide.gif);
}


div#header {
    display:inline;
    float:left;
    width:689px;
    padding:0 15px 0 6px;
    margin:0 0 2.5em 0;
}
    div#header h1,
    div#header p {
        float:left;
        margin:1em 0 0 0;
    }
    div#quicklinks {
        float:right;
        text-align:right;
        width:400px;
    }

    div#quicklinks ul {
        display:inline;
        float:right;
        width:400px;
        text-align:right;
        margin:0 0 1em 0;
        list-style-type:none;
    }
        div#quicklinks ul li {
            display:inline;
        }
            div#quicklinks ul li a {
                padding:0 4px 0 6px;
                border-left:1px solid #8D7B6D;
                color:#8D7B6D;
            }
    div#quicklinks form {
        clear:right;
        float:right;
        width:400px;
    }
        div#quicklinks form label {
            text-indent:-1000px;
            color:#fff;
            font-size:1px;
        }
        div#quicklinks form input {
            padding:2px;
            width:140px;
            border:1px solid #ccc;
        }
        div#quicklinks form input.submit {
            width:auto;
            cursor:pointer;
            border:none;
            background-color:#fff;
            font-size:110%;
            color:#3798BB;
        }

    
h1#pageTitle {
    font-size:200%;
    margin:0 0em .75em 0em;
    padding:0;
    color:#8D7B6D;
}

/*
 * Did you know
 *****************************************/
div.didYouKnowWrapper {
    width:327px;
    margin:1em 0 1em 0;
    background:transparent url(http://www.oneatatime.org.uk/images/bg_didYou_top_section0.gif) no-repeat top left;
    padding:15px 0 0 0;
}
    div.didYouKnowWrapper div.didYouKnowContent {
        width:327px;
        padding:0 0 15px 0;
        background:transparent url(http://www.oneatatime.org.uk/images/bg_didYou_bottom_section0.gif) no-repeat bottom left;
    }
        div.didYouKnowWrapper div.didYouKnowContent div.wysiwyg {
            width:307px;
            margin:0;
            padding:0 10px 1px 10px;
            background:transparent url(http://www.oneatatime.org.uk/images/bg_didYou_middle_section0.gif) repeat-y top left;
        }
        div.didYouKnowWrapper div.didYouKnowContent div.wysiwyg h1,
        div.didYouKnowWrapper div.didYouKnowContent div.wysiwyg h2,
        div.didYouKnowWrapper div.didYouKnowContent div.wysiwyg h3 {
            color:#FF7100;
        }



/*
 * Tell us what you think
 *****************************************/
div#tellUs {
    width:327px;
    margin:1em 0 1em 0;
}
    div#tellUs h3 {
        width:317px;
        padding:2px 5px;
        color:#EAE9E3;
        font-size:110%;
        background-color:#8D7B6D;
    }
    
    div#tellUs form {
        background-color:#fff;
        margin:0 0 1em 0;
        padding:10px;
        width:307px;
    }
        div#tellUs form label {
            display:block;
            margin:0 0 .2em 0;
        }
        div#tellUs form input {
            border:1px solid #ccc;
            margin:0 0 .2em 0;
            padding:2px;
            width:295px;
        }
        div#tellUs form textarea {
            border:1px solid #ccc;
            margin:0 0 .2em 0;
            padding:2px;
            width:295px;
            _height:100px;
            min-height:100px;
        }
        div#tellUs form input.submit {
            width:auto;
            cursor:pointer;
            smargin:0 0 0 230px;
            background-color:#fff;
            border:none;
            font-size:120%;
            color:#8D7B6D;
        }
    
    div#tellUs p a {
        padding:0 18px 0 0;
        background:transparent url(http://www.oneatatime.org.uk/images/bg_double_arrow.gif) no-repeat 100% 50%;
    }
    
/*
 * You asked default blue
 *****************************************/
div#youAskedWrapper {
    width:165px;
    padding:10px 0 0 0;
    margin:0 0 2em 0;
    background:transparent url(http://www.oneatatime.org.uk/images/bg_ya_top.gif) no-repeat top left;
}
    div#youAskedWrapper div#youAskedContent {
        width:165px;
        padding:0 0 26px 0;
        background:transparent url(http://www.oneatatime.org.uk/images/bg_ya_bottom.gif) no-repeat bottom left;
    }
        div#youAskedWrapper div#youAskedContent div.wysiwyg {
            width:149px;
            margin:0;
            padding:0 8px .5em 8px;
            background:transparent url(http://www.oneatatime.org.uk/images/bg_ya_middle.gif) repeat-y top left;
        }
        div#youAskedWrapper div#youAskedContent div.wysiwyg h1,
        div#youAskedWrapper div#youAskedContent div.wysiwyg h2,
        div#youAskedWrapper div#youAskedContent div.wysiwyg h3,
        div#youAskedWrapper div#youAskedContent div.wysiwyg h4 {
            color:#3798BB;
        }
        div#youAskedWrapper div#youAskedContent div.wysiwyg p {
            color:#8D7B6D;
        }
        div#youAskedWrapper div#youAskedContent div.wysiwyg p a.youAskedLink {
            text-align:right;
            padding:0 18px 0 0;
            background:transparent url(http://www.oneatatime.org.uk/images/bg_double_arrow.gif) no-repeat 100% 50%;
        }
/*
 * Feature default blue
 *****************************************/
div#feature {
    border-top:10px solid #3798BB;
    background-color:#fff;
    padding:0 0 1em 0;
    margin:0 0 1em 0;
}

    div#feature div.wysiwyg {
        margin:10px 10px 1em 10px;
    }
    
    div#feature div.wysiwyg h1
    div#feature div.wysiwyg h2,
    div#feature div.wysiwyg h3,
    div#feature div.wysiwyg h4 {
        color:#3798BB;
    }
    div#feature div.wysiwyg p {
        color:#8D7B6D;
    }
    div#feature p#featureLink {
        margin:10px 10px 0 10px;
    }
    div#feature p#featureLink a {
        color:#8D7B6D;
        padding:0 18px 0 0;
        background:transparent url(http://www.oneatatime.org.uk/images/bg_double_arrow.gif) no-repeat 100% 50%;
    }
/*
 * Search results
 *****************************************/
ul.pagination {
    float:left;
    width:455px;
    margin:0 0 .5em 0;
    list-style-type:none;
}    
    ul.pagination li {
        display:inline;
    }
        ul.pagination li a {
            padding:2px 4px;
        }
        ul.pagination li a.active,
        ul.pagination li a:hover {
            color:#3798BB;
        }
ul#results {
    float:left;
    width:455px;
    margin:0 0 1em 0;
    list-style-type:none;
}    
    ul#results li {
        float:left;
        width:455px;
        margin:0 0 1em 0;
        padding:0 0 1em 0;
        border-bottom:1px solid #ddd;
    }    
        ul#results li h3 a {
            color:#3798BB;
        }
        ul#results li p a {
            padding:0 15px 0 0;
            background:transparent url(http://www.oneatatime.org.uk/images/bg_more_links_arrow.gif) bottom right no-repeat;
            text-decoration:underline;
        }
            ul#results li p a:hover {
                text-decoration:none;
            }
 
 
/*
 * Footer
 *****************************************/    
div#footerWrapper {
    clear:both;
    float:left;
    width:710px;
    padding:22px 0 0 0;
    background:transparent url(http://www.oneatatime.org.uk/images/bg_content_bottom.gif) no-repeat top left;
}
    div#footerWrapper ul {
        float:right;
        width:400px;
        text-align:right;
        margin:0 0 1em 0;
        list-style-type:none;
    }
        div#footerWrapper ul li {
            display:inline;
        }
            div#footerWrapper ul li a {
                padding:0 4px 0 6px;
                border-left:1px solid #8D7B6D;
                color:#8D7B6D;
            }