html {
 padding: 0;
 margin: 0;
}

body {
 font-family: Arial Unicode MS,arial,helvetica,sans-serif;
 font-size: 75%;
 width: 100%;
 /* content colour liable to be skinned by file */
 background-color:#fff;
 color:#5e6667;
 margin-left: 0;
 margin-right: 0;
 text-align: left;
}

canvas {
/* padding-top:3px; */
}

/* UTIL */
.bold {
 font-weight: bold;
}
.clear {
 clear: both;
}
img.quotes {
 position: relative;
 left: -30px;
 top: 22px;
 z-index: 0;
}

.article_dash {
 position: relative;
 left: -6px;
}

.floatcontainer { /* apply to a container to make it as tall as its floats */
    zoom:1; /* for IE6 to trigger overflow */
    overflow: hidden;
}
/* basic borders, colours will skin */
.thinbottomline {
 border-bottom: 1px solid #63D6DD;
}
.thickbottomline {
 border-bottom: 10px solid #63D6DD;
}
.thintopline {
 border-top: 1px solid #63D6DD;
}
.thinleftline {
 border-left: 1px solid  #63D6DD;
}
.thinrightline {
 border-right: 1px solid  #63D6DD;
}

.thicktopline {
 border-top: 10px solid #63D6DD;
}
.dashedthinbottomline {
  /* border-bottom: 1px dashed #B6B7B2; */
 background-image: url('../../img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: bottom left;
}
.dashedthintopline {
 /* border-top: 1px dashed #B6B7B2; */
 background-image: url('../../img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: top left;
}

/* SURROUNDS */
#body {
 width: 1000px;
 background-color:#e8eee6;
 margin-left:auto !important;
 margin-right:auto !important;
 padding-bottom: 25px;
}

#content {
 width: 950px;
 background-color: #fff;
 margin-left: 25px;
 margin-right: 25px;

 /* content colour liable to be skinned by file */
}


#main_column {
 width: 470px;
 float: left;
 border: 0px solid green;
}

#landing_highlight {
 padding: 2px;
 margin-bottom: 1px;
 line-height: 1.8em;
 display: inline;
}


/* main column layouts :  TYPE_column_box */

DIV.single_column_box {
 width: 470px;
}
#main_column .single_column_box .articletext {
 vertical-align: top;
 width: 470px;
}

#main_column .single_column_box .standfirst {
 font-size: 1.2em;
 line-height: 1.45em;
 width: 375px;
}
#main_column div.grid_column_box {
 width: 470px;
 clear: both;
}
#main_column div.grid_column_box .standfirst{
 font-size: 1.025em;
 line-height: 1.em;
}


#main_column .grid_column_box table tr {
 vertical-align: top;
}
#main_column .grid_column_box table tr td {
 width: 230px;
}
#main_column .grid_column_box table td.column_divider {
 width: 10px;
}
#main_column div.flow_column_box {
 vertical-align: top;
}
#main_column div.flow_column_box .column_1 {
 width: 230px;
 float: left;
}
#main_column div.flow_column_box .column_2 {
 margin-left: 10px;
 width: 230px;
 float: right;
}

#main_column div.grid_column_box .column_1 {
 width: 230px;

}
#main_column div.grid_column_box .column_2 {
 padding-left: 10px;
 width: 230px;

}


#main_column img.single_landscape {
 display:block;
}
#main_column img.single_portrait {
 float: left;
}
#main_column div.single_portrait {
 width: 230px !important;
 padding-left: 10px;
}

#main_column img.flow_landscape {
 display:block;
}
#main_column img.flow_portrait {
 float: left;
 padding-right: 5px;
}
#main_column div.flow_portrait {
  width: 110px;
  float: right;
  margin-bottom: 10px;
}
#main_column div.flow_summary {
 margin-bottom: 10px;
}
#main_column div.flow_title {
 margin-bottom: 10px;
}

#main_column img.grid_landscape {
 display:block;
}
#main_column img.grid_portrait {
 float: left;
 padding-right: 5px;
}
#main_column div.grid_portrait {
  width: 110px;
  float: right;
  margin-bottom: 10px;
}
#main_column div.grid_summary {
 margin-bottom: 10px;
}
#main_column div.grid_title {
 margin-bottom: 10px;
}




