/*  

################### CSS TOC ###################

1 Reset
2 Layout
3 Nav
4 Headings
5 Lists
6 Images
7 Links
8 Forms
9 Tables
10 Typography 
11 Other
*/

/*
1 ################### Reset ###################
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

html { margin-bottom: 1px; }

/*
2 ################### Layout ###################
*/

body {
 text-align: left;
 font-size: 62.5%;
 background: url('bg.jpg') top left repeat;
 min-height: 101%;
 padding: 0 0 140px 0;
}

#page {
 width: 960px;
 margin: 60px auto 0 auto;
 font-size: 1em;
 background: #fff;
 padding: 15px;
 border: 4px solid #222;
}

#UG-brand {
 width: 400px;
 padding-bottom: 15px;
}

#ad-banner {
 width: 350px;
 height: 60px;
 float: right;
 padding: 0;
 margin: 0 20px 0 0;
}

#main-feature {
 width: 898px;
 float: left;
 border:1px solid #b1babc;
 background: #dbe7e9 url('bg-box-mf.gif') top left repeat-x;
 padding: 10px 10px 38px 10px;
 margin: 15px 0 10px 20px;
 _margin: 15px 0 10px 10px;
}

#main-holder {
 width: 920px;
 float: left;
 padding: 0 0 10px 0;
 margin: 0 0 0 20px;
 _margin: 0 0 0 10px;
}

#col1 {
 width: 190px;
 float: left;
 margin: 10px 15px 0 0;
 padding: 0 15px 0 0;
 border-right: 1px dotted #7e7e7e;
}

#col2 {
 width: 190px;
 float: left;
 margin: 10px 15px 0 0;
 padding: 0 15px 0 0;
 border-right: 1px dotted #7e7e7e;
}

#col3 {
 width: 190px;
 float: left;
 margin: 10px 0 0 0;
 padding: 0 15px 0 0;
}

#right-home {
float: left;
width: 243px;
padding:15px;
margin: 10px 0 0 0;
background: #F0F0F0;
}
#example {
 width: 220px;
 min-height: 160px;
 float: left;
 margin: 0;
 padding: 0;
}

#current-issue {
 width: 210px;
 float: left;
 margin: 10px 0 0 0;
 padding: 10px 15px 0 15px;
 border:1px solid #B1BABC;
 background: #ffffff url('box-bg.png') top left repeat-x;
 _background: #ffffff url('box-bg.gif') top left repeat-x;
}

.front-cover {
 float: right;
 margin: 0 0 0 3px;
 padding: 0;
 border: none;
}

#ads-main {
 width: 920px;
 float: left;
 padding: 10px 0 0 0;
 margin: 0 0 10px 20px;
 border-top: 5px solid #ccc;
}

#content {
 width: 600px;
 float: left;
 padding: 0 25px 15px 0;
 margin: 15px 0 0 20px;
 border-right: 1px solid #ddd;
}

#about-left {
 width: 265px;
 float: left;
 padding: 15px;
 margin: 0;
 border-top: 6px solid #ccd7d9;
 background: #DBE7E9;
}

#about-right {
 width: 265px;
 float: right;
 padding: 15px;
 margin: 0;
 border-top: 6px solid #ccd7d9;
 background: #DBE7E9;
}

.post {
 margin: 0 0 20px 0;
}

.post-news {
 background: #cde5e9;
 padding: 20px 20px 40px 20px;
 margin: 0 0 10px 0;
 min-height: 250px;
}

.entry {
 padding-bottom: 10px;
}

.postmetadata {
 margin: 30px 0;
}

#writer {
 background: #eee;
 margin: 25px 0 15px 0;
 padding: 12px;
}

#writer span {
 display: block;
 padding-top: 4px;
 border-top: 1px solid #cbd8b4;
 margin-top: 12px;
}

#sidebar {
 width: 270px;
 float: right;
 margin: -7px 20px 0 0;
 padding: 0 0 15px 0;
}

#map {
 width: 600px;
 height: 300px;
 font: 1.1em verdana;
 padding: 0;
 margin: 0;
}

#advertise {
 width: 250px;
 float: left;
 margin: 12px 0 0 0;
 padding: 0;
 background: none;
}

.banner-ad {
 margin: 0 20px 0 0;
 width: 490px;
 height: 65px;
 display: block;
 border: 1px solid #ccc;
 float: right;
}

#subscribe-search {
 float: right;
 margin: 20px 20px 0 0;
 padding: 0;
 width: 270px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/

.post-date {
 float: left;
 height: 36px;
 width: 36px;
 margin: 4px 7px 0 0;
 padding: 0;
 background: url('date.gif')  top right no-repeat;
}

.month {
 margin: 0;
 text-align: center;
 padding: 0;
 width: 36px;
 height: 14px;
}

.day {
 margin: 3px 0 0 0;
 text-align: center;
 padding: 0;
 width: 36px;
 height: 20px;
}

.year {
 margin: 0;
 text-align: center;
 padding: 0;
 width: 36px;
 height: 15px;
}

.month h4 {
 font: bold 1.1em "verdana";
 text-transform: uppercase;
 letter-spacing: -0.01em;
 color: #fff;
 margin: 0;
 padding: 0;
 }
 
.year h4 {
 font: normal 1.1em "verdana";
 text-transform: uppercase;
 letter-spacing: -0.01em;
 color: #1b1b1b;
 margin: 0;
 padding: 0;
 }

