/* Cost Sector Catering CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #5D5D5D 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: #fff url(1/bannerCompactBg.jpg) no-repeat 10px 0px; border: 4px solid #fff; border-width: 3px 0 0;}
/* Header */
div.headerwrapper {float: left; display: inline; border: 10px #FFF solid; border-width: 10px 10px 0 10px;}
div#header {float: left; display: inline; width: 958px; height: 100px; background: #F9F9F9 url(images/header-bg.gif) bottom repeat-x; border: 1px solid #D8D8D8; border-width: 1px;}
div#header div.padding {background: #FFF; }
div#logo {float: left; display: inline; margin: 8px 0 0 10px;}
div.banner1 {float: right; display: inline; margin: 18px 30px 0 0; border: 1px solid #FFF; display: inline; }
div.divider {float: left; display: inline; width: 958px; height: 1px; background: #FFF;}
div#topnav {float: left; clear: both; width: 958px; height: 30px; background: #EAEAEA url(images/topnav-bg.gif) bottom repeat-x; border: 1px solid #D8D8D8; border-width: 0 1px 1px 1px;}
/*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 #D8D8D8; background: #FFF; color: #A8A8A8; height: 16px; margin: 0;}
input.fsubmit {background: #FC8547 url(images/gradient-or-dk.gif) top repeat-x; border: 1px solid #EC6721; color: #FFF; height: 20px; margin: 0;}
/* Columns */
div#content-wrap {float: left; width: 960px; background: #FFF; 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; }
div.column-4 a { float: right; margin: 0; }
div.column-4 a img { margin: 0; }
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%; margin: 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: #8C553E; color: #FFF; text-decoration: none; margin: 0; display: block;}
#menu li a.toplevel {background: #EC6721; border: 1px #FA8243 solid; border-width: 0 0 1px 0;}
#menu li a.topbottom {background: url(images/gradient-or-md.gif) repeat-x !important; border: 1px #FA8243 solid; border-width: 0 0 1px 0;}
html>body #menu li a {width: 121px; text-decoration: none;}
#menu li a:hover {padding-left: 15px; background: #A4A4A4 url(images/gradient-gr.gif) top repeat-x; color: #FFF; text-decoration: none;}
#menu li ul li {margin: 0;}
#menu li ul a {padding-left: 15px; text-decoration: none; background: #F6F6F6; border: 1px #D8D8D8 solid; border-width: 0 1px 1px 1px; padding-right: 8px !important;}
#menu li ul a:link {background-color: #F6F6F6; color: #000;}
#menu li ul a:visited {background-color: #F6F6F6; color: #000;}
#menu li ul a:hover {background: #B6B6B6; color: #000;}
#menu li ul a:active {background-color: #F6F6F6; color: #000;}
/* -------------- */
a.foodservice {border: 4px #FFF solid; border-width: 0 0 4px 0; float: left; display: inline;}
/* Register Box */
div.register {float: left; width: 120px; \width: 144px; w\idth: 120px; padding: 18px 12px; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.register h1 {font-size: 130%; color: #EC6721; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.register h3 {font-size: 105%; color: #636466; 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: #FC8547 url(images/gradient-or-dk.gif) top repeat-x; border: 1px solid #EC6721; color: #FFF; height: 20px; margin: 0;}
/* Poll Box */
div.poll {float: left; width: 120px; \width: 144px; w\idth: 120px; padding: 18px 12px; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.poll h1 {font-size: 130%; color: #EC6721; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.poll h3 {font-size: 105%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.poll p {color: #636466; margin: 3px 0;}
div.poll a {color: #636466; margin: 3px 0;}
/* Middle Section Wrapper */
div#middle {float: left; display: inline; width: 694px;}
/* Breadcrumb */
div.breadcrumb {float: left; color: #FFF; width: 664px; \width: 684px; w\idth: 664px; padding: 10px; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x; border: 1px solid #949494; margin: 1px 4px 4px 4px; text-transform: uppercase;}
div.breadcrumb a {color: #FFF; text-decoration: none;}
/* Article Page */
div.articlepage {float: left; background: #FFF; width: 458px; \width: 476px; w\idth: 458px; padding: 9px 9px 14px 9px; color: #636466; 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: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.articlepage h3 {font-size: 115%; color: #636466; 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%; margin: 0;}
div.articlepage a {color: #F57938;}
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: #9F9F9F url(images/gradient-gr.gif) top repeat-x; 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; display: inline; }
div.articlepage img.pdfimg {float: left; display: inline; }
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: #636466; background: #F8F8F8; width: 454px; \width: 476px; width: 454px; padding: 10px; display: inline; border: 1px solid #D6D6D6; border: 0 1px 1px 1px; margin: 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: #C4C4C4; 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: #F8F8F8; width: 456px; \width: 476px; width: 456px; padding: 10px; color: #636466;border: 4px solid #FFF; border-width: 0 0 4px 0;}
div.recipesearch p {margin: 0 0 10px 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: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearch h2 {font-size: 115%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearch h3 {font-size: 115%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
input.bluesubmit {background: #FC8547 url(images/gradient-or-dk.gif) top repeat-x; border: 1px solid #EC6721; color: #FFF; padding: 1px;}
div.recipesearchresults {float: left; display:inline; background: #F8F8F8; width: 454px; \width: 474px; width: 454px; padding: 10px; color: #636466; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.recipesearchresults a {color: #636466; text-decoration: none;}
div.recipesearchresults p {margin: 0 0 4px 0;}
div.recipesearchresults h1 {font-size: 130%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults h2 {font-size: 115%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults h3 {font-size: 115%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.recipesearchresults img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #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; border: 1px #909090 solid; width: 454px; \width: 474px; width: 454px; height: 23px; \height: 28px; he\ight: 23px; color: #FFF; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x; 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: #D3D1D1;}
div.headerbar2 {float: left; width: 456px; \width: 476px; width: 456px; height: 22px; \height: 27px; he\ight: 22px; color: #E5D4AC; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x; 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: #D3D1D1;}
div.headerbar3 {float: left; border: 1px #909090 solid; width: 454px; \width: 474px; width: 454px; height: 23px; \height: 28px; he\ight: 23px; color: #FFF; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x; 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: #D3D1D1;}
div.headerbar4 {float: left; border: 1px #909090 solid; width: 454px; \width: 474px; width: 454px; height: 23px; \height: 28px; he\ight: 23px; color: #FFF; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x; 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: #D3D1D1;}
/* Introduction */
div.introduction {color: #FFF; float: left; width: 448px; \width: 476px; width: 448px; background: #F6864B url(images/gradient-or-lg.gif) top repeat-x; padding: 14px; margin: 0 0 4px 0;}
div.introduction h1 {font-size: 160%; color: #FFF; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px 0;}
div.introduction h3 {font-size: 115%; color: #E3D9E1; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 10px 0;}
div.introduction p {color: #FFF; margin: 3px 0;}
div.introduction a {color: #FFF;}
/* Top News Story ---- News Items */
div.topnews {float: left; background: #F8F8F8 url(images/topnews-bg.gif) bottom repeat-x;; width: 474px; display: inline; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.topnews div.article {float: left; color: #636466; width: 448px; \width: 468px; width: 448px; margin: 2px; padding: 10px; display: inline;}
div.topnews div.article h1 {font-size: 150%; color: #F57938; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0; letter-spacing: -0.05em; display: inline;}
div.topnews div.article h1 a {color: #F57938 !important;}
div.topnews div.article h2 {font-size: 125%; color: #F57938; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.topnews div.article h3 {font-size: 115%; color: #9F9F9F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0;}
div.topnews img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 10px 0 10px 10px; display: inline; }
div.topnews div.article p {color: #636466; margin: 5px 0;}
div.topnews div.article a {color: #636466; 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: #9B5700; background: #F8F8F8; width: 454px; \width: 476px; width: 454px; padding: 10px; display: inline; border: 1px solid #D6D6D6; border: 0 1px 1px 1px; margin: 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: #C4C4C4; 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: #FFF; text-decoration: none;}
/* Top Feature */
div.topfeature {float: left; width: 474px; display: inline; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.topfeature div.header {float: left; width: 454px; \width: 474px; width: 454px; background: #9F9F9F url(images/gradient-gr.gif) top repeat-x;; 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: #D3D1D1;}
div.topfeature div.article {float: left; color: #A3722A; width: 454px; \width: 474px; width: 454px; padding: 10px; background: #F8F8F8; 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 h1 a {color: #F57938 !important;}
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: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 0 10px 0 0; display: inline; }
div.topfeature div.article p {color: #636466; margin: 5px 0; padding: 0;}
div.topfeature div.article a {color: #636466; margin: 3px 0; font-weight: bold; text-decoration: none;}
/* Blue Feature */
div.bluefeature, div.bluefeature-sm {float: left; width: 474px; display: inline; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.bluefeature img, div.bluefeature-sm img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 10px 0 10px 10px; display: inline; }
div.bluefeature img.diary {float: left; border: 1px solid #D5D8D8; padding: 10px; margin: 0 10px 10px 0; display: inline; }
div.bluefeature div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.bluefeature-sm div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.bluefeature div.article h1, div.bluefeature-sm div.article h1 {font-size: 150%; color: #636466; 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: #9F9F9F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.bluefeature div.article p {color: #636466; margin: 5px 0 0 0;}
div.bluefeature-sm div.article p {color: #636466;}
div.bluefeature div.article a, div.bluefeature-sm div.article a {color: #636466; margin: 3px 0; font-weight: bold; text-decoration: none;}
div.bluefeature div.article p.abstract, div.bluefeature-sm div.article p.abstract {color: #636466;}
div.bluefeature p.timestamp, div.bluefeature-sm p.timestamp {padding: 0; color: #636466; 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: #D3D1D1; background: #9A9A9A url(images/greycorner-left.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: #636466; 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;}
/* Dark Blue Feature */
div.bluefeature-dk {float: left; width: 474px; display: inline; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.bluefeature-dk img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 10px 0 10px 10px; display: inline;}
div.bluefeature-dk div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.bluefeature-dk div.article h1 {font-size: 150%; color: #636466; 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: #9F9F9F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.bluefeature-dk div.article p {color: #636466; margin: 5px 0 0 0;}
div.bluefeature-dk div.article a {color: #636466; margin: 3px 0; font-weight: bold; text-decoration: none;}
div.bluefeature-dk div.article p.abstract {color: #636466;}
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: 474px; display: inline; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.brownfeature img, div.brownfeature-sm img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 10px 0 10px 10px; display: inline; }
div.brownfeature div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.brownfeature-sm div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.brownfeature div.article h1, div.brownfeature-sm div.article h1 {font-size: 150%; color: #636466; 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: #9F9F9F; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0 0;}
div.brownfeature div.article p {color: #636466; margin: 5px 0 0 0;}
div.brownfeature-sm div.article p {color: #636466;}
div.brownfeature div.article a, div.brownfeature-sm div.article a {color: #636466; margin: 3px 0; font-weight: bold; text-decoration: none;}
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: #636466; padding: 0; margin: 0; font-size: 12px;}
div.brownfeature div.article ul a, div.brownfeature-sm ul a {color: #636466;}
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: #D3D1D1; background: #9A9A9A url(images/greycorner-left.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: #636466; margin: 0;}
div.brownfeature div.brownclick a {color: #FFF; margin: 0; text-decoration: none;}
/* Grey Feature */
div.greyfeature, div.greyfeature-sm {float: left; width: 474px; display: inline; background: #F8F8F8; border: 1px solid #D5D8D8; margin: 0 0 4px 0;}
div.greyfeature img, div.greyfeature-sm img {float: left; border: 1px solid #D5D8D8; padding: 10px; background: #FFF; margin: 10px 0 10px 10px; display: inline; }
div.greyfeature div.article {float: left; color: #636466; padding: 10px; display: inline;}
div.greyfeature-sm div.article {float: left; color: #636466; 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: #9F9F9F; 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: #636466; margin: 5px 0 0 0;}
div.greyfeature div.article a, div.greyfeature-sm div.article a {color: #636466; margin: 3px 0; font-weight: bold; text-decoration: none;}
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: #636466; padding: 0; margin: 0; font-size: 12px;}
div.greyfeature div.article ul a, div.greyfeature-sm ul a {color: #636466;}
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: #D3D1D1; background: #9A9A9A url(images/greycorner-left.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;}
/* 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; display: inline; width: 206px; padding: 0; margin: 0 0 4px 0;}
div.newsbox div.header {float: left; display: inline; width: 206px; background: #FB8445 url(images/gradient-or-md.gif) top repeat-x;}
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 {float: left; display: inline; background: #F8F8F8; border: 1px solid #D6D6D6; border-width: 0 1px 1px 1px; padding: 5px;}
div.newsbox div.light h2 {font-size: 110%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.newsbox div.light p.abstract {color: #636466; margin: 0;}
div.newsbox div.light a {color: #636466; text-decoration: none; font-weight: bold;}
div.newsbox div.light p.date {color: #F57938; margin: 3px 0; font-weight: bold;}
div.newsbox div.dark {float: left; display: inline; background: #F8F8F8; border: 1px solid #D6D6D6; border-width: 0 1px 1px 1px; padding: 5px;}
div.newsbox div.dark h2 {font-size: 110%; color: #636466; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 3px 0;}
div.newsbox div.dark p.abstract {color: #636466; margin: 0;}
div.newsbox div.dark a {color: #636466; text-decoration: none; font-weight: bold;}
div.newsbox div.dark p.date {color: #F57938; margin: 3px 0; font-weight: bold;}
div.newsbox div.rss {float: left; width: 188px; height: 18px; \height: 26px; he\ight: 18px; border: 1px #EC6721 solid; color: #E5D4AC; background: #FB8445 url(images/gradient-or-dk.gif) top repeat-x; text-transform: uppercase; padding: 6px 8px 2px 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: #F9B48F; margin: 0; text-decoration: none;}
/* Feature Box */
div.featurebox {float: left; width: 206px; background: #9A9A9A; 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 8px 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; text-decoration: none;}
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: 188px; height: 18px; \height: 26px; he\ight: 18px; border: 1px #EC6721 solid; color: #E5D4AC; background: #FB8445 url(images/gradient-or-dk.gif) top repeat-x; text-transform: uppercase; padding: 6px 8px 2px 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: #F9B48F; margin: 0; text-decoration: none;}
/* Adverts */
div.column-4 img {float: left; border: 1px solid #666; border-width: 0 0 1px 0;}
/* Top 100 Pubs */
#pubResults { width: 100%; border: 0; }
#pubResults th { font-weight: bold; text-align: left; }
#pubResults td { font-size: x-small; text-align: left; }
#pubResults td.rank { text-align: center; padding: 3px 5px; }
#pubImage { width: 220px; float: left; }
#pubSpecs { float: right; width: 50%; border: 0; font-size: x-small; }
#pubSpecs th { font-weight: bold; padding: 3px 3px 3px 0; text-align: left; vertical-align: top; }
#pubSpecs td { text-align: left; padding: 3px 0; vertical-align: top; }
/* Forms */
#simpleForm { margin: 0; padding: 0; }
#simpleForm fieldset { border: 0; padding: 0; margin: 0; }
#simpleForm input.submit { float: right; }
/* Footer */
div#bottomspace {clear: both; float: left; height: 30px;}
div#footer {float: left; background: #FFF; padding: 10px 10px 0 10px;}
div.footerwrapper {float: left; display: inline; background: #F5F5F5; padding: 4px 4px 0 4px; border: 1px #E3E3E3 solid; border-width: 1px 1px 0 1px;}
div#links {float: left; color: #636466; width: 924px; \width: 960px; w\idth: 924px; padding: 2px 13px 9px 13px; margin: 4px 0 0 0; background: #F9F9F9 url(images/header-bg.gif) bottom repeat-x}
div#links a {text-transform: uppercase; font-weight: bold; color: #636466; text-decoration: none;}
div#terms {float: left; display: inline; color: #636466; background: #EAEAEA url(images/topnav-bg.gif) bottom repeat-x; width: 924px; \width: 960px; w\idth: 924px; padding: 9px 13px 0 13px; font-size: 90%; text-transform: uppercase; font-weight: bold;}
div#terms a {text-transform: uppercase; font-weight: bold; color: #636466; text-decoration: none;}
div#boilerplate {background: #FFF; float: left; color: #384363; width: 924px; \width: 960px; w\idth: 924px; padding: 4px 13px 4px 13px; font-size: 90%; text-transform: uppercase; font-weight: bold; font-size: 80%;}
div#boilerplate p {margin: 0; padding: 0;}