﻿body {padding:0; margin: 0; font-family: arial, verdana, sans-serif; font-size: 75%; padding-left: 10px; padding-right: 10px; color: #333333; }
h1, h2, h3, h4, h5, h6, p {font-size: 1em; padding:0; margin:0; }

/* General */
.clear { clear: both; padding: 0; margin:0;	overflow: hidden; height: 0px; }
.clearGrey { clear: both; padding: 0; margin:0;	overflow: hidden; height: 1px; background-color: #C0C1B6; }
.img { border: none; }
.space10 { height: 10px; width: auto; }
.space20 { height: 20px; width: auto; }
.page { width:975px; height: auto; }
.headerBox {}

form {
	padding:0;
	margin:0;
}

img.highqual { -ms-interpolation-mode:bicubic; }

/* Top Links */
div.toplinks { border-bottom: 1px solid #cccccc; }

/* Top Link :  Font Size */
div.topleft { float: left; width: 49%; }
div.topleft ul { padding:0;	margin:0; list-style: none;	padding-left:18px; }
div.topleft ul li {	float: left; }
div.topleft ul li img { border: none; }
div.topleft ul li a { color:#004b85; text-decoration: none;	font-size: 1em;	white-space: nowrap; }
div.topleft ul li span { display: block; float: left; padding: 10px 5px 0 5px; background: url("/new/Templates-BCD-V1/Images/Structure/bg_topleft_span.gif") 0 95% no-repeat transparent; }
div.topleft ul li span.text { background: none; }
div.topleft ul li a:hover, div.topleft ul li a:focus, div.topleft ul li a:active { text-decoration: underline; color:#004b85; }

/* Top Link :  Select Country */
div.topright { width: 49%; float: right; text-align:right; padding-top: 5px; }
div.topright p { padding-top: 5px; color: #004b85; padding-right: 13px; }
div.topright p span { font-weight: bold; }
div.topright p a { color: #004b85; text-decoration: none; font-weight: normal; }
div.topright p a:hover, div.topright p a:focus, div.topright p a:active { text-decoration: underline; color: #004b85; }

/* Logo */
div.header { background: url("/new/Templates-BCD-V1/Images/Structure/bg_header.gif") 0 0 repeat-x #f6f6f6; }
div.logoL { float:left; padding-left:18px; padding-top: 18px; }
div.logoL img { border: none; padding-bottom: 20px; }
div.logoL p { margin:0; margin-bottom:0;	padding:0; }

div.logoR { float:right; padding-right:12px; padding-top: 18px; }
div.logoR img { border: none; padding-bottom: 20px; }
div.logoR p { margin:0; margin-bottom:0;	padding:0; }


/* Top Right Links */
div.rightlinks { padding-right: 5px; text-align:right; float:right; }
div.rightlinks div.first { background:none!Important; float:left; }
div.rightlinks div.menu {padding:0; margin:0; list-style: none; display: inline; float:left; background: url("/new/Templates-BCD-V1/Images/Structure/bg_rightlinks_li.gif") 0% 100% no-repeat transparent; padding-bottom:1px; }
div.rightlinks div.menu a {padding: 0 8px 0px 8px;	text-decoration: none;color: #666666; }
div.rightlinks div.menu a:hover { color: #00a1e5; }

/* Main Navigation */
div.topnav {padding-top: 5px; background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav.gif") 0 0 repeat-x #99c9df; }
div.topnavinner { background: url(/new/Templates-BCD-V1/Images/Structure/bg_topnavinner.gif) 100% 0 no-repeat transparent; }
div.topnav div.topnavinner div.clear { background: transparent; height: 0; }
div.topnav div.clear { background-color: #fff; }
div.topnav ul { padding:0; margin:0; list-style: none; }
div.topnav ul li { float: left;	padding-left: 1px;	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_li.gif") 0 50% no-repeat transparent; }
div.topnav ul li.first {padding-left: 0; background: none; }
div.topnav ul li a { display: block; float: left; font-weight: bold; font-size: 1em; color: #fff; background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_li_a.gif") 0 0 repeat-x #21679d; text-transform: uppercase; padding: 8px 10px 9px 9px;	text-decoration: none; }
div.topnav ul li a:hover, div.topnav ul li a:active, div.topnav ul li a:focus { background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_li_a_active.gif") 0 0 repeat-x #d0ebfc;	color: #004b85;	padding: 8px 9px 9px 8px; border-left: 1px solid #fff;	border-right: 1px solid #fff; }
div.topnav ul li a.active {	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_li_a_active.gif") 0 0 repeat-x #d0ebfc;	color: #004b85;	padding: 8px 9px 9px 8px; border-right: 1px solid #fff;	border-left: 1px solid #fff; }

div.topnav ul li.first a.active { border-left: none; }
div.topnav ul li.first a, div.topnav ul li.last a {	padding: 0; }
div.topnav ul li.first a:hover, div.topnav ul li.first a:active, div.topnav ul li.first a:focus { padding: 0; border-left: none; }
div.topnav ul li.first a:hover span, div.topnav ul li.first a:active span, div.topnav ul li.first a:focus span {padding-right: 8px;	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_first_span_active.gif") 0 0 no-repeat transparent; }
div.topnav ul li.first a span {	padding: 8px 9px 9px 17px;	display: block;	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_first_span.gif") 0 0 no-repeat transparent; }
div.topnav ul li.first a.active span {	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_first_span_active.gif") 0 0 no-repeat transparent;	padding-right: 8px; }

div.topnav ul li.last a span {	padding: 8px 18px 9px 7px;	display: block;	background: url("/new/Templates-BCD-V1/Images/Structure/bg_topnav_last_span.gif") 100% 0 no-repeat transparent; }
div.topnav ul li.last a:hover span, div.topnav ul li.last a:active span, div.topnav ul li.last a:focus span { background-image: url(/new/Templates-BCD-V1/Images/Structure/bg_topnav_last_span_hover.gif); padding-right: 19px; }
div.topnav ul li.last a.active { border-right: none; }
div.topnav ul li.last a.active span { background-image: url(/new/Templates-BCD-V1/Images/Structure/bg_topnav_last_span_hover.gif); padding-left: 7px;	padding-right: 18px; }
div.topnav ul li.last a:hover, div.topnav ul li.last a:active, div.topnav ul li.last a:focus { padding:0; border-right: none; }
div.topnav ul li.last a:hover span, div.topnav ul li.last a:active span, div.topnav ul li.last a:focus span  { padding-left: 6px; }

/* Sub (Dropdown) Navigation */
div.subnav { background-color: #D1EBFC; border-bottom: solid 1px #ffffff; }
#nav, #nav ul { padding: 0;	margin: 0 0 0 0px; list-style: none; line-height: 1; }
#nav { margin: 0 0 0 8px; width: 86%; }/* width so that drop downs don't cause a horizontal scroll bar at 800 x 600 */
#nav a { display: block; }
#nav li { float: left; padding:7px 4px 0px 4px;	position:relative; }
#nav li a {	background:url("/new/Templates-BCD-V1/Images/Structure/pointer-blue.gif") 0 1px no-repeat transparent; display: block; color: #004b85;text-decoration: none !important; font-weight: bold; padding-left:15px;	padding-bottom:7px;	white-space: nowrap; }
#nav li ul li a { white-space:normal; }
#nav li a:hover, #nav li a:focus, #nav li a:active { color:#333333;	background:url("/new/Templates-BCD-V1/Images/Structure/pointer-black.gif") 0 1px no-repeat transparent; }
#nav li a.active { color:#333333; background:url("/new/Templates-BCD-V1/Images/Structure/pointer-black.gif") 0 1px no-repeat transparent; }
#nav li li a { background:none; }	
#nav li li a:hover, #nav li li a:focus, #nav li li a:active { background:none; }	

/* Sub (Dropdown) Navigation - Second Level */
#nav li ul { visibility:hidden;	background: #fff; position: absolute; width: 159px;	top:100%; border-bottom:2px solid #d1ebfc;	margin-left:6px; }
ul#nav li ul {background:url(/new/Templates-BCD-V1/Images/Structure/bg_nav_top2.gif) top left repeat-x #fff; padding-top:3px; margin-top:-1px;}

#nav li.one { z-index: 1000;}
#nav li.two { z-index: 900;}
#nav li.three { z-index: 800;}
#nav li.four { z-index: 700;}
#nav li.five { z-index: 600;}
#nav li.six { z-index: 500;}
#nav li.seven {	z-index: 400;}
#nav li.eight {	z-index: 300;}
#nav li.nine { z-index: 200;}
#nav li.ten { z-index: 100;}

#nav li:hover ul, #nav li.sfhover ul { left: 0; } /* lists nested under hovered list items */
#nav li:hover a, #nav li.sfhover a { color: #333333; }
#nav li ul li {	float:none;	border-bottom:1px solid #d1ebfc; margin:0px 0px -1px 0px; padding:0px;	width:155px; border-left:2px solid #d1ebfc;	border-right:2px solid #d1ebfc; }
#nav li ul li.last { margin-bottom:-1px; }
#nav li:hover ul li a, #nav li.sfhover ul li a { float:none; padding:10px 9px 10px 9px;	color:#004b85; width:137px;	display:block; }
#nav li ul li a:hover {	background-color:#d1ebfc; text-decoration:none;	width:137px; color:#004b85; }
ul#nav li:hover ul { visibility:visible; }
ul#nav li.sfhover ul { visibility:visible; }

/* Main Content */
div.maincontent { width: 100%; height: auto; padding-bottom: 10px; background: url(/new/Templates-BCD-V1/Images/Structure/bg_maincontent.gif) 0 0 repeat-x #ededed; }
div.maincontentLeft { float: left; width: 736px; padding-left: 10px; } /* 975-209=766 */
div.maincontentRight { float: right; width: 209px; padding-right: 10px;   } 
div.maincontentLeftContent { background-color: #ededed; }

div.maincontentRightContent { background-color: #ededed; }

div.maincontentLeftContentHeader h1 { text-transform: none; font-size: 1.6em; margin-bottom: 10px; color: #004b85; }

div.divider {
	background: url(/new/Templates-BCD-V1/Images/Structure/bg_divider.gif) 0 0 repeat-x transparent;
	height: 20px;
	overflow: hidden;
}

/* Footer Bar Links */
div.flinks {border-top: 1px solid #cccccc;	background:url(/new/Templates-BCD-V1/Images/Structure/bg_flinkscontent.gif) 0 0 repeat-x #008cc7;	padding:0;	float: left; width: 100%; } /* fix for IE */
div.flinkscontent {	padding-left: 40px;	padding-right: 40px; padding-top: 4px;	border-top: 1px solid #fff;	border-bottom: 1px solid #fff;	padding-bottom:0; }
div.flinkscontent ul { padding:0; margin:0;	list-style: none; }
div.flinkscontent ul li { float: left;	padding-top: 2px; padding-bottom: 6px; }
div.flinkscontent ul li a {	background: url(/new/Templates-BCD-V1/Images/Structure/bg_flinks_li.gif) 0 0 repeat-y transparent; font-size: 0.9em;	padding-left: 6px;	padding-right: 6px;	color: #fff; text-decoration: none;	white-space: nowrap; }
div.flinkscontent ul li.first a { padding-left: 0; background:none; }
div.flinkscontent ul li a:hover, div.flinkscontent ul li a:focus, div.flinkscontent ul li a:active { text-decoration: underline; color: #fff; }

/* Footer */
div.footer {clear: both; background: url(/new/Templates-BCD-V1/Images/Structure/bg_footer.gif) 0 0 repeat-x transparent;	padding-bottom: 16px; }
div.footerleft {background: url(/new/Templates-BCD-V1/Images/Structure/bg_footerleft.gif) 0 0 no-repeat transparent; float: left;	padding-top: 20px;	width: 70%; }
div.footerleft p {font-size: 0.85em; color: #8c8c8c; padding-left: 11px; }
div.footerleft p.copyright {font-size: 0.9em; font-weight: bold; color: #666666; }
div.footerright {background: url(/new/Templates-BCD-V1/Images/Structure/bg_footerright.gif) 100% 0 no-repeat transparent;	float: right; padding-right: 21px;	padding-top: 16px; }
div.footerright img { border: none; }
div.footerright p {	float: left; padding-left:18px; }
div.footerright p.aloud { padding-top: 14px; }

/* ------------------------- */
/* ASCX Content-Specific CSS */
/* ------------------------- */

/* Search Box */
div.search { padding-top: 10px;	padding-left: 10px;	padding-bottom: 5px; border: solid 1px #CCCCCC; background-color: #FFFFFF; float: left; padding-right: 5px;}
div.search p { color: #333333; padding-bottom: 5px; }
div.search a { color: #00a1e5; text-decoration: none; }
div.search a:hover, div.search a:focus,  div.search a:active { text-decoration: underline; 	color: #00a1e5; }
div.search input.gobutton {	margin-bottom: -4px; }
div.search input.text {	width: 150px; }
div.search input { font-size: 1em; }

/* Search Box Alternative Style - Blue Borders */
div.SearchPanel { border: solid 1px #CCCCCC; background-color:#FFFFFF; border-bottom:2px solid #00A1E5; border-top:4px solid #00A1E5; }
div.SearchPanelForm { padding-top: 10px;	padding-left: 10px;	padding-bottom: 5px; }
div.SearchPanel h2 { border-bottom:1px solid #00A1E5; color:#00A1E5; font-size:1.1em; padding:8px 11px 5px; }
div.SearchPanel p { color: #333333; padding-bottom: 5px; }
div.SearchPanel a { color: #00a1e5; text-decoration: none; }
div.SearchPanel a:hover, div.search a:focus,  div.search a:active { text-decoration: underline; 	color: #00a1e5; }
div.SearchPanel input.gobutton {	margin-bottom: -4px; }
div.SearchPanel input.text {	width: 150px; }
div.SearchPanel input { font-size: 1em; }

/* More Panel */
div.panel {background-color:#FFFFFF; border-bottom:2px solid #00A1E5; border-top:4px solid #00A1E5; }
div.panel h2 {border-bottom:1px solid #00A1E5; color:#00A1E5; font-size:1.1em; padding:8px 11px 5px; }
div.panel a {color:#00A1E5; }
div.panel ul li p { padding-left:0; }
div.panel ul { padding:0; margin:5px 0 0 0;	list-style:none; }
div.panel div.img p { padding:0; margin:0; }

div.panelcontent ul li {background:transparent url(/new/Templates-BCD-V1/Images/Structure/bg_arrow_blue.gif) no-repeat scroll 11px 0.25em; color:#5B5B5B; padding-bottom:4px; padding-left:26px; }
div.panelcontent { padding-bottom: 10px; padding-top: 3px; }
div.panelcontent ul li a { text-decoration: none; color:#00A1E5; font-weight: bold;	padding-right: 5px; }
div.panelcontent ul li a:hover, div.rightcol ul li a:focus, div.rightcol ul li a:active { text-decoration: underline; }

/* Image Advert */
div.ImageAdvert { display:block; width:199px; height: auto; padding-left: 3px; }
div.ImageAdvert img { border:none; }

/* On The Web Links */
div.OTWPanel {background-color:#FFFFFF; border-bottom:2px solid #00A1E5; border-top:4px solid #00A1E5; width: 209px; }
div.OTWPanel h2 {border-bottom:1px solid #00A1E5; color:#00A1E5; font-size:1.1em; padding:8px 11px 5px; }
div.OTWPanel div.OTWPanelItemBox { width: auto; height: auto; padding-left: 10px; padding-right:10px; padding-top: 5px; }
div.OTWPanelItemBox div.OTWPanelItem { width: 100%; height: auto; border-bottom: dotted 1px #00A1E5; padding-bottom: 10px; padding-top: 10px; }
div.OTWPanelItemBox div.OTWPanelItemLast { width: 100%; height: auto; padding-bottom: 10px; padding-top: 10px; }
div.OTWPanelItemBox div.OTWPanelItemImage { float: left; width:70px; }
div.OTWPanelItemBox div.OTWPanelItemTextLink { float: left; text-align:left; }
div.OTWPanelItemBox div.OTWPanelItemTextLink a { text-decoration: none; color:#333333; font-weight: bold; }
div.OTWPanelItemBox div.OTWPanelItemTextLink a:hover { text-decoration: underline; }

/* Two-Column Main with 2 Column Titles */
div.TwoColMainBox { width: 734px; height: auto; border: solid 1px #CCCCCC; background-color: #FFFFFF; border-bottom:2px solid #00A1E5; }

div.TwoColMainBoxTitleBox { width: 100%; height: auto; color: #00A1E5; border-bottom: solid 1px #CCCCCC; font-size: 1.2em; font-weight: bold; }
div.TwoColMainBoxTitleBoxInner { width: 100%; height: auto; margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 6px; }
div.TwoColMainBoxTitleBoxLeft {float: left; width: 347px; }
div.TwoColMainBoxTitleBoxRight {float: left; width: 347px; text-align:left; padding-left: 20px;}
div.TwoColMainBoxContentBox { width: 100%; height: auto; background: url(/new/Templates-BCD-V1/Images/Structure/twocolbgdivider.gif) 0 0 repeat-y;  }
div.TwoColMainBoxContentBoxInner { width: 100%; height: auto;  }
div.TwoColMainBoxContentBoxInnerLeft { float: left; width: 347px;  padding-left: 10px; padding-right: 10px;  }
div.TwoColMainBoxContentBoxInnerRight { float: left; text-align:left; width: 347px; padding-left: 10px; padding-right: 10px; }

/* In News Items */
div.InNewsItemBox { width: 347px; height: auto; padding-bottom: 15px; }
div.InNewsItemBoxImage { float: left; width: 90px; height: auto; } /* Image is 75px square, so 90px width = 15px right border */
div.InNewsItemBoxText { float: left; width: 257px; height: auto; }
div.InNewsItemBoxTextTitle { padding-bottom: 5px; }
div.InNewsItemBoxText div.InNewsItemBoxTextTitle a {color:#00A1E5; text-decoration: none; font-weight: bold; }
div.InNewsItemBoxText div.InNewsItemBoxTextTitle a:hover { text-decoration: underline; }
div.InNewsItemBoxText div.InNewsItemBoxTextSummary {  }
div.InNewsMore { margin-left: 90px; }
div.InNewsMore a { color:#00A1E5; text-decoration: none; font-weight: bold; }
div.InNewsMore a:hover { text-decoration: underline; }

/* Headline Scroller */
div.headlineTitleBox { width: 714px; height: auto; border-top: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC;  background-color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 6px; padding-top: 6px; color: #00A1E5; font-size: 1.2em; font-weight: bold; }
div.mainfeature { width: 736px; display: none; }
div.featurecontent { border: 1px solid #cccccc;	border-bottom: 2px solid #00a1e5; min-height: 10px; background-color: #ffffff; }

#prev2 { width: 30px; height: 210px; float: left; background-image:url(http://www.britishcouncil.org/new/images_structure/headlines_buttons/db_bwd.gif); }
#prev2:hover { background-image:url(http://www.britishcouncil.org/new/images_structure/headlines_buttons/lb_bwd.gif); }
#next2 {width: 30px; height: 210px; float: right; background-image:url(http://www.britishcouncil.org/new/images_structure/headlines_buttons/db_fwd.gif); }
#next2:hover { background-image:url(http://www.britishcouncil.org/new/images_structure/headlines_buttons/lb_fwd.gif); }

#headlinesCycleRoot {width: 674px; float: left; }
.headlinesItem {width: 674px; float: left; }
.headlineThumb {width: 440px; height: 210px; float: left; overflow: hidden; border: none; }
.headlineThumb a img {border: none; }
.headlineBody {width: 207px; height: 200px; float: left; margin-left: 15px; margin-top: 15px; }
.headlineBodyOverflow {width: 207px; height: 200px; overflow: hidden; } /* Need to truncate text with "..." similar to news item summary */
.headlineTitle { padding-bottom: 10px; } 
.headlineTitle a { font-weight: bold; color: #00A1E5; text-decoration: none; }
.headlineTitle a:hover { text-decoration: underline; }

/* Blog Items (No Image) with Author/Date */
div.blogBox { width: 347px; height: auto; padding-bottom: 15px; }
div.blogBoxTitle { padding-bottom: 5px; }
div.blogBoxTitle a { color:#00A1E5; text-decoration: none; font-weight: bold; }
div.blogBoxTitle a:hover { text-decoration: underline; }
div.blogBoxAuthorDate { color: #666666; padding-bottom: 3px; }
div.blogBoxSummary {  }
div.glogMore {  }
div.glogMore a { color:#00A1E5; text-decoration: none; font-weight: bold; }
div.glogMore a:hover { text-decoration: underline; }

/* Three-Column Main with 3 Column Titles */
div.ThreeColMainBox { width: 734px; height: auto; border: solid 1px #CCCCCC; background-color: #FFFFFF; border-bottom:2px solid #00A1E5; }

div.ThreeColMainBoxTitleBox { width: 100%; height: auto; color: #00A1E5; border-bottom: solid 1px #CCCCCC; font-size: 1.2em; font-weight: bold; }
div.ThreeColMainBoxTitleBoxInner { width: 100%; height: auto; margin-left: 10px; margin-right: 10px; margin-top: 6px; margin-bottom: 6px; }
div.ThreeColMainBoxTitleBoxLeft {float: left; width: 235px;  padding-right:10px; }
div.ThreeColMainBoxTitleBoxMiddle {float: left; width: 235px; }
div.ThreeColMainBoxTitleBoxRight {float: left; width: 234px; text-align:left; padding-left: 10px;  }
div.ThreeColMainBoxContentBox { width: 100%; height: auto; background: url(/new/Templates-BCD-V1/Images/Structure/threecolbgdivider.gif) 0 0 repeat-y;  }
div.ThreeColMainBoxContentBoxInner { width: 100%; height: auto;  }
div.ThreeColMainBoxContentBoxInnerLeft { float: left; width: 225px;  padding-left: 10px; padding-right: 10px; }
div.ThreeColMainBoxContentBoxInnerMiddle { margin-left:0px; float: left; width: 225px;  padding-left: 10px; padding-right: 10px; }
div.ThreeColMainBoxContentBoxInnerRight { float: left; text-align:left; width: 222px; padding-left: 10px; padding-right: 10px; }

div.ThreeColMainBoxImageWithLinkBox { width:100%; height: auto; }
div.ThreeColPhotoBox { width: 225px; height: 120px; overflow:hidden;  }
div.TwoColPhotoBox { width: 240px; height: 187px; background-color: Gray; overflow:hidden; margin-bottom: 35px; margin-left: 52px; margin-top: 50px; }
/* div.ThreeColMainBoxImageWithLinkBox img { width: 225px; height: 170px; border: none; } */
div.ThreeColMainBoxImageWithLinkBox img a { border: none; }
div.ThreeColMainBoxImageWithLinkBox p { border-bottom: solid 1px #CCCCCC; padding-bottom: 10px; padding-top: 10px;}
div.ThreeColMainBoxImageWithLinkBoxLink { padding-top: 10px; }
div.ThreeColMainBoxImageWithLinkBoxLink a { color:#00A1E5; text-decoration: none; font-weight: bold; }
div.ThreeColMainBoxImageWithLinkBoxLink a:hover { text-decoration: underline; }

/* Article Page */
div.ArticleBox { width: 734px; height: auto; border: solid 1px #CCCCCC; background-color: #FFFFFF; border-bottom:2px solid #00A1E5; }

/* Article Page Plus only - Article Title Box (which fits inside ArticleBox, but outside the 2 column structure */
div.ArticleBox h1 { width: 714px; height: auto; padding: 10px; border-bottom: solid 1px #CCCCCC; text-transform: none; font-size: 1.6em; margin-bottom: 10px; color: #004b85; }

div.ArticleBoxInner { width: 100%; height: auto; background: url(/new/Templates-BCD-V1/Images/Structure/articletwocolbgdivider.gif) 0 0 repeat-y; line-height: 1.5em; }

div.ArticleBoxLeft { width: 238px; height:auto; margin-left: 10px; float: left;  }
div.ArticleBoxLeftQuoteBox { width:100%; height: auto; padding-top: 40px; padding-bottom: 40px; font-size: 1.8em; color: #ee21a2; text-align: center; line-height: 1.2em; }
div.ArticleBoxLeftContentBox { width: 100%; height: auto; padding-top: 40px; padding-bottom: 40px; }
div.ArticleBoxLeftContentBoxContent { width: 100%; height: auto; margin-bottom: 10px; }

/* NOTE: Images sizes are absolute in the CSS. Markup may need to be modified to take account of dynamic sizing */
/*div.ArticleBoxLeftContentBoxContent img { width: 238px; height: 150px; overflow: hidden;  } */
div.ArticleBoxLeftContentBoxContentImageOverflow { width: 238px; height: 150px; overflow:hidden; }
div.ArticleBoxLeftContentBoxComment { width: 80%; height: auto; font-weight: bold; line-height: normal; font-size: 0.9em; }

div.ArticleBoxRight { width: 456px; height:auto; float: right; margin-right:10px; }
/* NOTE: Images sizes are absolute in the CSS. Markup may need to be modified to take account of dynamic sizing */
div.ArticleBoxRightImage { width: 100%; height: auto; }
div.ArticleBoxRightImageOverflow { width: 456px; height: 200px; overflow:hidden; }
div.ArticleBoxRightImageTag {color: #8d8d8d; font-size: 0.9em; line-height: normal; padding-top:5px; }
div.ArticleBoxRightCopy { margin-top: 20px; }
div.ArticleBoxRightCopy p  { margin-bottom: 10px; }
div.ArticleBoxRightCopy h3 { color:#00A1E5; font-size:1.2em; margin-bottom:10px; }
div.ArticleBoxRightCopy a { color: #333333; }
div.ArticleBoxRightCopy a:hover { text-decoration: none; color: #333333; }

/* Sociable Module */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