.day h4 {
 font: normal 1.8em "helvetica";
 color: #999;
 line-height: 1em;
 margin: 0;
 padding: 0;
 letter-spacing: -0.02em;
 }
 
.post-date-search {
 float: right;
 height: 32px;
 width: 100px;
 margin: 0 10px 0 0;
 background: none;
}

#leftcol {
 width: 287px;
 border-right: 1px dotted #b6b6b6;
 padding-right: 18px;
}

#leftcol, #rightcol {
 margin-top: 10px;
 float: left
}

#also-featured-heading {
 float: left;
 width: 800px;
 margin: 0 0 0 20px;
 padding: 0;
}

#also-featured {
 width: 900px;
 float: left;
 background: #d9edf1;
 padding: 20px 0 20px 20px;
 margin: 0 0 20px 20px;
}

.also-featured {
 width: 286px;
 height: 100px;
 float: left;
 background: #d9edf1;
 padding: 0;
 margin: 0 10px 10px 0;
}

#lead {
 margin-top: 22px;
}

#rightcol {
 width: 277px;
 padding-left: 18px;
 margin-top: -2px;
}

#tags {
 padding: 3px;
 border-bottom: 1px solid #DDD;
 border-top: 1px solid #DDD;
}

.commentlist {
 padding: 0;
}
	
.commentlist li {
 margin: 15px 0 3px;
 padding: 8px 15px 10px 15px;
 background: #f2f2f2;
 font: normal 1.1em verdana;
 border-top: 1px solid #ddd;
 list-style: none;
}

.commentlist p {
 margin: 0 5px 10px 0;
 font: 12px 'Verdana';
 line-height: 1.9em;
 color: #444;
}

.alt {
 background-color: #efefef;
}

#commentform small {
 font-weight: bold;
 background: none;
 padding: 0;
}

#commentform label {
 min-width: 8em;
 float: left;
 padding: 0.4em 0 0 0;
 line-height: 1.5em;
 margin: 0 1.4em 0 0;
 font: bold 1.2em georgia;
 color: #333;
}

.commentmetadata {
 display: block;
}

.commentlist small {
 background: #e9e9e9
}

#footer {
 margin: 0 auto;
 width: 960px;
 height: 110px;
 padding: 0 15px 0 15px;
 background: #2f2f2f;
 color: #fff;
}

#flags{background:#2f2f2f; height:auto; padding:0 5px; color:#fff; width:800px; margin-top:10px;}

#logo-hold {
 width: 480px;
 float: right;
 display: inline;
 margin: 0;
 padding: 0;
 background: #2f2f2f;
}

/*
3 ################### Nav ###################
*/

.navigation {
 margin: 20px 0 0 0;
 padding: 20px 0 0 0;
}

h1#logo a {
 width: 528px;
 height: 65px;
 background: url('logo.jpg') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
 position: relative;
 top: 14px;
 left: 20px;
}

/*h1#logo a:hover {
 background: url('logo.jpg') bottom left no-repeat;
 padding: 0;
 border: 0;
}*/

ul#nav {
 float: left;
 margin: 0;
 padding: 0;
 background: url('bg-nav.gif') no-repeat 0 0;
 height: 40px;
 width: 920px;
}

ul#nav li {
 display: block;
 float: left;
}

ul#nav li a {
 display: block;
 outline: none;
 height: 25px;
 /*background: url('nav.gif') no-repeat 0 0;*/
/* text-indent: -9009px;*/
 margin: 10px 0 0 1px;
 border: none;
 padding: 0;
 text-transform:uppercase;
 color:#fff;
 font-family:"Times New Roman", Times, serif;
 font-size:16px;
 font-weight:bold;
 text-decoration:none;
 padding:0px 15px;
 padding-left:20px;
 border-right:2px solid #81D4E4;

}

ul#nav li a:hover {
 /*border: none;*/
}

ul#nav li#Home a { width:59px; background-position: 0 0; color:#194B55;}
ul#nav li#Subscribe a { width:119px; background-position: -89px 0; }		
ul#nav li#Features a { width:158px; background-position:-218px 0; }
ul#nav li#News a { width:85px; background-position:-340px 0; }
ul#nav li#Resources a { width:135px; background-position:-425px 0; }
ul#nav li#About a { width:92px; background-position:-560px 0; }
ul#nav li#Contact a { width:115px; background-position:-652px 0; }

/* Hover */
ul#nav li#Home a:hover { background-position: 0 -40px; }
ul#nav li#Subscribe a:hover { background-position: -89px -40px; color:#194B55;}
ul#nav li#Features a:hover { background-position:-218px -40px; color:#194B55;}
ul#nav li#News a:hover { background-position:-340px -40px; color:#194B55;}
ul#nav li#Resources a:hover { background-position:-425px -40px; }
ul#nav li#About a:hover { background-position:-560px -40px; }
ul#nav li#Contact a:hover { background-position:-652px -40px; }

/* Hover over-ride */
#nav-search.Home ul#nav li#Home a { background-position: 0 -80px; }
#nav-search.Subscribe ul#nav li#Subscribe a { background-position: -89px -80px; }
#nav-search.Features ul#nav li#Features a { background-position: -218px -80px; }
#nav-search.News ul#nav li#News a { background-position: -340px -80px; }
#nav-search.Resources ul#nav li#Resources a { background-position: -425px -80px; }
#nav-search.About ul#nav li#About a { background-position: -560px -80px; }
#nav-search.Contact ul#nav li#Contact a { background-position: -652px -80px; }