/* main col layout items */
.articletext {
 padding-top: 2px;
 padding-left: 0px;
}
.simplearticlecell {
 padding-top: 5px;
 padding-bottom: 5px;

}






#left_column {
 /* only on homepage */
 width: 180px;
 padding-left: 50px;
 border-left: 10px solid #E8EDE6;
 float: left;
}

#right_column {
 width: 220px; /*plus 10px left border and 10px padding*/
 float: left;
 clear: right;
 padding: 6px 0px 20px 10px;
 border-left: 10px solid #B8BBB2;
 color:  #5e6667;
}

#right_column h4,
#right_column h4 a,
#right_column h4 a:link,
#right_column h4 a:visited,
#right_column h4 a:active  {
 color: #9a9d96;
}

#right_column .rhc_feature {
 padding-top: 5px;
 padding-bottom: 20px;
}

#right_column .item {
/* border-top: 1px dashed #B6B7B2; */
 background-image: url('../../img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: top left;
 font-size: 1.025em;
 line-height: 1.3em;
 float: right;
 width: 180px;
 margin-top: 10px;
 padding-top: 5px;
 font-weight: bold;
}
#right_column .details {
 float: right;
 width: 180px;
 padding-top: 3px;
 font-size:1.025em;
}
#right_column .gap {
 height: 50px;
}

#right_column .hotspot {
 margin-top: 10px;
 width: 180px;
 float: right;
}
#right_column .caption {
 float: right;
 width: 180px;
 margin-top: 100px;
 /* color: #63D6DD; */
}
#right_column .caption h3 {
 color: #63D6DD;
}
#right_column .caption div {
 font-size: 1.35em;
}

/* BASICS */
h1 {
 font-size: 3.45em;
 margin-bottom: 2px;
}
h2 {
 font-size: 1.6em;
 padding-top: 5px;
}
h3 {
 font-size: 1.35em;
 padding-top: 4px;
 line-height: 1.8em;
}
h4 {
 font-size: 1.2em;
 padding-top: 2px;
}

a,
a:link,
a:visited,
a:hover,
a:active  {
 text-decoration: none;
}
a.white,
a.white:link,
a.white:visited,
a.white:hover,
a.white:active  {
 color: #fff;
}
a.black,
a.black:link,
a.black:visited,
a.black:active  {
 color: #000;
}


/* HEADER */
#header {
 width: 100%;
 height: 100px;
}

#logo {
 /* skinnable logo */
 /*background-image: url('../../img/ma/logo.jpg');
 background-repeat: no-repeat;*/
 /* width:110px; **OR** - 240px (include 130px right margin) */
 width: 110px;
 height: 80px;
 float: left;
}
#logo img {
 float: left;
 display: inline;
}
#print_logo {
 display: none;
}

#brand_logo {
 width: 110px;
 height: 80px;
 float: left;
}
#brand_logo img {
 float: left;
 display: inline;
}

/* MENUS */
#leftmenu_wrapper {
 float: left;
 padding-left: 1px;
 padding-right:10px;
 width: 229px;
}
#leftmenu {
 margin-top: 10px;
}
#leftmenu li {
/* border-top: 1px dashed #999; */
 background-image: url('../../img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: top left;
 font-size: 1.2em;
 padding-top:2px;
 padding-bottom:5px;
}

#leftmenu li a {
 color:#5E6667;
}
#leftmenu li a,
#leftmenu li a:link,
#leftmenu li a:visited,
#leftmenu li a:hover,
#leftmenu li a:active  {
 color: #5E6667;
 text-decoration: none;
}
#leftmenu li a.selected {
    color: #63D6DD;
}



