/* Cost Sector Catering CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #352122 url(images/bg-pattern01.gif) top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
div#wrapper {height: 100%; margin: 0 auto; width: 980px; background: #E9E0D4 url(images/stretch-bg.gif);}
form.nomarg {padding: 0; margin: 0;}
div#wrapperNew {float: left; clear: both; width: 980px; height: 30px; margin: 0 auto; z-index: 1000; background: #FFFFFF url(1/bannerCompactBg.jpg) no-repeat 10px 0px;}
/* Header */
div#header {float: left; width: 960px; height: 100px; background: #564042 url(images/header-bg.gif) top repeat-x; border: 10px solid #FFF; border-width: 0 10px;}
div#logo {float: left; margin: 25px 0 0 30px; display: inline; }
div.banner1 {float: right; margin: 18px 30px 0 0; border: 1px solid #FFF; display: inline; }
div#topnav {float: left; clear: both; width: 960px; height: 30px; background: #3D2B2D; border: 10px solid #FFF; border-width: 0 10px 4px 10px;}
/*div#newsticker {float: left; display: inline; text-transform: uppercase; font-size: 15px; font-family: Arial, Helvetica, sans-serif;}
div#newsticker ul {padding: 6px 0 0 15px; margin: 0; list-style-type: none;}
div#newsticker ul a.coffee {color: #9F9092; text-decoration: none; font-weight: bold;}*/
div#search {float: right; display: inline; margin: 4px 30px 0 0;}
input.searchbox {background: #896C70; border: 1px solid #B8A7A9; color: #FFF; height: 16px; margin: 0;}
input.fsubmit {background: #94897C; border: 1px solid #FFF; color: #FFF; height: 20px; margin: 0;}
/* Columns */
div#content-wrap {float: left; width: 960px; background: #E9E0D4 url(images/stretch-bg.gif); border: 10px solid #FFF; border-width: 4px 10px 0 10px;}
div.column-1 {float: left; padding: 0; width: 146px; border: 4px solid #FFF; border-width: 0 0 4px 0; display: inline;}
div.column-2 {float: left; padding: 0; width: 476px; border: 4px solid #FFF; border-width: 0 4px 0 4px; display: inline;}
div.column-3 {float: left; padding: 0; width: 206px; border: 4px solid #FFF; border-width: 0 4px 0 0; display: inline;}
div.column-4 {float: right; padding: 0; width: 120px; margin: 0; display: inline; display: inline;}
div.column-left {float: left; padding: 0; width: 532px; display: inline;}
div.column-right {float: left; padding: 0; width: 228px; display: inline;}
div.content {float: left; display: inline; padding: 15px 15px 0 15px; width: 502px; \width: 532px; w\idth: 502px;}
/* Expanding Menu */
#menu {background: none; margin: 0; padding: 0; border-top: 1px solid #FFF; font-size: 100%; line-height: 110%; border: 4px solid #FFF; border-width: 0 0 4px 0;}
#menu ul {list-style: none; margin: 0; padding: 0; border: 0; text-transform: uppercase;}
#menu li {margin: 0;}
#menu li a {padding: 7px 10px 7px 15px; background-color: #7A6063; color: #FFF; text-decoration: none; margin: 0; display: block;}
#menu li a.toplevel {background-image: url(images/lthdot.gif); background-position: bottom; background-repeat: repeat-x;}
html>body #menu li a {width: 121px; text-decoration: none;}
#menu li a:hover {padding-left: 15px; background-color: #574042; color: #FFF; text-decoration: none;}
#menu li ul li {margin: 0;}
#menu li ul a {padding-left: 15px; text-decoration: none; background-image: url(images/dkhdot.gif); background-position: bottom; background-repeat: repeat-x;}
#menu li ul a:link {background-color: #C8B8AC; color: #7A6063;}
#menu li ul a:visited {background-color: #C8B8AC; color: #7A6063;}
#menu li ul a:hover {background-color: #E2D6C5; color: #8D7679;}
#menu li ul a:active {background-color: #C8B8AC; color: #7A6063;}
/* -------------- */
a.foodservice {border: 4px #FFF solid; border-width: 0 0 4px 0; float: left; display: inline;}
/* Register Box */
div.register {float: left; width: 122px; \width: 146px; w\idth: 122px; padding: 18px 12px; background: #CFBDA3 url(images/register-bg.gif) top repeat-x; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.register h1 {font-size: 130%; color: #7A6063; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.register h3 {font-size: 105%; color: #98847D; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
input.emailbox {display: block; background: #9C927E; border: 1px solid #B8A7A9; color: #FFF; height: 16px; margin: 0 0 4px 0; width: 118px;}
input.rsubmit {background: #B9AE9A; border: 1px solid #FFF; color: #FFF; height: 20px; margin: 0;}
/* Poll Box */
div.poll {float: left; width: 122px; \width: 146px; w\idth: 122px; padding: 18px 12px; background: #9C927E url(images/poll-bg.gif) top repeat-x; color: #FFF;}
div.poll h1 {font-size: 130%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.poll h3 {font-size: 100%; color: #D7D3CA; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.poll p {color: #D7D3CA; margin: 3px 0;}
div.poll a {color: #D7D3CA; margin: 3px 0;}
/* Middle Section Wrapper */
div#middle {float: left; display: inline; width: 694px;}
/* Breadcrumb */
div.breadcrumb {float: left; color: #FFF; width: 666px; \width: 686px; w\idth: 666px; padding: 10px; background: #7A6063; border: 4px solid #FFF; border-width: 0 4px 4px 4px; text-transform: uppercase;}
div.breadcrumb a {color: #E2D6C5; text-decoration: none;}
/* Article Page */
div.articlepage {float: left; background: #FFF; width: 458px; \width: 476px; w\idth: 458px; padding: 9px 9px 14px 9px; color: #384363; display: inline;}
div.articlepage h1 {font-size: 180%; color: #000; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.articlepage h2 {font-size: 120%; color: #77839F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.articlepage h3 {font-size: 115%; color: #77839F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.articlepage p.username {font-size: 120%;}
div.articlepage p.hys {font-size: 150%;}
div.articlepage a {color: #384363;}
div.articlepage input.textinput {border: 1px solid #AFAFAF; width: 453px;}
div.articlepage input.bluesubmit {border: 1px solid #384363; background: #99A2B7;}
div.articlepage div.articleimg1 {float: left; margin: 0 10px 10px 0; display: inline; }
div.articlepage div.articleimg2 {float: right; margin: 10px 0 10px 10px; display: inline; }
div.articlepage div.articleimg1 p, div.articlepage div.articleimg2 p {float: left; font-size: 80%; margin: 7px 0; padding-bottom: 8px; display: inline; }
div.articlepage div.articleimg1 img {float: left; padding: 10px; display: inline; border: 1px solid #BBC1CF;}
div.articlepage div.articleimg2 img {float: left; padding: 10px; display: inline; border: 1px solid #BBC1CF;}
div.articlepage div.bio {float: left; width: 430px; height: 20px; \height: 26px; he\ight: 20px; margin-top: 10px; color: #FFF; background: #77839F url(images/whitecorner-r.gif) top right no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.articlepage div.bio p {color: #FFF; margin: 0;}
div.articlepage div.bio .blue {color: #B9BDC8;}
div.articlepage div.bio a {color: #FFF; margin: 0; text-decoration: none;}
div.articlepage table.formtable {border: 0; width: 440px; border-collapse: collapse;}
div.articlepage table.formtable a {color: #384363;}
div.articlepage table.formtable td, div.articlepage table.formtable th {padding: 5px;}
div.articlepage table.formtable input, .inputfield {border: 1px solid #A5ACB2; width: 200px;}
div.articlepage table.formtable td.lcell {width: 200px; text-align: right;}
div.articlepage div.pdfdiv {clear: both; float: left; margin-bottom: 10px;}
div.articlepage img.pdfimg {float: left;}
div.articlepage p.pdftext {float: left; position: relative; left: 10px; top: 10px; display: inline;}
div.articlepage ul {padding: 0; margin: 0; }
div.articlepage ul li {margin: 5px 0 5px 15px;}
div.column-2 div.archive {float: left; color: #FFF; background: #818CA6 url(images/welcome-bg.gif) top repeat-x; width: 456px; \width: 476px; width: 456px; padding: 10px; display: inline; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.column-2 div.archive ul {padding: 0; margin: 0;}
div.column-2 div.archive ul li {float: left; list-style: none; background: #B4BBCA; padding: 3px; width: 450px; \width: 456px; width: 450px; margin: 0 0 2px 0; font-weight: bold; font-size: 110%; text-transform: uppercase;}
div.column-2 div.archive ul li a {color: #FFF; text-decoration: none;}
div.column-2 div.archive div.dirbc a {color: #FFF; text-decoration: none;}
div.column-2 div.archive div.dircat {color: #FFF; text-decoration: none; background: #B4BBCA; padding: 3px; width: 450px; \width: 456px; width: 450px; margin: 0 0 2px 0; font-weight: bold; font-size: 110%; text-transform: uppercase;}
div.column-2 div.archive div.dircat a {color: #3F4A6A; text-decoration: none;}
div.column-2 div.archive div.dirltblue {background: #B4BBCA; color: #3F4A6A;}
div.column-2 div.archive div.dirdkblue {color: #CED2DC;}
div.column-2 div.archive div.dirltblue, div.column-2 div.archive div.dirdkblue {float: left; padding: 10px; width: 436px; \width: 456px; width: 436px;}
div.column-2 div.archive div.dirltblue img, div.column-2 div.archive div.dirdkblue img {float: left;}
div.column-2 div.archive div.dirltblue a {color: #3F4A6A;}
div.column-2 div.archive div.dirdkblue a {color: #FFF;}
div.column-2 div.archive img.complogo {float: left;}
div.column-2 div.archive div.dirltblue div.info, div.column-2 div.archive div.dirdkblue div.info {float: left; padding: 0 10px; width: 266px;}
div.column-2 div.archive div.dirltblue p, div.column-2 div.archive div.dirdkblue p {margin: 5px 0;}
div.articlecontainer {float: left; display: inline; width: 484px;}
/* Recipes */
p.view {text-transform: uppercase;}
p.view a {text-decoration: none;}
div.recipesearch {float: left; display:inline; background: #818CA6; width: 456px; \width: 476px; width: 456px; padding: 10px; color: #FFF;border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.recipesearch p.phr {background: url(images/blhdot.gif) scroll center repeat-x; margin: 3px 0; height: 1px; line-height: 1px;}
div.recipesearch div.searchcolumn {float: left; width: 145px; padding: 0 10px 0 0; display: inline;}
div.recipesearch div.searchcolumn2 {float: left; width: 145px; display: inline;}
div.recipesearch table {border-collapse: collapse;}
div.recipesearch table td {padding: 0 3px 3px 0;}
div.recipesearch h1 {font-size: 130%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearch h2 {font-size: 115%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearch h3 {font-size: 115%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
input.bluesubmit {border: 1px solid #FFF; background: #606B88; color: #FFF; padding: 1px;}
div.recipesearchresults {float: left; display:inline; background: #818CA6 url(images/welcome-bg.gif) top repeat-x; width: 456px; \width: 476px; width: 456px; padding: 10px; color: #FFF;border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.recipesearchresults a {color: #FFF;}
div.recipesearchresults h1 {font-size: 130%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults h2 {font-size: 115%; color: #D0D4DE; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults h3 {font-size: 115%; color: #D0D4DE; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults img {float: left; border: 10px solid #FFF; margin: 0 10px 10px 0; clear:both; display: inline; }
div.recipesearchresults ul {list-style-position: inside; padding: 4px 0; margin: 0;}
div.recipesearchresults ul li {padding: 4px 0;}
/* Header Bars */
div.headerbar {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #3F4A6A; background: #404C6B /*url(images/bluecorner.gif) top left no-repeat*/; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar .white {color: #FFF;}
div.headerbar .blue {color: #9CA1B1;}
div.headerbar2 {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #E5D4AC; background: #B89663 url(images/bluecorner.gif) top left no-repeat; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar2 .white {color: #FFF;}
div.headerbar2 .brown {color: #E5D4AC;}
div.headerbar3 {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #3F4A6A; background: #B5A35C; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar3 h1 {font-size: 140%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.headerbar3 .white {color: #FFF;}
div.headerbar3 .orange {color: #DACE8A;}
div.headerbar4 {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #895A46; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar4 .white {color: #FFF;}
div.headerbar4 .brown {color: #E4D5BA;}
div.headerbar-pink {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #811C50; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-pink .white {color: #FFF;}
div.headerbar-pink .pink {color: #E6BCD2;}
div.headerbar-green {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #5C692A; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-green .white {color: #FFF;}
div.headerbar-green .green {color: #DCE2BE;}
div.headerbar-blue {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #1C5866; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-blue .white {color: #FFF;}
div.headerbar-blue .blue {color: #B3D4DB;}
div.headerbar-purple {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #321948; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-purple .white {color: #FFF;}
div.headerbar-purple .purple {color: #C4B4CF;}
div.headerbar-dkbrown {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #60493A; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-dkbrown .white {color: #FFF;}
div.headerbar-dkbrown .dkbrown {color: #D6CBC3;}
div.headerbar-dkgreen {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #317337; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-dkgreen .white {color: #FFF;}
div.headerbar-dkgreen .dkgreen {color: #C3DFC2;}
div.headerbar-ltbrown {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #FFF; background: #90743D; text-transform: uppercase; padding: 5px 10px 0 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 130%;}
div.headerbar-ltbrown .white {color: #FFF;}
div.headerbar-ltbrown .ltbrown {color: #EBE1C8;}
/* Introduction */
div.introduction {float: left; width: 448px; \width: 476px; width: 448px; background: #818CA6 url(images/welcome-bg.gif) top repeat-x; padding: 14px; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.introduction h1 {font-size: 180%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.introduction h3 {font-size: 115%; color: #CFD3DD; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.introduction p {color: #CFD3DD; margin: 3px 0;}
div.introduction ul {color: #CFD3DD;}
div.introduction a {color: #FFF;}
/* Top News Story ---- News Items */
div.topnews {float: left; background: #DACE8A /*url(images/topnews-bg.gif) top repeat-x*/; width: 476px; display: inline; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.topnews div.article {float: left; color: #574042; width: 456px; \width: 476px; width: 456px; padding: 10px; display: inline;}
div.topnews div.article h1 {font-size: 150%; color: #574042; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.topnews div.article h2 {font-size: 125%; color: #574042; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.topnews div.article h3 {font-size: 115%; color: #574042; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.topnews img {float: left; border: 10px solid #FFF; margin: 10px 0 10px 10px; display: inline; }
div.topnews div.article p {color: #574042; margin: 5px 0;}
div.topnews div.article a {color: #574042; margin: 3px 0; font-weight: bold; text-decoration: none;}
div.topnews div.article ul {float: left; padding: 0; margin: 0; font-size: 12px;}
div.topnews div.article ul li {margin: 3px 0 0 15px;}
div.topnews p.timestamp {padding: 0; text-transform: uppercase; font-size: 100%; font-weight: bold;}
div.column-2 div.archivenews {float: left; color: #574042; background: #DACE8A /*url(images/topnews-bg.gif) top repeat-x*/; width: 456px; \width: 476px; width: 456px; padding: 10px; display: inline; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.column-2 div.archivenews ul {padding: 0; margin: 0;}
div.column-2 div.archivenews ul li {float: left; list-style: none; background: #C5B86D; padding: 3px; width: 450px; \width: 456px; width: 450px; margin: 0 0 2px 0; font-weight: bold; font-size: 110%; text-transform: uppercase;}
div.column-2 div.archivenews ul a {color: #574042; text-decoration: none;}
/* Top Feature */
div.topfeature {float: left; width: 476px; display: inline; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.topfeature div.header {float: left; width: 456px; \width: 476px; width: 456px; background: #786D5A; padding: 4px 10px;}
div.topfeature div.header h1 {font-size: 140%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.topfeature div.header h1 .white {color: #FFF;}
div.topfeature div.header h1 .grey {color: #B8B2A8;}
div.topfeature div.article {float: left; color: #A3722A; width: 456px; \width: 476px; width: 456px; padding: 10px; background: #9C927E url(images/topfeature-bg.gif) top repeat-x; display: inline;}
div.topfeature div.article h1 {font-size: 150%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.topfeature div.article h3 {font-size: 115%; color: #D6D1C9; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.topfeature div.article img {float: left; border: 10px solid #FFF; margin: 0 10px 0 0; display: inline; }
div.topfeature div.article p {color: #E6E4DF; margin: 5px 0; padding: 0;}
div.topfeature div.article a {color: #E6E4DF; margin: 3px 0; font-weight: bold;}
/* Flash Banner Feature */
div.topfeature div.animatedAd {float: left; color: #A3722A; width: 456px; \width: 476px; width: 456px; padding: 10px; background: #9C927E url(images/topfeature-bg.gif) top repeat-x; display: inline;}
div.topfeature div.animatedAd div.ad {margin: 0 auto; width: 300px;}
/* Blue Feature */
div.bluefeature, div.bluefeature-sm {float: left; width: 476px; display: inline; background: #848FA8 url(images/bluefeature-bg.gif) top repeat-x; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.bluefeature img, div.bluefeature-sm img {float: left; border: 10px solid #FFF; margin: 10px 0 10px 10px; display: inline; }
div.bluefeature img.diary {float: left; border: 10px solid #FFF; margin: 0 10px 10px 0; display: inline; }
div.bluefeature div.article {float: left; color: #CED2DC; padding: 10px; display: inline;}
div.bluefeature-sm div.article {float: left; color: #CED2DC; padding: 10px; display: inline;}
div.bluefeature div.article h1, div.bluefeature-sm div.article h1 {font-size: 150%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.bluefeature div.article h3, div.bluefeature-sm div.article h3 {font-size: 115%; color: #CED2DC; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.bluefeature div.article p {color: #CED2DC; margin: 5px 0 0 0;}
div.bluefeature-sm div.article p {color: #CED2DC;}
div.bluefeature div.article a, div.bluefeature-sm div.article a {color: #FFF; margin: 3px 0; font-weight: bold;}
div.bluefeature div.article p.abstract, div.bluefeature-sm div.article p.abstract {color: #FFF;}
div.bluefeature p.timestamp, div.bluefeature-sm p.timestamp {padding: 0; color: #CCD1DC; text-transform: uppercase; font-size: 90%; margin: 0; font-weight: bold; padding: 0 0 10px 0;}
div.bluefeature div.article ul, div.bluefeature-sm ul {padding: 0; margin: 0; font-size: 12px;}
div.bluefeature div.article ul li, div.bluefeature-sm div.article ul li {margin: 3px 0 0 15px;}
div.bluefeature div.blueclick {float: right; width: 330px; \width: 356px; w\idth: 330px; height: 20px; \height: 26px; he\ight: 20px; color: #CED2DC; background: #404C6B url(images/bluecorner.gif) top left no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.bluefeature div.blueclick p {color: #CED2DC; margin: 0;}
div.bluefeature div.blueclick a {color: #FFF; margin: 0; text-decoration: none;}
/*input.textblue {background: #3f4A6A; color: #FFF; border: 1px solid #B5BBCB; height: 16px;}*/
input.textblue {background: #FFF; color: #3f4A6A; border: 1px solid #B5BBCB; height: 16px;}
input.submitblue {background: #5D6986; color: #FFF; border: 1px solid #B5BBCB; height: 20px;}
/* NEW COLOURS */
div.pink {background: #E6BCD2 !important; color: #811C50 !important;}
div.pink h1 {color: #811C50 !important;}
div.pink p.abstract a,div.pink h1 a {color: #811C50 !important; text-decoration: none;}
div.pink p.timestamp, div.pink p.abstract {color: #811C50 !important;}
div.pink ul li {background: #CD79A5 !important;}
div.pink ul li a {color: #FFF !important;}
div.green {background: #DCE2BE !important; color: #5C692A !important;}
div.green h1 {color: #5C692A !important;}
div.green p.abstract a,div.green h1 a {color: #5C692A !important; text-decoration: none;}
div.green p.timestamp, div.green p.abstract {color: #5C692A !important;}
div.green ul li {background: #B1B793 !important;}
div.green ul li a {color: #FFF !important;}
div.blue {background: #B3D4DB !important; color: #1C5866 !important;}
div.blue h1 {color: #1C5866 !important;}
div.blue p.abstract a,div.blue h1 a {color: #1C5866 !important; text-decoration: none;}
div.blue p.timestamp, div.blue p.abstract {color: #1C5866 !important;}
div.blue ul li {background: #88B1B9 !important;}
div.blue ul li a {color: #FFF !important;}
div.purple {background: #C4B4CF !important; color: #321948 !important;}
div.purple h1 {color: #321948 !important;}
div.purple p.abstract a,div.purple h1 a {color: #321948 !important; text-decoration: none;}
div.purple p.timestamp, div.purple p.abstract {color: #321948 !important;}
div.purple ul li {background: #9686A1 !important;}
div.purple ul li a {color: #FFF !important;}
div.dkbrown {background: #D6CBC3 !important; color: #60493A !important;}
div.dkbrown h1 {color: #60493A !important;}
div.dkbrown p.abstract a,div.dkbrown h1 a {color: #60493A !important; text-decoration: none;}
div.dkbrown p.timestamp, div.dkbrown p.abstract {color: #60493A !important;}
div.dkbrown ul li {background: #ABA098 !important;}
div.dkbrown ul li a {color: #FFF !important;}
div.dkgreen {background: #C3DFC2 !important; color: #317337 !important;}
div.dkgreen h1 {color: #317337 !important;}
div.dkgreen p.abstract a,div.dkgreen h1 a {color: #317337 !important; text-decoration: none;}
div.dkgreen p.timestamp, div.dkgreen p.abstract {color: #317337 !important;}
div.dkgreen ul li {background: #9BB79A !important;}
div.dkgreen ul li a {color: #FFF !important;}
div.ltbrown {background: #EBE1C8 !important; color: #90743D !important;}
div.ltbrown h1 {color: #90743D !important;}
div.ltbrown p.abstract a,div.ltbrown h1 a {color: #90743D !important; text-decoration: none;}
div.ltbrown p.timestamp, div.ltbrown p.abstract {color: #90743D !important;}
div.ltbrown ul li {background: #BDB39A !important;}
div.ltbrown ul li a {color: #FFF !important;}
/* Dark Blue Feature */
div.bluefeature-dk {float: left; width: 476px; display: inline; background: #66759A url(images/bluefeature-dk-bg.gif) top repeat-x; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.bluefeature-dk img {float: left; border: 10px solid #FFF; margin: 10px 0 10px 10px; display: inline; }
div.bluefeature-dk div.article {float: left; color: #CED2DC; padding: 10px; display: inline;}
div.bluefeature-dk div.article h1 {font-size: 150%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.bluefeature-dk div.article h3 {font-size: 115%; color: #CED2DC; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.bluefeature-dk div.article p {color: #CED2DC; margin: 5px 0 0 0;}
div.bluefeature-dk div.article a {color: #FFF; margin: 3px 0; font-weight: bold;}
div.bluefeature-dk div.article p.abstract {color: #FFF;}
div.bluefeature-dk p.timestamp {padding: 0; color: #CCD1DC; text-transform: uppercase; font-size: 90%; margin: 0; font-weight: bold; padding: 0 0 10px 0;}
div.bluefeature-dk div.article ul {padding: 0; margin: 0; font-size: 12px;}
div.bluefeature-dk div.article ul li {margin: 3px 0 0 15px;}
/* Brown Feature */
div.brownfeature, div.brownfeature-sm {float: left; width: 476px; display: inline; background: #D6BE87 url(images/brownfeature-bg.gif) top repeat-x; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.brownfeature img, div.brownfeature-sm img {float: left; border: 10px solid #FFF; margin: 10px 0 10px 10px; display: inline; }
div.brownfeature div.article {float: left; color: #A7907D; padding: 10px; display: inline;}
div.brownfeature-sm div.article {float: left; color: #A7907D; padding: 10px; display: inline;}
div.brownfeature div.article h1, div.brownfeature-sm div.article h1 {font-size: 150%; color: #7A6063; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.brownfeature div.article h3, div.brownfeature-sm div.article h3 {font-size: 115%; color: #A7907D; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.brownfeature div.article p {color: #7A6063; margin: 5px 0 0 0;}
div.brownfeature-sm div.article p {color: #7A6063;}
div.brownfeature div.article a, div.brownfeature-sm div.article a {color: #7A6063; margin: 3px 0; font-weight: bold;}
div.brownfeature p.timestamp, div.brownfeature-sm p.timestamp {padding: 0; color: #7A6063; text-transform: uppercase; font-size: 90%; margin: 0; font-weight: bold; padding: 0 0 10px 0;}
div.brownfeature div.article ul, div.brownfeature-sm ul {color: #7A6063; padding: 0; margin: 0; font-size: 12px;}
div.brownfeature div.article ul a, div.brownfeature-sm ul a {color: #7A6063;}
div.brownfeature div.article ul li, div.brownfeature-sm div.article ul li {margin: 3px 0 0 15px;}
div.brownfeature div.brownclick {float: right; width: 330px; \width: 356px; w\idth: 330px; height: 20px; \height: 26px; he\ight: 20px; color: #E5D4AC; background: #B89663 url(images/browncorner.gif) top left no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.brownfeature div.brownclick p {color: #E5D4AC; margin: 0;}
div.brownfeature div.brownclick a {color: #FFF; margin: 0; text-decoration: none;}
/* Grey Feature */
div.greyfeature, div.greyfeature-sm {float: left; width: 476px; display: inline; background: #A39986 url(images/feature-grey-bg.gif) top repeat-x; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.greyfeature img, div.greyfeature-sm img {float: left; border: 10px solid #FFF; margin: 10px 0 10px 10px; display: inline; }
div.greyfeature div.article {float: left; color: #D8D3CB; padding: 10px; display: inline;}
div.greyfeature-sm div.article {float: left; color: #D8D3CB; padding: 10px; display: inline;}
div.greyfeature div.article h1, div.greyfeature-sm div.article h1 {font-size: 150%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.greyfeature div.article h3, div.greyfeature-sm div.article h3 {font-size: 115%; color: #D8D3CB; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.greyfeature div.article p, div.greyfeature-sm div.article p {color: #FFF; margin: 5px 0 0 0;}
div.greyfeature div.article a, div.greyfeature-sm div.article a {color: #FFF; margin: 3px 0; font-weight: bold;}
div.greyfeature p.timestamp, div.greyfeature-sm p.timestamp {padding: 0; color: #DBD6CE; text-transform: uppercase; font-size: 90%; margin: 0; font-weight: bold; padding: 0 0 10px 0;}
div.greyfeature div.article ul, div.greyfeature-sm ul {color: #D8D3CB; padding: 0; margin: 0; font-size: 12px;}
div.greyfeature div.article ul a, div.greyfeature-sm ul a {color: #D8D3CB;}
div.greyfeature div.article ul li, div.greyfeature-sm div.article ul li {margin: 3px 0 0 15px;}
div.greyfeature div.greyclick {float: right; width: 330px; height: 20px; color: #D8D3CB; background: #7D715B url(images/greycorner.gif) top left no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.greyfeature div.greyclick p {color: #D8D3CB; margin: 0;}
div.greyfeature div.greyclick a {color: #FFF; margin: 0; text-decoration: none;}
/* News Box */
div.newsbox {float: left; width: 206px; background: #B5A35C; padding: 0; border: 4px solid #FFF; border-width: 0 0 4px 0; color: #574042;}
div.newsbox h1 {font-size: 160%; margin: 10px; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.05em;}
div.newsbox div.light {background: #DACE8A; margin: 0 3px 3px 3px; padding: 5px;}
div.newsbox div.light h2 {font-size: 110%; color: #574042; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.newsbox div.light p.abstract {color: #574042; margin: 0;}
div.newsbox div.light a {color: #574042; text-decoration: none; font-weight: bold;}
div.newsbox div.light p.date {color: #574042; margin: 3px 0; font-weight: bold;}
div.newsbox div.dark {background: #BFB167; margin: 0 3px 3px 3px; padding: 5px;}
div.newsbox div.dark h2 {font-size: 110%; color: #A06D29; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.newsbox div.dark p.abstract {color: #574042; margin: 0;}
div.newsbox div.dark a {color: #574042; text-decoration: none; font-weight: bold;}
div.newsbox div.dark p.date {color: #574042; margin: 3px 0; font-weight: bold;}
div.newsbox div.rss {float: left; width: 175px; margin: 8px 0 0 0; height: 20px; \height: 26px; he\ight: 20px; color: #E5D4AC; background: #8D7435 url(images/orangecorner-r.gif) top right no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; display: inline;}
div.newsbox div.rss img {float: left; display: inline;}
div.newsbox div.rss p {float: left; display: inline; color: #FFF; margin: 0 0 0 5px;}
div.newsbox div.rss a {color: #E8E0B1; margin: 0; text-decoration: none;}
/* Feature Box */
div.featurebox {float: left; width: 206px; background: #B5A35C /* url(images/side-feature-bg.gif) top repeat-x*/; padding: 0; border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.featurebox div.details {padding: 10px;}
div.featurebox div.details img.currentmag {float: left; display: inline; border: 10px solid #FFF; margin: 0 10px 10px 0;}
div.featurebox div.details img.current-issue {float: right;}
div.featurebox div.details div.image {float: left; width: 100px; height: 120px; border: 10px solid #FFF; margin: 0 10px 10px 0; display: inline; }
div.featurebox div.details div.image img {width: 100px; height: 120px;}
div.featurebox div.details h1 {clear: both; font-size: 170%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.featurebox div.details h2 {clear: both; font-size: 110%; color: #E8D2A1; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.featurebox div.details a {color: #FFF;}
div.featurebox div.details ul {color: #FFF; padding: 0; margin: 0; font-size: 12px;}
div.featurebox div.details ul li {color: #FFF; margin: 0 0 0 15px;}
div.featurebox div.archive {float: left; width: 175px; margin: 8px 0 0 0; height: 20px; \height: 26px; he\ight: 20px; color: #E5D4AC; background: #957F3F url(images/orangecorner-r.gif) top right no-repeat; text-transform: uppercase; padding: 6px 8px 0 8px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; display: inline;}
div.featurebox div.archive p {float: left; display: inline; color: #FFF; margin: 0;}
div.featurebox div.archive a {color: #E8E0B1; margin: 0; text-decoration: none;}
/* Adverts */
div.column-4 img {float: left; border: 1px solid #666; border-width: 0 0 1px 0;}
div.top20 {float: left; width: 100%; display: block;}
/* Footer */
div#bottomspace {clear: both; float: left; height: 30px;}
div#footer {float: left; border: 10px solid #FFF; border-width: 0 10px;}
div#links {float: left; color: #766466; width: 934px; \width: 960px; w\idth: 934px; padding: 9px 13px 0 13px; height: 25px; \height: 34px; he\ight: 25px; border: 4px solid #FFF; border-width: 4px 0 0 0; background: #867477 url(images/header-bg.gif) bottom repeat-x;}
div#links a {text-transform: uppercase; font-weight: bold; color: #9F9092; text-decoration: none;}
div#terms {float: left; color: #9F9092; width: 934px; \width: 960px; w\idth: 934px; padding: 9px 13px 0 13px; height: 25px; \height: 34px; he\ight: 25px; font-size: 90%; text-transform: uppercase; font-weight: bold;}
div#terms a {text-transform: uppercase; font-weight: bold; color: #9F9092; text-decoration: none;}
div#boilerplate {background: #FFF; float: left; color: #384363; width: 934px; \width: 960px; w\idth: 934px; padding: 4px 13px 4px 13px; font-size: 90%; text-transform: uppercase; font-weight: bold; font-size: 80%;}
div#boilerplate p {margin: 0; padding: 0;}