#credits {
 width: 340px;
 float: left;
 margin: 20px 0 0 0;
 padding: 0;
}

#footer p {	
 margin: 0 0 4px 20px;
 padding:0;
 font: normal 1.1em verdana;
 line-height: 1.7em;
 color: #707070;
}

ul#logo-list {
 height: 104px;
 float: right;
 display: inline;
 margin: 0;
 padding: 0;
 background: none;
}

ul#logo-list li {
 display: block;
 float: left;
}

ul#logo-list li a {
 display: block;
 outline: none;
 height: 104px;
 background: url('logo-list.jpg') no-repeat 0 0;
 /*text-indent: -9009px;*/
 margin: 0 10px 0 0;
 border: none;
 padding: 0;
}

ul#logo-list li#l-abc a { width:70px; background-position: -28px 0; margin: 0 22px -2px 0; }
ul#logo-list li#l-iip a { width:86px; background-position: -121px 0; margin: 0 22px -2px 0; }		
ul#logo-list li#l-greer a { width:165px; background-position: -228px 0; margin: 0 17px -2px 0; }

/* Hover */
ul#logo-list li#l-abc a:hover { width:70px; background-position: -28px -104px; }
ul#logo-list li#l-iip a:hover { width:86px; background-position: -121px -104px; }		
ul#logo-list li#l-greer a:hover { width:165px; background-position: -228px -104px; }

#logo-hold-side {
 width: 270px;
 height: 90px;
 float: right;
 margin: 0 0 30px 0;
 padding: 0;
 background: none;
}

#logo-l-side {
 float: left;
 width: 111px;
 height: 90px;
 margin: 0;
}
#logo-r-side {
 float: right;
 width: 150px;
 height: 90px;
 margin: 0;
}

h3#investorip a {
 width: 111px;
 height: 74px;
 background: url('investorip.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
}

h3#investorip a:hover {
 background: url('investorip.gif') bottom left no-repeat;
 padding: 0;
 border: 0;
}

h3#greer a {
 width: 197px;
 height: 74px;
 background: url('greer.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
}

h3#greer a:hover {
 background: url('greer.gif') bottom left no-repeat;
 padding: 0;
 border: 0;
}

h4#investorip-side a {
 width: 111px;
 height: 73px;
 background: url('investorip-side.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0 0 20px 0;
 padding: 0;
}

h4#investorip-side a:hover {
 background: url('investorip-side.gif') bottom left no-repeat;
 padding: 0;
 border: 0;
}

h3#abc a {
 width: 90px;
 height: 74px;
 background: url('abc.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0;
 padding: 0;
 float: left;
}

h3#abc a:hover {
 background: url('abc.gif') bottom left no-repeat;
 padding: 0;
 border: 0;
}

h4#abc-side a {
 width: 111px;
 height: 90px;
 background: url('abc-side.gif') top left no-repeat;
 display: block;
 text-indent: -9000px;
 border: 0;
 margin: 0 0 20px 0;
 padding: 0;
 float: left;
}

h4#abc-side a:hover {
 background: url('abc-side.gif') bottom left no-repeat;
 padding: 0;
 border: 0;
}

.subnav li {
 list-style: none;
 border-bottom: 1px solid #FFF;
 font: normal 1.1em verdana;
}

#nav-search {
 width: 920px;
 height: 40px;
 margin: 6px 0 6px 20px;
 padding: 0;
 background: #3fbdd6;
}

/*
4 ################### Headings ###################
*/

h1 {
 font: 2.95em Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 letter-spacing: -0.02em;
}
	
h2 {
 font: 3.2em "Times New Roman", Times, serif;
 padding: 0;
 letter-spacing: -0.01em;
 line-height: 1em;
 border-bottom: 1px solid #999;
 margin: 0 0 2px 0;
 padding: 0 0 2px 0;
 color: #333;
}

.post h2,
.post-news h2 {
 font: 3.2em "Times New Roman", Times, serif;
 padding: 0;
 letter-spacing: -0.01em;
 line-height: 1em;
 border: none;
 margin: 0 0 2px 0;
 padding: 0 0 2px 0;
 color: #333;
}

h2.search-results {
 font: 3.2em "Times New Roman", Times, serif;
 padding: 0 0 2px 0;
 letter-spacing: -0.01em;
 line-height: 1em;
 margin: 0 0 20px 0;
 color: #333;
}

h2.inc {
 font: 2.8em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 letter-spacing: -0.01em;
 line-height: 1em;
 margin: 0 0 2px 0;
 color: #333;
}

h2.oops {
 margin: 0 0 15px 0;
}

h2.news {
 font: 2.4em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 line-height: 1em;
 margin: 0;
 color: #333;
}

h2.feature-story {
 font: normal 3em "Times New Roman", Times, serif;
 margin: 0 0 4px 0;
 letter-spacing: 0em;
 padding: 0;
 border: none;
}

h2.sub-feature {
 font: normal 1.8em 'georgia', sans-serif;
 margin: 10px 0 8px 0;
 padding: 0;
 border: none;
}
	
h3, #sidebar h2 {
 font: bold 1.2em verdana;
 text-transform: none;
 letter-spacing: 0.01em;
 margin-bottom: 4px;
 color: #444;
}

h3.feature-story{
 font: normal 1.4em 'georgia', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 margin: 10px 0 6px 0;
 text-decoration: underline;
 color: #333;
}

h3.sub-feature {
 font: bold 1.2em 'georgia', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 padding: 6px 0 6px 2px;
 margin: 0 0 15px 0;
 border-top: 5px solid #ddd;
 border-bottom: 1px solid #BBB;
 color: #333;
}