#publications_menu {
 display: inline;
 float: left;
 padding-top: 0px;
 font-size: 1em;
}
#menu_and_search {
 float:right;
 /* 950 - (110+130) */
 width: 710px;
 background-color: #9FA2A2;
 color: #fff;
 height: 19px;
}
#menu_and_search table {
 padding:0;
 margin:0;
 border: 0px solid red;
 float: left;
 line-height: 19px;
}
#menu_and_search table td {
 padding-top:0px;
 padding-bottom:0px;
 padding-left:4px;
 padding-right:4px;
}
#menu_and_search table td .cufon{
 margin-top: 4px;
}
#menu_and_search a,
#menu_and_search a:link,
#menu_and_search a:visited,
#menu_and_search a:hover,
#menu_and_search a:active  {
 color: #FFFFFF;
 text-decoration: none;
}
#simple_search_container {
 float: right;
}
#simple_search_box {
 background-color: transparent;
/*
 background-image:url('../../img/ma/1white.gif');
 background-repeat: repeat-x;
 background-position: 0px 12px;
*/
 border: 0;
 color: #fff;
 float:left;
 position:relative;
 top: -1px;
 border-bottom: 1px solid white;
 font-size: 1em;
}
#header_advert {
 clear: both;
 float: right;
 text-align: right;
 /* 950 - (110+130) */
 width: 710px;
 height: 60px;
}

#menu_and_title {
}

div.menu {
 /* menu wrapping div */
}

#topmenu {
 /* check the id name! */
 text-align: left;
 /*width: 70%;*/
 float: left;
 color: #9A9D96;
 padding-top: 1px;
}
#topmenu a,
#topmenu a:link,
#topmenu a:visited,
#topmenu a:hover,
#topmenu a:active  {
 color: #9A9D96;
 text-decoration: none;
}
#topmenu a.selected {
/* color: #858384; */
   color: #656364;
}
#topmenu ul li {
 font-size:1.2em;
}
#usermenu {
 color: #9A9D96;
 float: right;
 font-size: 1em;
 font-weight: bold;
 padding-top: 1px;
}
#usermenu a,
#usermenu a:link,
#usermenu a:visited,
#usermenu a:hover,
#usermenu a:active  {
 color: #9A9D96;
 text-decoration: none;
}
#usermenu a.selected {
/* color: #858384; */
   color: #656364;
}
#usermenu li {
 padding-right: 2px;
}



ul.horizontal {
 padding-bottom: 5px;
}
ul.horizontal li {
 display: inline;
 padding-left: 2px;
 padding-right: 8px;
}

/* OTHER */

h1#pagetitle {
 float: left;
}
div.date,
div.date a,
div.date a:link,
div.date a:visited,
div.date a:hover,
div.date a:active
{
 color:#999999;
}

#central_area {
 text-align: left;
}


/* FOOTER */
#footer_menu {
 padding-top: 10px;
 clear: both;
 text-align: left;
 color: #9BA197;
 margin-bottom: 20px;
 font-size: 1.025em;
/* font-size: 1.2em; */
 font-family: Arial;
 font-weight: bold;
}
#footer_menu a,
#footer_menu a:link,
#footer_menu a:visited,
#footer_menu a:hover,
#footer_menu a:active  {
 color: #9A9D96;
 text-decoration: none;
}
#footer_menu a.selected {
    color: #5E6668;
}

#footer_advert {
 margin-top: 20px;
}
#footer_advert img {
 vertical-align: bottom;
}

/* SPECIFIC ELEMENTS */
div.lc_feature {
 margin-bottom:30px;
 width: 180px;
}
div.lc_feature .notlastarticle {
 padding-bottom: 10px;
 margin-bottom:10px;
/* border-bottom: 1px dashed #9a9a9a; */
 background-image: url('../..//img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: bottom left;
}

div.lc_feature img{
 margin-top: 5px;
 margin-bottom: 5px;
}
/* Featured elements of Blog/MJ/MP */
/* designs: */
div.ma_blog_block {
 border-top:10px solid #F060B7;
}
div.ma_blog_block .colourize{
 color:#F060B7;
}
div.mj_block {
 border-top:10px solid #20CAFB;
}
div.mj_block .colourize{
 color:#20CAFB;
}
div.mp_block {
 border-top:10px solid #FD8D21;
}
div.mp_block .colourize{
 color:#FD8D21;
}
/* from data */
div.section_block {
 border-top: 10px solid;
 background-color: transparent;
}
div.section_block h4 {
 margin-top:3px;
 margin-bottom:3px;
}
div.section_item_block {
 /* color:#000; */
color:#5e6667;
/* border-bottom: 1px dashed #B6B7B2; */
}


/* EQUAL HEIGHT COLUMNS */
/*For each of the columns:*/
/*For the div containing the columns:*/
.eqcol-container {
 overflow:hidden;
}
.eqcol {
 margin-bottom: -32767px !important;
 padding-bottom: 32767px !important;
}


/* sitemap rendering */
UL.level1 {
 font-size: 150% !important;
}
UL.level2 {
 margin-left: 20px !important;
}

a.title,
a.title:link,
a.title:visited,
a.title:hover,
a.title:active  {
 color: inherit;
 text-decoration: none;
}

a.none,
a.none:link,
a.none:visited,
a.none:hover,
a.none:active  {
 color: #5e6667 !important;
 text-decoration: none;
}


#article {
 width: 375px;
/* margin-left: 10px; */
 color:#5D6665;
}
.greytext {
 color:#5D6665;
}
h2#article_title {
 margin-bottom: 10px;
}
div.attribution {
 margin-top: -10px;
 margin-bottom: 10px;
}

div.article_text_content {

}

div#article_standfirst {
 margin-bottom: 10px;
}
div.article_body {
}

div.article_text_content IMG {
 border-top: 10px solid #63D6DD;
}
div.article_text_content .logo_box IMG {
 border-top: 0 !important;
}
div.article_text_content .fullwidth{
 width:460px;
}

div.article_text_content div.emphasis {
/* borders extend to edge of 470px column but the text follows the 375 width of #article */
/* 470 column has its own padding to remember */
 width: 340px;
 /*       t    r    b     l    */
 padding: 10px 120px 10px 0px;
 margin-top: 10px;
 margin-bottom: 10px;
}

div.single_column_box div div.article_text_content div.emphasis {
 width: 355px;
 /*       t    r    b     l    */
 padding: 10px 120px 10px 0px;
 margin-top: 10px;
 margin-bottom: 10px;
}


/* emphasis skin items:*/
div.article_text_content div.emphasis h4{
  font-weight: bold;
  color:#63D6DD;
}
div.article_text_content div.emphasis {
 border-top: 10px solid #63D6DD;
 border-bottom: 10px solid #63D6DD;
}

div.article_text_content div.hotspot {
 margin: 20px 0px 20px 0px;
 border:0;
}
div.article_text_content div.hotspot img {
 border-width:0px;
}

div.article_text_content ul {
 margin-left: 15px;
}
div.article_text_content ol {
 margin-left: 15px;
}
div.article_text_content li {
 list-style-type: disc;
 margin-bottom: 5px;
}
div.article_text_content p {
 margin-top: 5px;
}
div.article_text_content a,
div.article_text_content a:link,
div.article_text_content a:visited,
div.article_text_content a:hover,
div.article_text_content a:active  {
 color: #63D6DD;
 text-decoration: none;
}
div.article_text_content a.selected {
    color: #5E6668;
}
div.article_text_content div.cross {
 font-size: 1.5em;
 padding-top: 5px;
 padding-bottom: 5px;
}

div.comment div.com-title {
 padding-top: 6px;
 padding-bottom: 10px;
}
div.comment div.com-strong {
 font-weight: bold;
}
div.comment div.com-item {
 margin-top: 14px;
 margin-right: 20px;
 /* border-top: 1px dashed #B6B7B2;  */
 background-image: url('../../img/ma/dash.jpg');
 background-repeat:repeat-x;
 background-position: top left;

}
div.comment div.com-form {
 padding-bottom: 6px;
}
div.comment div.com-form-label {
 padding-bottom: 4px;
}
div.comment div.com-form-item {
 padding-top: 6px;
}
div.comment div.com-item-name {
 font-weight: bold;
 padding-top: 6px;
}
div.comment div.com-item-date {
 padding-bottom: 10px;
}

div.tabbedpanes div.pane {
    display: none;
}
div.tabbedpanes div.selected {
    display: block;
}