h3.ad {
 font: normal 1.4em 'georgia', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 text-decoration: underline;
 margin: 8px 0 8px 0;
 color: #333;
}

h3.also {
 font: normal 1.4em 'georgia', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 text-decoration: underline;
 margin: 0 0 8px 0;
 padding: 0;
 color: #333;
 background: none;
}

h3.current-issue {
 font: bold 1em 'georgia', sans-serif;
 text-transform: uppercase;
 letter-spacing: 0.01em;
 padding: 1px 0 6px 2px;
 margin: 0 0 15px 0;
 border-bottom: 1px solid #9badb0;
 color: #333;
}

h3.subscribetoday,
h3.about,
h3.resources {
 font: normal 1.8em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 line-height: 1.5em;
 text-transform: none;
 margin: 10px 0 15px 0;
 padding:0 0 10px 0;
 border-bottom:1px dotted #333;
 color: #222;
}

h3.respond {
 font: normal 1.8em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 line-height: 1.5em;
 text-transform: none;
 margin: 0;
 color: #222;
}

h4 {
 font: bold 1.5em 'helvetica', sans-serif;
 padding: 0;
 margin: 10px 0 5px 0;
 text-transform: uppercase;
 color: #444;
}

h4.tick {
 font: bold 1.5em 'helvetica', sans-serif;
 padding: 0 0 0 22px;
 margin: 10px 0 5px 0;
 text-transform: uppercase;
 color: #444;
 background: url('tick.gif') no-repeat 0 0;
}

#sidebar h3, #sidebar h2 {
 border-top: 5px solid #ddd;
 border-bottom: 1px solid #BBB;
 padding: 6px 0 6px 2px;
 margin: 22px 0 15px 0;
}

h3#respond {
 margin-top: 25px;
 padding-top: 20px
}

h3#comments {
 margin: 0;
 font: normal 2em georgia;
 text-transform: none;
}

h5 {
 font: bold 1.4em georgia;
 color: #333;
 margin: 0 0 10px 0;
 line-height:1.6em;
}















.month-year-search {
 font: normal 1em "verdana";
 text-transform: uppercase;
 color: #333;
 letter-spacing: -0.01em;
 margin: 0;
 text-align: center;
 padding: 0;
}

.day-search {
 font: normal 1.6em "georgia";
 text-transform: uppercase;
 color: #a7a37e;
 letter-spacing: -0.02em;
 margin: 0;
 text-align: center;
 padding: 0;
}

.title {
 line-height: 115%;
}

#leftcol .feature {
 margin-bottom: 15px;
 border-bottom: none
}
	
#rightcol .clearfloat {
 border-bottom: 1px dotted #b6b6b6;
 padding: 12px 0;
}	

ul.distributed {
 margin: 0 0 20px 0px;
 padding: 0;
}

ul.distributed li {
 color: #333;
 list-style: none;
 margin: 0 0 2px 0;
 line-height: 115%;
 font: normal 1.2em verdana;
 padding: 0 0 2px 24px;
 background: url('bullet.gif') no-repeat 0 2px;
}

ul#nav li#feeds a {
 background: url('rss.gif') no-repeat top left;
 margin: 10px 0 0 37px;
 padding: 4px 0 0 0;
 font: normal 1.1em georgia;
 text-transform: uppercase;
 color: #fff;
 width: 98px;
 height: 18px;
 text-indent: 10px;
}

ul#nav li#feeds a:hover {
 background: url('rss.gif') no-repeat bottom left;
 text-decoration: none;
}

ul#about {
 margin: 0 0 20px 0;
 font: normal 1.2em verdana;
 list-style-type: circle;
}

ul#about li {
 color: #333;
}

ul#about li a {
 color: #bd380a;
 background: #b2dee6;
 line-height: 1.9em;
 list-style: none;
 list-style-type: circle;
 text-align: left;
 padding: 5px 0 0 20px;
 margin: 0 0 1px 0;
 width: 250px;
 height: 30px;
 display: block;
}

ul#about li a:hover {
 color: #333;
 text-decoration: none;
}

ul#error {
 margin: 0 0 0 20px;
 padding: 0 0 15px 0;
 font: normal 1.2em verdana;
 list-style-type: circle;
}

ul#error li {
 margin: 0 0 8px 0;
 padding: 0 0 0 4px;
 color: #444;
}

#sidelist li {
 list-style:none;
}
	
.bullets li {
 list-style:none;
 border-bottom:1px solid #FFF;
}
	
#sidelist .bullets li {
 list-style: none;
 margin-bottom: 5px;
 line-height: 115%;
 font: normal 1.1em verdana;
 margin-left: 0;
}

#sidelist .bullets li.category-archive {
 list-style: none;
 margin-bottom: 5px;
 line-height: 115%;
 font: normal 1.1em verdana;
 margin-left: 0;
}

#sidelist .children {
 background: #e4efd5;
}
	
#sidelist .children li {
 list-style: square;
 margin-left: 28px;
 border-bottom: 1px solid #e4efd5;
}

p.tag-main {
border-top: 1px dotted #333;
padding:20px 0 0 0;
}

#content.category p.tag-main a {
 list-style: none;
 font-family: helvetica, arial;
 margin: 0 5px 40px 0;
 line-height: 1.4em;
}

p.tag-main-not-found {
 margin: 15px 5px 20px 0;
}

p.tag-main-not-found a {
 list-style: none;
 font-family: helvetica, arial;
 margin: 0 5px 40px 0;
 line-height: 1.4em;
}

#sidelist li.tags a {
 list-style: none;
 font-family: helvetica, arial;
 margin: 0 5px 0 0;
 line-height: 1.4em;
}

ul.staff-details li {
 list-style: none;
 margin-bottom: 5px;
 line-height: 115%;
 font: normal 1.1em verdana;
 margin-left: 0;
 color: #555;
}

ul.staff-details li.email {
 list-style: none;
 margin: 0 0 2px 0;
 line-height: 115%;
 font: normal 1.1em verdana;
 padding: 0 0 2px 24px;
 background: url('icon-email.gif') no-repeat 0 2px;
}

li.this-category {
 list-style: none;
 font: normal 1.1em verdana;
 margin: 0 0 2px 0;
 line-height: 115%;
 padding: 0 0 2px 20px;
 background: url('icon-category.gif') no-repeat 0 2px;
}

.archive-list,
.archive-list p {
 padding: 0;
 margin: 0;
}

/*Post Formatting*/	

.post blockquote {
 color: #76767a;
 background: #f2f2f2;
 padding: 6px 14px;
 margin: 18px 35px;
 border-right: 1px solid #DDD;
 border-bottom: 1px solid #DDD;
}	

.post ul {
 margin: 0 0 20px 0;
}

.post ul li {
 color: #333;
 list-style: none;
 margin: 0 0 20px 0;
 line-height: 115%;
 font: normal 1.2em verdana;
 padding: 0 0 0 20px;
 background: url('bullet.gif') no-repeat 0 2px;
}

.post ol li {
 margin-bottom: 5px;
 line-height: 115%;
 margin-left: 48px;
}

/*
6 ################### Images ###################
*/


.feature img, #rightcol img {
 padding: 3px;
 border: 1px dotted #666;
}

#rightcol img {
 float: left;
 display: inline;
 margin: 3px 10px 0 0;
}

#leftcol img {
 margin-bottom: 2px;
 display: block
}

.main-feature-image {
 margin: 0 18px 0 0;
float: left;
}

.image-front {
 margin: 0 0 4px;
}

.image-left {
 float: left;
 margin: 3px 14px 0 0;
 padding: 8px;
 border: 1px dotted #888;
}

.image-l {
 float: left;
 margin: 0 10px 0 0;
 padding: 0;
}

.image-l-ip {
 float: left;
 margin: 0;
 padding: 0;
}

.image-left-news,
.image-left-features {
 float: left;
 margin: 3px 14px 10px 0;
 padding: 8px;
 background: #fff;
 border: 1px solid #b5cace;
}

.image-left-news:hover,
.image-left-features:hover {
 background: #e9f1f2;
 border: 1px solid #b5cace;
}

.picright {
 float: right;
 margin: 3px 0 0 14px;
 border: 7px solid #f2f2f2;
}

#writer img {
 padding: 1px;
 border: 1px solid #e43323;
 float: left;
 width: 80px;
}

/*
7 ################### Links ###################
*/

a, a:visited {
 color: #e43323;
 text-decoration: none;
}

a:hover, a:active {
 color: #333;
 text-decoration: underline;
}

a.read-me {
 color: #fff;
 background: #E43323;
 padding: 3px 8px;
}

a.skip {
 display: none;
}

li.category-archive a {
 font: italic 1em arial;
 padding: 4px 0 0 20px;
}

#footer p a {
 color: #707070;
 border-bottom: 1px dotted #707070;
}

#footer p a:hover {
 color: #fff;
 border-bottom: 1px dotted #fff;
 text-decoration: none;
}

.UG, a.UG {
color: #f6f6f6
}

.subnav li a:link, .subnav li a:visited {
 background: #f9f1f0;
 display: block;
 padding: 8px 4px 8px 24px;
 border-left:10px solid #f8e7e6;
}

.subnav li a:hover, .subnav li a:active {
 background: #f8e7e6;
 text-decoration: none;
 color: #333;
 border-right:10px solid #f9ddda;
}

.subnav li li a:link, .subnav li li a:visited {
 border-left: none
}

#sidelist .children li a, #sidelist .children li a:visited {
 padding: 2px 2px 2px 0px;
 border: 0;
 background: #e4efd5;
 color: #818d6f;
}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
 color: #465d23
}

h3 a:link, h3 a:visited {
 color: #5f5f5f;
}

#footer a {
 color: #d3d1d1;
}

a.subscribe-single {
 width: 190px;
 height: 24px;
 display: block;
 margin: 0;
 padding: 8px 0 0 15px;
 font: bold 1.1em verdana;
 color: #fff;
 background: url('subscribe.gif') bottom left no-repeat;
}

a.subscribe-single:hover {
 background: url('subscribe.gif') top left no-repeat;
 text-decoration: none;
}

.subscribe {
 width: 155px;
 height: 21px;
 display: inline-block;
 margin: 0;
 padding: 0;
 text-indent: -9999px;
 background: url('subscribe-single.gif') top left no-repeat;
}

.subscribe:hover {
width: 155px;
height: 21px;
background: url('subscribe-single.gif') bottom left no-repeat;
}

#ads-main a {
 text-indent: -9999px;
}

#ads-main a:hover {
 border: 1px solid #7E7E7E;
 text-indent: -9999px;
}

a.pdf {
 width: 480px;
 height: 70px;
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 50px 0 0 120px;
 background: url('directory.gif') top left no-repeat;
}