div.quote_with_img {
 position: relative;
 font-size: 1.2em;
 padding: 45px 20px 0px 30px;
 left: -75px;
 width: 275px;
 z-index: 10;
 background-image: url('../../img/ma/quotes.jpg');
 background-repeat: no-repeat;
 background-position: 0px 0px;
 overflow: visible;
}
div.quote_with_img b {
 font-weight: bold;
 font-size: 1.025em;
}
div.quote_with_img b,div.quote_with_img div, div.quote_with_img p {
 font-size: 0.8em;
 padding-top: 3px;
}

div.quote {
 font-size: 1.45em;
 position: relative;
 padding: 0px 0px 0px 0px;
 left: -75px;
 width: 275px;
 line-height: 1.8em;
 z-index: 10;
 background-image: url('../../img/ma/lquot.jpg');
 background-repeat: no-repeat;
 background-position: 0px 0px;

}


div.quote div.quote_content {
 padding-left: 15px;
}
div.quote b {
 font-weight: bold;
 font-size: 1.025em;
}
div.quote b,div.quote div, div.quote p {
 font-size: 0.8em;
 padding-top: 3px;
}
/* Middle column quote: */
DIV.middle_col_quote {
 position:relative;
 width:150px;
}

DIV.middle_col_quote BLOCKQUOTE {
 font-size:1.025em;
 line-height:1.3em;
 display:inline;
 z-index:10;
 font-weight: 700;
}

#related_articles {
 margin-top: 20px;
}
#related_articles h4{
 padding:10px 0px 10px 0px;
}
#related_articles a,
#related_articles a:link,
#related_articles a:visited,
#related_articles a:active  {
 color: #000;
 text-decoration: none;
}
#purchase {
 width: 375px;
 padding: 20px 75px 10px 0px;
 font-size: 1.5em;
}
.grey {
 color: #8E9494;
}

/* Search Results */
div.nav a{
font-weight: bold;
 color:#8E9494;
}
div.nav a:hover{
font-weight: bold;
 color:#63D6DD;
}
div.item_record {
 width: 325px;
}
div.item_title {
 color:#63D6DD;
 font-size: 1.25em;
}
div.item_title a{
font-weight: bold;
 color:#63D6DD;
}
div.item_title a:hover{
font-weight: bold;
 color:#000;
}
div.item_text {
}
div.item_type {
 font-weight: bold;
}
div.item_subtype {
}
div.article_text_content image.left {
 float: left;
 margin-right: 10px;
}
div.article_text_content image.right {
 float: right;
 margin-left: 10px;
}


/* TEST */

div.test:before {
 content: "&8220;"
}
div.test:after {
 content: "”"
}

/* LOGIN etc */
TABLE.login_box TD{
 padding-bottom: 10px;
}
TABLE.login_box TD INPUT{
 width: 180px;
 margin-left: 20px;
}

/* COMMENTS */
TEXTAREA.COMMENT_TEXT {
 width: 450px;
}

div.lc_feature IMG.middle_right_quote {
 position:relative;
 top:0px;
 display:inline;
 border:0px solid red;
 margin:0;
 padding:0;
}

/* CUFON line-height hack */

.cufon {
 margin:2px 0px 3px 0px;
}

#landing_highlight .cufon {
 margin:0px 0px 3px 0px;
}
#main_column .single_column_box .standfirst .cufon {
 margin:2px 0px 3px 0px;
}
#main_column div.grid_column_box .standfirst .cufon{
 margin:2px 0px 3px 0px;
}
#right_column .item .cufon {
 margin:2px 0px 3px 0px;
}
#right_column .details .cufon {
 margin:2px 0px 0px 0px;
}
h1 .cufon {
}
h2 .cufon {
 margin:2px 0px 3px 0px;
}
h3 .cufon {
 margin:2px 0px 3px 0px;
}
h4 .cufon {
 margin:2px 0px 3px 0px;
}

div.quote .cufon {
 margin:2px 0px 4px 0px;
}
DIV.middle_col_quote BLOCKQUOTE .cufon {
 margin:2px 0px 6px 0px;
}

INPUT {
 /* dropshadow by border */
 border-right: 1px solid #666;
 border-bottom:1px solid #bbb;
 border-top:2px solid #666;
 border-left: 2px solid #bbb;
}

div.cms_form_intro {
 padding-bottom: 10px;
}

h2 a {
 padding-bottom: 5px;
}