a.pdf:hover {
 background: url('directory.gif') top left no-repeat;
}

a.awards {
 width: 480px;
 height: 70px;
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 50px 0 0 120px;
 background: url('awards2009.gif') top left no-repeat;
}

a.awards:hover {
 background: url('awards2009.gif') bottom left no-repeat;
}

a.ball {
 width: 480px;
 height: 70px;
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 50px 0 0 120px;
 background: url('ball2009.gif') top left no-repeat;
}

a.ball:hover {
 background: url('ball2009.gif') bottom left no-repeat;
}

a.march {
 width: 480px;
 height: 70px;
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 50px 0 0 120px;
 background: url('march2009.gif') top left no-repeat;
}

a.march:hover {
 background: url('march2009.gif') bottom left no-repeat;
}

a.listings {
 width: 480px;
 height: 70px;
 display: block;
 float: left;
 margin: 0 0 10px 0;
 padding: 50px 0 0 120px;
 background: url('listings2009.gif') top left no-repeat;
}

a.listings:hover {
 background: url('listings2009.gif') bottom left no-repeat;
}

a.ad-m-awards {
 background: url('marketing-awards.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
}

a.ad-g-ball {
 background: url('grocers-ball.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
}

.ad-t-directory {
 background: url('trade-directory.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
}

.your-ad {
 background: url('your-ad.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
}

.your-ad2 {
 background: url('your-ad.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin: 0;
}

a.ad-issue-march09 {
 background: url('issue-march09.gif') bottom left no-repeat;
 float:left;
 margin:0 5px 0 0;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
}

a.ad-greer {
 background: url('greer.gif') bottom left no-repeat;
 float:left;
 width:120px;
 height:170px;
 border: 1px dotted #7E7E7E;
 margin:0 11px 0 0;
 display: block;
}

.box-left {
 background: url('your-ad-sidebar.gif') top left no-repeat;
 float:left;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}

.box-right {
 background: url('your-ad-sidebar.gif') top left no-repeat;
 float:right;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}

.box-ad-charity-ball-left {
 background: url('charity-ball.gif') top left no-repeat;
 float:left;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}

.box-ad-charity-ball-right {
 background: url('charity-ball.gif') top left no-repeat;
 float:right;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}

.box-ad-marketing-awards-2009 {
 background: url('marketing-awards-2009.gif') top left no-repeat;
 float:right;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}

.box-ad-issue-march-2009 {
 background: url('issue-march-2009.gif') top left no-repeat;
 float:right;
 width: 130px;
 height: 130px;
 margin:0 0 6px 0;
 border:1px dotted #7E7E7E;
}



/*
08 ################### Forms ###################
*/

#search-hold {
 float: right;
 width: 200px;
 height: 22px;
 margin: 20px 0 11px 0;
 padding: 0;
}

#commentform {
 background: #cde5e9;
 padding:20px 30px 74px 30px;
 width: 540px;
}

#commentform input {
 width: 320px;
 margin: 5px 5px 1px 0;
 padding: 5px;
 font: normal 12px verdana;
}

#commentform textarea {
 width: 385px;
 height: 220px;
 margin-top: 5px;
 padding: 5px;
 font: normal 12px verdana;
 line-height: 1.7em;
}

select {
 border: 1px solid #9c9c9c;
 width: 100%
}
	
.searchform {
 padding: 0;
 margin: 0 24px 0 0;
 float: right;
 color: #eee;
 width: 174px;
 _width:210px;
}

.s {
 color: #444;
 border: 1px solid #ccc;
 padding:4px 2px 2px 4px;
 float: right;
 vertical-align: middle;
 margin:0 4px 0 0;
}


.search {
 padding: 0;
 color: #e7e7e7;
 margin:5px 0 0 0;
 height: 13px;
 width: 13px;
 border: none;
 float: right;
 text-indent: -9999px;
 line-height: 4em;
 cursor: pointer;
 background: url('search.gif') top right no-repeat;
}

.search:hover {
 margin:5px 0 0 0;
 background: url('search.gif') bottom right no-repeat;
}

.post-comment {
 float: left;
 margin: 0;
 padding: 0;
 width: 117px;
 height: 30px;
 font-size: 1.2em;
 border: 0;
 cursor: pointer;
 text-indent: -9999px;
 line-height: 1em;
 background: url('post-comment.gif') no-repeat top left; 
}
.post-comment:hover	{ 
 width: 117px;
 height: 30px;
 padding: 0;
 margin: 0;
 border: 0;
 cursor: pointer;
 line-height: 1em;
 background: url('post-comment.gif') no-repeat bottom left; 
}

/*
09 ################### Tables ###################
*/

/*
10 ################### Typography ###################
*/
#content p.intro,
.entry p.intro {
 font: 1.8em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 margin: 10px 0 15px 0;
 color: #222;
 line-height: 1.26em;
}

p.intro:first-letter {
 font-size: 3em;
 line-height: 1em;
 float: left;
 margin: 4px 0.06em 0 0;
}
p + p:first-letter {
 font-size: 1em;
 line-height: 1.25em;
 float: none;
 margin: 0;
}
p + p:first-line {
 font-weight: 400;
}

p.unable {
 font: 1.8em Georgia, "Times New Roman", Times, serif;
 padding: 0;
 margin: 10px 0 15px 0;
 color: #222;
 line-height: 1.26em;
}

p.ad-text {
 font: 1em verdana;
 margin: 0;
 padding: 10px 0 0 0;
 text-align: center;
 color: #666;
 line-height: 1.26em;
}

#ads-main p.ad-text a:hover {
border: none;
}

#col1 p,
#col2 p,
#col3 p,
#current-issue p {
 font: normal 1.1em verdana;
 line-height: 2em;
}

#current-issue p {
 color: #444;
}

p.news {
 margin: 0 0 4px 0;
 padding: 0 0 2px 20px;
 font: 1.1em verdana;
 background: url('icon-category.gif') no-repeat 0 2px;
}

p.subscribe-home {
margin: 10px 0 15px 0;
padding: 0;
}

.entry p.caption {
 font: 1.1em arial;
 color: #444;
 line-height: 1.5em;
 padding: 15px;
 background: #eee;
 margin: 0 0 15px 0;
}

#content p.details {
 font: italic 1em arial;
 line-height: 1.5em;
 padding: 0;
 margin: 0
}

#content.contact p.details {
 font: italic 1em arial;
 line-height: 1.5em;
 border-top: 1px dotted #333;
 padding: 0;
 margin: 30px 0 0 0;
}

.asterix {
 font: 2.2em Baskerville, Georgia, serif;
 color: #e43323;
 line-height: 1.5em;
 padding: 0;
 margin: 0
}

p.category {
 font: normal 1.1em verdana;
}

#content p.category-archive,
#content.features p.features,
#content.news p.category-archive,
#content.category p.category-archive {
 font: normal 1.1em verdana;
 margin: 0 0 10px 0;
 border-bottom: 1px dotted #333;
 padding: 0 0 10px 0;
}

.description {
 font: normal 1.6em 'georgia';
 font-style: italic;
 color: #545454;
 margin: 24px 0 0 24px;
}

.banner-ad p {
 font: normal 1.4em 'georgia';
 text-align: center;
 margin: 26px 0 0 0;
 color: #545454;
}

p {	
 margin: 0 0 20px 0;
 font: normal 1.2em verdana;
 line-height: 1.7em;
 color: #444;
}

p.about-quote {
 float: right;
 width: 300px;
 margin: 0;
 padding: 10px;
 font: italic 1.8em georgia;
 line-height: 1.5em;
 color: #444;
 background: #f5f5f5;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
}

.entry p.quote {
 margin: 0 0 10px 0;
 padding: 10px;
 float: right;
 width: 300px;
 font: italic 1.8em georgia;
 line-height: 1.5em;
 color: #444;
 background: #f5f5f5;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
}

#sidebar p {
 margin: 0 0 20px 0;
 font: normal 1.1em verdana;
 line-height: 1.7em;
 color: #444;
}

.feature p, #rightcol p {
 margin: 0;
}

#main-feature p {
 color: #424849;
 padding: 0 60px 10px 0;
 margin: 0;
 line-height: 2em;
 }

.also-featured p {
 font: 1.2em verdana;
 line-height: 1.7em;
 margin: 4px 0 0 0;
 padding: 0;
}

.highlight {
 width: 560px;
 margin: 0;
 padding: 15px 20px 10px 20px;
 background: #d9edf1;
}

.highlight p {
 font: 1.2em verdana;
 line-height: 1.7em;
 margin: 0;
 padding: 0;
}

.feature#lead#leftcol p {
 font: 1.1em verdana;
 line-height: 1.7em;
}

.entry p {
 font: 1.2em verdana;
 line-height: 1.7em;
 color: #444;
}

p.signup {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 font: bold 1.1em verdana;
 line-height: 1.7em;
 color: #333;
 padding: 8px 0 8px 8px;
 text-align: left;
 margin: 0;
}

p.dont-forget {
 font: normal 1.1em verdana;
 line-height: 1.7em;
 text-align: left;
 color: #333;
 padding: 8px 0 8px 8px;
 margin: 0;
}

p.bookMark {
 font: bold 1.1em verdana;
 line-height: 1.7em;
 color: #333;
 padding: 8px 0 0 8px;
 margin: 0;
}

#writer p {
 margin: 0;
 width: 482px;
}

.commentlist cite {
 font: 1.6em Georgia, "Times New Roman", Times, serif;
 font-weight: bold;
 letter-spacing: -0.05em;
}

/*
11 ################### Other ###################
*/

acronym {
 border-bottom: 1px dotted #333;
 cursor: help;
}

hr {
 display: block;
 height: 1px;
 background: #ddd;
 border: 0;
}

small {
 font-size: 0.95em;
 background: #e43323;
 padding: 3px 6px;
}

.left {
 float: left;
}

.clearfloat:after {
 display: block;
 visibility: hidden;
 clear: both;
 height: 0;
 content:".";
}
	
.clearfloat {
 display: inline-block
}

.clearfloat {
 display: block
}

.clearfloats { clear:both; height:0; font-size: 1px; line-height: 0px; }

strong {
 font-weight: bold;
}

em {
 font-style: italic;
}

.count {
 float: right;
 font: normal 5em Georgia;
 color: #ddd;
}

.whowrotethis {
 color: #8b8b8b;
}

.moderation {
 color: #4c8804;
}

p.right {
 float: right;
 margin:10px 0 20px 0;
 padding: 0;
}

.alignleft {
 float: left;
}

.alignright {
float: right;
}

ul#comments {
 list-style: none;
 list-style-type: none;
}
ul#comments li {
margin: 0 0 4px 0;
padding: 0 0 2px 20px;
font: 1.1em verdana;
list-style: none;
list-style-type: none;
background: url('icon-category.gif') no-repeat 0 2px;
}

ul.news,
ul.features,
ul.comments {
 list-style:disc;
 margin:0;
 padding:0;
}

ul.news li,
ul.features li,
ul.comments li {
 font: normal 11px Verdana;
 color: #444;
 margin: 0 0 4px 0;
 padding: 4px 0 0 0;
 text-transform: none;
 border-top: 1px solid #eee;
}

ul.news li {
 list-style: none;
 background: url('icon-news.gif') no-repeat 0 5px;
 padding: 4px 0 0 20px;
}

ul.features li {
 list-style: none;
 background: url('icon-star.gif') no-repeat 0 5px;
 padding: 4px 0 0 20px;
}

ul.comments li {
 list-style: none;
 background: url('comment.gif') no-repeat 0 3px;
 padding: 4px 0 0 20px;
}


ul.socialBookmark {
 margin:10px 0 0 0;
 padding:0 0 0 8px;
 text-align: left;
}

ul.socialBookmark li {
 list-style: none;
 display: inline;
 margin:0 7px 0 0;
 font: normal 1.1em verdana;
}

ul.socialBookmark li.delicious {
 background: url('delicious.gif') no-repeat 0 5px;
 padding: 6px 0 0 20px;
}

ul.socialBookmark li.digg {
 background: url('digg.gif') no-repeat 0 5px;
 padding: 6px 0 0 20px;
}

ul.socialBookmark li.reddit {
 background: url('reddit.gif') no-repeat 0 5px;
 padding: 6px 0 0 20px;
}

ul.socialBookmark li.facebook {
 background: url('facebook.gif') no-repeat 0 5px;
 padding: 6px 0 0 20px;
}

ul.socialBookmark li.stumbleUpon {
 background: url('stumbleUpon.gif') no-repeat 0 5px;
 padding: 6px 0 0 20px;
}

p#cross-links { text-align: center }
p#cross-links { margin: 0; padding: 0; }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
a:focus { outline: none }

.stripViewer .panelContainer .panel ul {
 text-align: left;
 margin: 0 15px 0 30px;
}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
 margin: 20px 0;
 position: relative;
 width: 900px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 900px; height: 30px; background: #dbe7e9; overflow:auto;  }
.csw .loading {margin: 0; text-align: center; background: url('loader.gif') no-repeat 460px 4px; height:30px; }

.stripViewer { /* This is the viewing window */
 position: relative;
 overflow: hidden; 
 border: 0; /* this is the border. should have the same value for the links */
 margin: 0;
 width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
 clear: both;
}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
 position: relative;
 left: 0; top: 0;
 width: 900px;
 list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
 float:left;
 height: 100%;
 position: relative;
 width: 900px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
 padding: 0;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
 margin: 0;
 float:left;
 position: absolute;
 top: 500px;
}
		
.stripNav ul { /* The auto-generated set of links */
 list-style: none;
}
		
.stripNav ul li {
 float: left;
 margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
 font: bold 1.4em helvetica;
 text-align: center;
 line-height: 28px;
 background: #c6e3ff;
 color: #fff;
 text-decoration: none;
 display: block;
 padding: 0 10px;
 margin-top:4px;


}
		
.stripNav li.tab1 a,
.stripNav li.tab2 a,
.stripNav li.tab3 a,
.stripNav li.tab4 a { background: #91c6c5; }
.stripNav li a:hover {
 background: #88bab9;
}
		
.stripNav li a.current {
 background: #7aa6a5;
 color: #fff;
}
		
.stripNavL, .stripNavR { /* The left and right arrows */
 position: absolute;
 top: 360px;
 display: none;
}
		
.stripNavL a, .stripNavR a {
 height: 40px;
 width: 40px;
}
		
.stripNavL {
 left: 200px;
}
		
.stripNavR {
 right: 200px;
}
		
.stripNavL {
 background: url("arrow-left.gif") no-repeat center;
}
		
.stripNavR {
 background: url("arrow-right.gif") no-repeat center;
}

.lower {
 text-transform: none;
 font: 1.4em Georgia;
}


#story{
 width: 898px;
 float: left;
 border:1px solid #b1babc;
 background: #dbe7e9 url('bg-box-mf.gif') top left repeat-x;
 padding: 10px 10px 38px 10px;
 margin: 15px 0 10px 20px;
 _margin: 15px 0 10px 10px;
 }
 
 
 #story p{
 text-align:justify;
 text-decoration:none;
 color: #424849;
 line-height: 2em;
 margin: 0 0 20px 0;
 font: normal 1.2em verdana;
 line-height: 1.7em;
 }
 
 #story h1{
 color: #e43323;
 font: normal 3em "Times New Roman", Times, serif;
 margin: 0 0 4px 0;
 letter-spacing: 0em;
 padding: 0;
 border: none;
  }
 
 .panel img{
 margin: 0 18px 0 0;
float: left;
}

/* for inner */


#story1{
  width: 610px;
 _width:610px;
 float: left;
 border:1px solid #b1babc;
 background: #dbe7e9 url('bg-box-mf.gif') top left repeat-x;
 padding: 10px 10px 38px 10px;
 margin: 15px 0 10px 0px;
 _margin: 10px 0 10px 0px;
 margin-right:15px;

 }
 
 
 #story1 p{
 text-align:justify;
 text-decoration:none;
 color: #424849;
 line-height: 2em;
 margin: 0 0 20px 0;
 font: normal 1.2em verdana;
 line-height: 1.7em;
 }