@charset "utf-8";
/* CSS Document */
html, body {height:100%; outline:none;}
* {padding:0; margin:0; font-family:Verdana, Helvetica, sans-serif;}
body {background: #b8b7b7 url(../images/bgPattern.gif) repeat; color:#666; font-family:Verdana,Helvetica,sans-serif; font-size:0.79em; line-height:1.3em;}
.noOutline {outline:none;}/* Removes annoying dotted line around clickable elements in gecko browsers */
img {border:none;}/* Removes blue borders in clickable images */
img.rss{margin-top:3px;cursor:pointer;} /* HLeeman, NStein UK: Signify that RSS icons have action associated with them by changing the mouse cursor. */
.smallImageLeft{float:left; width:200px; margin: 0 5px 5px 0;}
i {font-weight:500;}
.watermark {color: gray;}
.inlineLink {color:#0066CC;}
#maincontainer{width: 960px; margin: 0 auto;}/* Centre site on page */
#contentwrapper{float: left; width: 960px; background: #999 url(images/horizBg.gif) repeat-y; text-align:left; padding-left:5px; padding-right:5px; padding-top:5px;}
.clearboth {clear:both;}
.rightProBlock {clear:right; float:right; width:150px;}
.leftProBlock {clear:right; float:left; width:150px; padding:10px; background:#1c1c39;}
.leftProBlock a {color:#fff;}
.right {clear:right; float:right; width:170px;}
.left {clear:right; float:left; width:70%;}
.rightCommenter {clear:right; float:right; width:120px;}
.leftCommenter {clear:right; float:left; width:395px; font-size:0.8em; color:#990000;} /* HEATHER (NSTEIN UK) Increased width to 395px to prevent comments from wrapping too early */
.rightMore{clear:right; float:right; width:160px; padding:4px;}
.textbox {color:#5e7956; font-size:1em; width:180px;}
li {list-style:none;}
h1 {font-size:1.65em; line-height:1.3em; font-weight:lighter; margin-bottom:6px;}
h2{font-size:1.4em; font-weight:lighter; color:666;}
h3{font-size:1.6em; font-weight:lighter;}
h5{font-size:1.3em; font-weight:lighter; float:left; margin:5px 8px 0 8px;}
a {color:#0066CC; text-decoration:none;}
a.white{color:#fff;}
a.white:hover{color:#f5f5f5; text-decoration:underline;}
a:hover {cursor:pointer; color:#0033CC;} /* HLeeman, Nstein UK: Introduced 'cursor' attribute to enforce correct display */
/* personalised headers */
.title2{font-size:1.1em; background:#fff; width:204px; font-weight:lighter; height:22px; padding-left:16px; padding-top:8px; color:#666;}
.title2a{font-size:1.1em; font-weight:lighter; padding-top:8px;}
.title3{font-size:1.1em; background:#fff; width:204px; font-weight:lighter; height:22px; padding:3px 0 5px 16px; padding-top:8px; color:#fff; background:#464444;}
/* pagination */
.pagination {font-size:0.9em; height:20px; float:right; width:400px; text-align:right; padding-right:8px;}
.pagination a {color:#2d28e9; text-decoration:none;} /* HLeeman, Nstein UK: Introduced to enforce correct display */
.pagination a:hover {cursor:pointer; color:#0033CC; text-decoration:underline;} /* HLeeman, Nstein UK: Introduced to enforce correct display */
div.pagination {clear:both;}
/* main menu */
#menuHolder{height:35px;}
#menu,
#menu ul {padding:0; margin:0; list-style:none; font: 0.85em verdana, sans-serif; background:#000; position:relative; z-index:100;}
#menu {height:28px; width:960px; padding:0 0 0 0; background:url(../images/menu_blue_BG.gif);}
#menu table {border-collapse:collapse;}
#menu li {float:left;}
#menu li li {float:none;}
/* a hack for IE5.x and IE6 */
#menu li a li {float:left;}
#menu li a {display:block; float:left; color:#fff; height:28px; padding:0 10px 0 10px; line-height:28px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#menu li li a {height:28px; line-height:25px; float:none; font-size:1.1em;}
#menu li:hover {position:relative; z-index:100;}
#menu a:hover {position:relative; z-index:100; background:url(../images/menu_grey_BG.gif); color:#fff;}
#menu li:hover > a { background:url(../images/menu_grey_BG.gif); color:#fff;}
#menu :hover ul {left:0; top:28px; z-index:300;}
#menu a:hover ul {left:-1px;}
#menu ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#menu li:hover li:hover > a { background:url(../images/menu_grey_BG.gif); color:#fff;}
#menu li a:hover ul li a:hover { background:url(../images/menu_grey_BG.gif);}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover ul,
#menu a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}
/* keep further levels hidden */
#menu a:hover ul ul,
#menu a:hover a:hover ul ul,
#menu a:hover a:hover a:hover ul ul,
#menu a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
/* top section */
#topBannerAd {width:730px; float:left; margin:8px 0 0 0;}
#topPromoBox {width:230px; text-align:right; float:right; margin:8px 0 0 0;}
#headerBox {width:620px; clear:right; float:left; background:url(../images/header_courier_life_BG.jpg);}
#topSearch {height:90px; width:340px; clear:right; float:right; background:url(../images/searchBox_BG.gif);}
#topSearch div.title2 {width:300px; background:none; padding-left:16px; margin-top:5px; color:#fff;}
#topSearch div.links {padding-left:16px; margin-top:15px; ;margin-bottom:10px; font-size:0.9em;}
#todaysDate {color:#fff;}
/* ANDREW (NSTEIN UK) Added above line */
/* editors selection, latest news box and featured events box */
#editorselection {color:#fff;}
#editorselection a:hover{text-decoration:underline;}
#editorselection .title4, #latestnewsboxright .title4 {margin:0; font-size:1.1em; padding:4px 0 0 16px; font-weight:lighter; background:url(../images/h2_darkgrey_BG.gif) top left repeat-x; height:28px; color:#fff;}
#editorselection .editorsmpu {height:250px; width:320px; margin-bottom:10px; margin-left:20px; clear:right; float:right;}
/* Changes above made by Andrew (Nstein UK) */
.editorspicks {height:250px; width:620px; margin-bottom:10px; clear:right; float:left; background:#706e6e; z-index:0;}
#latestnewsbox {height:176px; width:330px; margin-right:20px; clear:right; float:left; background:#d3d2d2;}
#latestnewsboxright{width:320px; margin:8px; background:#d3d2d2;}
#latestnewsbox li, #latestnewsboxright li, #featuredeventsbox li {background:url(../images/ed_item_grey_BG.gif) repeat-x top left; height:27px; padding-left:16px; padding-top:3px; list-style-type:none;}
#latestnewsbox li a, #latestnewsboxright li a, #featuredeventsbox li a {padding-top:2px; color:#333;}
#latestnewsbox li strong, #latestnewsboxright li strong {margin-right:10px; color:#333;}
#featuredeventsbox li strong {margin-right:2px; color:#333;}
#featuredeventsbox {height:176px; width:335px; clear:right; float:left; background:#d3d2d2;}
#editorialSelectionWidget {margin-top:-6px; font-size:1em; color:#fff;}
.eventscalendarbox {height:176px; width:270px; clear:right; float:left; background:#333;}
.eventscalendarbox .paddiv{padding:0 2px 0 2px; margin:-3px 0 0 0;}
.eventscalendarbox p.searchBox {padding:10px 0 0 0;}
.eventscalendarbox div.day_date {width:52px; background:#233d73; border-top:solid 1px #333; border-bottom:solid 1px #333; border-left:solid 1px #333; float:left;}
.eventscalendarbox div.day_date a{color:#b6bfd9; text-decoration:none; position:relative;}
.eventscalendarbox div.day_date a:hover{z-index:25;}
.eventscalendarbox div.day_date a span{display:none;}
.eventscalendarbox div.day_date span {color:#b6bfd9; text-decoration:none; cursor:pointer;} /* HLEEMAN (NSTEIN) Included span element in style definition to avoid using tag in the calendar, which causes problems */
.eventscalendarbox div.day_picker {width:52px; background:#233d73; border:solid 1px #333; float:left; font-size:1em; text-align:center; font-family:Verdana,Helvetica,sans-serif;}
.eventscalendarbox div.date_number {padding:10px 0 10px 0; border-bottom:solid 1px #333; background:#233d73 url(../images/calendar_items/date_number_grey_bg_today.gif) top left; font-size:3em; text-align:center;letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.eventscalendarbox div.todays_date_number {padding:10px 0 10px 0; border-bottom:solid 1px #333; background:#202b1d url(../images/calendar_items/date_number_grey_bg.gif) top left; font-size:3em; text-align:center;
letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.eventscalendarbox div.month {padding:3px; background:#233d73 top left; font-size:1em; border-bottom:solid 1px #333; text-align:center; letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.eventscalendarbox div.todays_month {padding:3px; background:#1d1d3f top left; font-size:1em; border-bottom:solid 1px #333; text-align:center; letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.eventscalendarbox div.day {padding:3px; background:#233d73 top left; font-size:1em; text-align:center; letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.eventscalendarbox div.todays_day {padding:3px; background:#1d1d3f top left; font-size:1em; text-align:center; letter-spacing: -0.08em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.picker{padding:3px 4px 0px 4px;}
.eventscalendarbox div.date_number:hover, .eventscalendarbox div.day_picker:hover {color:#fff; background:#1d1d3f; text-decoration:none; cursor:pointer;}
.eventscalendarbox div.date_number:hover {background:url(../images/calendar_items/date_number_grey_bg.gif);}
.eventscalendarbox div.todays_date_number:hover {background:url(../images/calendar_items/date_number_grey_bg_today.gif);}
.eventscalendarbox .textbox {width: 170px;}
/* ANDREW (NSTEIN) Added above line to reduce width from 180px to 170px. Required for appearance on Macintosh Firefox. */
/* left content holder */
/*#leftContent{height:100%; width:610px; clear:right; float:left; background:#fff; margin-top:10px; margin-right:10px; margin-bottom:10px;}
ANDREW (NSTEIN) Added margin-bottom above with a value that matches #rightcontent. this helps when there is more left content than right content
#leftContent p.header {font-size:1.1em; color:#990000; width:400px; margin:5px 0 0px 8px; padding:5px 5px 3px 0px; float:left;}
#leftContent p.header2 {font-size:1.1em; color:#990000; width:577px; margin:0; padding:5px 5px 3px 8px; background:#ccc; float:left;}
#leftContent a {color:#2d28e9; text-decoration:none;}
#leftContent a:hover {color:#0033CC; text-decoration:underline;}
#leftContent a.greytitle {color:#333; text-decoration:none;}
#leftContent a.whitetitle {color:#fff; text-decoration:none;}
#leftContent a.whiteLink{color:#fff; text-decoration:underline;}
#leftContent a:hover.whiteLink {color:#ccc; text-decoration:underline;}*/
#leftContent{height:100%; width:610px; font-size:0.90em; clear:right; float:left; background:#fff url('../images/h2_darkgrey_BG.gif') top left repeat-x; margin-top:10px; margin-right:10px; margin-bottom:10px;}
#leftContent .title4 {margin:0; clear:right; float:left; width:528px; font-size:1.1em; padding:4px 0 0 16px; font-weight:lighter; background:url('../images/h2_darkgrey_BG.gif') top left repeat-x; height:22px; color:#fff;}
#leftContent .title4 a{color:#fff;}
#leftContent .title4 span{float:right;}
#leftContent p.header {font-size:1.1em; color:#990000; width:400px; margin:5px 0 0px 8px; padding:5px 5px 3px 0px; float:left;}
#leftContent p.header2 {font-size:1.1em; color:#990000; width:577px; margin:0; padding:5px 5px 3px 8px; background:#ccc; float:left;}
#leftContent a {text-decoration:none;}
#leftContent a:hover {text-decoration:underline;}
#leftContent a.greytitle {color:#333; line-hieght:1.8em; text-decoration:none;}
#leftContent a.whitetitle {color:#fff; text-decoration:none;}
#leftContent a.whiteLink{color:#fff; text-decoration:underline;}
#leftContent a:hover.whiteLink {color:#ccc; text-decoration:underline;}
img.rss{vertical-align:middle; position:relative; left:0px; top:-2px;}
/* right content holder */
#rightContent{height:100%; width:340px; clear:right; float:right; background:#a8a8a8; margin-top:10px; margin-bottom:10px; color:#fff;}
#rightContent .title4{margin:0; font-size:1.1em; padding:4px 0 0 16px; font-weight:lighter; background:url('../images/h2_grey_BG.gif') top left repeat-x; height:28px;}
#rightContent .eventscalendarbox .paddiv{padding:0 2px 0 2px; width:330px; margin:-3px 0 0 0px;}
#rightContent .eventscalendarbox div.day_date {width:65px; background:#233d73; border-top:solid 1px #333; border-bottom:solid 1px #333; border-left:solid 1px #333; float:left;}
#rightContent .mpu {height:250px; width:320px; margin-bottom:10px; margin-left:20px;}
{* Added by Andrew (NStein UK) *}
/* left sub content */
.leftSubContent{height:100%; width:191px; clear:right; float:left; background:#fff; margin-top:10px; margin-bottom:10px; margin-right:10px;}
/* right sub content */
.rightSubContent{height:100%; width:192px; clear:right; float:right; background:#fff; margin-top:10px; }
/* middle sub content */
.midSubContent{height:100%; width:190px; clear:right; float:left; background:#fff; margin-top:10px; }
#rssList {font-size:0.7em;}
#rssList li {width:190px; background:#e5e1e1; line-height:1.8em; padding:0 0 0 5px;}
#rssList li:hover {width:190px; background:#dad6d6; line-height:1.8em;}
#rssList ul {list-style-type:none; margin:0 0 6px 0;}
#rssList img {float:right; margin:3px 2px 0 0;}
#rssList h6, #rssList h6 a {width:190px; font-size:1em; background:#5a0201; color:#fff; text-decoration:underline; padding:0 0 1px 5px;}
/* Toolbar */
.toolbar{clear:both; margin:0 0px 4px 8px;}
.toolbar p {padding:3px 10px 0 8px; background:url(../images/toolbar/tool_bar_BG.gif) repeat-x top left; height:24px; list-style-type:none; color:#990000; display:inline-block;}
.toolb1 {width:484px; position:relative; float:left; font-size:0.9em;}
.toolb1 img {vertical-align:middle; position:relative; left:0px; top:-3px;}
.toolb2 {width:70px;}
/* Article List */
#articleList {margin:8px; font-size:1.2em; line-height:1.4em; color:#666;}
#articleList p.byline {color:#999; font-size:0.8em;}
#articleList p.byline a {color:#2d28e9;}
#articleList p.byline a:hover {color:#0033CC;}
#articleList p. {font-size:1.8em; clear:both; padding:10px 10px 10px 0;}
#articleList p.rightSmall{padding:2px 5px 2px 0; width:150px; float:right; text-align:right; font-size:0.7em;}
#articleList h3 {font-size:1.6em; line-height:1.1em; margin:4px 0 5px 0;}
#articleList img.main {float:left; clear:left; margin:8px 8px 3px 0;}
/* (HLeeman, Nstein UK): Article List style class definitions for search results hitlist */
.articleList {width:594px; margin:8px; font-size:1.2em; line-height:1.4em; color:#666;}
.articleList p.byline {color:#999; font-size:0.8em;}
.articleList p.byline a {color:#2d28e9;}
.articleList p.byline a:hover {cursor:pointer; color:#0033CC;}
.articleList p. {font-size:1.8em; clear:both; padding:10px 10px 10px 0;}
.articleList p.rightSmall{padding:2px 5px 2px 0; width:150px; float:right; text-align:right; font-size:0.7em;}
.articleList h3 {font-size:1.6em; line-height:1.6em; margin:4px 0 5px 0;}
.articleList img.main {float:left; clear:left; margin:8px 8px 3px 0;}
/* Article sub left content */
.ArtleftSubContent{height:100%; width:160px; clear:right; float:left; margin-bottom:10px; margin-right:10px;}
/* Article sub left content */
.ArtrightSubContent{height:100%; width:390px; clear:right; float:left;}
.mainBreadcrumb{width:420px; font-size:1.1em; margin:5px 0 0 0; padding:3px 0px 0px 0px; float:left;}
.commentBubble{width:60px; margin:5px 0 0 0; padding:3px 5px 3px 10px; float:right; font-size:0.8em;}
#comments div.title3 .commentBubble{width:60px; margin:0 0 0 0; padding:0 0 0 0; float:right; font-size:0.8em;}
/* ANDREW (NSTEIN) Added line above, no margin/padding when using it within the comments area of the article page */
#photosales a {margin:30px;}
img.rss{vertical-align:middle; position:relative; left:0px; top:-2px;}
hr {height:1px; width:100%; border-top:1px none #cfcdcd; text-align:center; margin-top:8px;}
/* footer */
.footer {width:80px; border-left:#88a580 1px solid; margin:10px 10px 0 7px; padding-left:5px; clear:right; float:left; color:#339966;}
.footerb {width:80px; margin:10px 10px 0 5px; padding-left:5px; clear:right; float:left; color:#339966;}
.footer ul { list-style-type:none;}
.footer li a {color:#fff; font-size:0.7em; text-decoration:none;}
.footer li a:hover {color:#a3c09b; text-decoration:underline;}
.footer h6 a {color:#fff; font-size:1.2em; text-decoration:none; line-height:2em;}
.footerb ul { list-style-type:none;}
.footerb li a {color:#fff; font-size:0.7em; text-decoration:none;}
.footerb li a:hover {color:#a3c09b; text-decoration:underline;}
.footerb h6 a {color:#fff; font-size:1.2em; text-decoration:none; line-height:2em;}
#footerSearch {background:#465f3f; color:#fff; height:180px; width:210px; float:right; padding-right:10px;}
#footerSearch div.title2 {background:none; font-size:1.1em; padding:15px 0 0 0; color:#fff;}
#footerSearch p {font-size:0.7em; line-height:1em;}
.footerInfo {width:210px; padding:10px; float:right;}
.footerInfo p {font-size:0.8em; line-height:1.4em; color:#fff;}
/* right side bar */
.mpu {margin:0px auto;}
#linkBlock {width:320px; margin:8px;}
#linkBlock li {height:27px; font-size:0.95em; margin-bottom:2px; padding-top:4px; background:url(../images/static_link_BG_blue.gif) top right no-repeat;}
#linkBlock li a {text-decoration:none; margin-left:8px; color:#fff; }
#linkBlock a:hover {text-decoration:underline;}
#linkBlock li strong {font-size:1.1em; margin-right:8px;}
#linkBlock ul {list-style:none;}
#featuredGallery {width:330px; margin:8px 0 8px 5px; position:relative;}
#featuredGallery h2 {font-size:1.1em; font-weight:lighter; background:url('../images/h2_grey_BG.gif') top left repeat-x; height:22px; padding-left:16px; padding-top:4px; color:#fff;}
#featuredGallery p.lower {font-size:0.9em; font-weight:lighter; background:url('../images/h2_grey_BG2.gif') top left repeat-x; height:28px; padding-left:16px; padding-top:4px;}
#featuredGallery p.caption {position:absolute; bottom: 32px; left: 0px; width:312px; height:28px; border-top:solid 1px #fff; background:transparent url(../images/transparentBlack.png); padding-left:8px; padding-top:5px; color:#fff;}
.gallerydesctext {margin-left:16px;} /* To look at - getting the right margin correct */
#hotTopics {width:320px; margin:8px; background:#d3d2d2;}
#hotTopics h2 {font-size:1.1em; font-weight:lighter; background:url('../images/h2_grey_BG.gif') top left repeat-x; height:28px; padding-left:16px; padding-top:4px; color:#fff;}
#hotTopics p {padding:0 8px 8px 8px; font-size:1.2em; line-height:1.3em; text-align:center;}
#hotTopics a {text-decoration:none; color:#2c372e;}
.htmlBlock {width:320px; height:100px; margin:8px; background:#fff;}
.htmlBlock p {padding:20px;}
#htmlBlockEditable {width:318px; height:70px; margin:8px; background:#464444; border:solid 1px #333;}
#htmlBlockEditable h2{color:#ccc; padding:12px 0 12px 8px; background:#333; font-size:1.8em;}
#htmlBlockEditable p{color:#fff; padding:6px 8px 0 4px; text-align:right;}
#htmlBlockEditable2 {width:318px; height:90px; margin:8px; background:#464444; border:solid 1px #333;}
#htmlBlockEditable2 .one{width:182px; height:100px; clear:right; float:left;}
#htmlBlockEditable2 .two{width:135px; height:100px; clear:right; float:right;}
#htmlBlockEditable2 h2{color:#ccc; padding:8px 0 8px 8px; background:#333; font-size:1.2em;}
#htmlBlockEditable2 p{color:#fff; padding:4px 1px 0 8px; text-align:left; font-size:0.89em;}
#htmlBlockEditable2 a {text-decoration:underline; color:#fff;}
#htmlBlockEditable3 {width:200px; height:90px; margin:8px; background:#464444; border:solid 1px #333;}
#htmlBlockEditable3 .one{width:65px; height:100px; clear:right; float:left;}
#htmlBlockEditable3 .two{width:135px; height:100px; clear:right; float:right;}
#htmlBlockEditable3 h2{color:#ccc; padding:8px 0 8px 8px; background:#333; font-size:1.2em;}
#htmlBlockEditable3 p{color:#fff; padding:4px 1px 0 8px; text-align:left; font-size:0.89em;}
#htmlBlockEditable3 a {text-decoration:underline; color:#fff;}
.sidebarLeftCol {width:145px; height:600px; margin-left:8px; clear:right; float:left; background:#999; color:#fff;}
.sidebarLeftCol p{padding:20px;}
.sidebarRightCol {width:160px; height:600px; margin:0 13px 8px 0; clear:right; float:right; background:#999; color:#fff;}
.sidebarMiddleCol {width:320px; height:600px; margin:8px; clear:both; text-align:center;}
/* Generic Right hand Headers*/
.rightHeader {width:320px; margin:8px; background:#dde0de;}
.rightHeader h2 {font-size:1.1em; font-weight:lighter; background:url('../images/h2_grey_BG.gif') top left repeat-x; height:28px; padding-left:16px; padding-top:4px; color:#fff;}
.rightHeader p {padding:0 8px 8px 8px; font-size:1.2em; line-height:1.3em;}
.rightHeader a {text-decoration:none; color:#2c372e;}
/* main article */
#article {width:594px; margin:8px; font-size:1.2em; line-height:1.4em; }
#article a:hover {text-decoration:underline;}
#article a {color:#0066cc;}
#article a.inlineLink{color:#0066CC;}
#article p {font-size:0.9em; margin-bottom:0.9em;}
#article p.white {color:#fff;}
#article p. {font-size:1.8em; clear:both; padding:10px 10px 10px 0;}
#article p.byline {color:#666; font-size:0.8em; line-height:1.3em}
#article p.intro {font-size:1.2em; line-height:1.4em; margin-bottom:5px;}
#article h2.news {margin:50px 0 20px 0;}
#article h3 {font-size:1.2em; margin:8px 0 5px 0;}
#article p.caption {width:589px; background:#000; color:#fff; padding:3px 0 3px 5px; margin-bottom:5px; font-size:0.8em;}
#article p.leftSmall{padding:2px 5px 2px 5px; width:180px; float:left; text-align:left; font-size:0.7em;}
#article p.rightSmall{padding:2px 5px 2px 0; width:170px; float:right; text-align:right; font-size:0.7em;}
#article img.main {margin:8px 0px 0px 0; border:#666666 solid 1px;}
#article img.sub1 {float:left; clear:left; margin:2px 8px 6px 0;}
#article img.sub2 {float:right; clear:right; margin:8px 0px 6px 8px;}
#article img.sub3 {float:left; clear:left; margin:8px 8px 6px 0;}
#article .sub1 {float:left; width:160px; clear:left; margin:2px 8px 3px 0;}
#article .sub2 {float:right; width:160px; clear:right; margin:8px 0px 3px 8px;}
#article .sub3 {float:left; width:160px; clear:left; margin:8px 8px 3px 0;}
/* Fix the margin for li within the main article or gallery text, but avoiding
changing those within the 'byline etcetera' box.
This uses the > CSS selector, which means direct descendent */
#article > ul li {margin-left:25px; list-style-type:square;}
#article > ol li {margin-left:25px; list-style-type:decimal;}
#gallery > ul li {margin-left:25px; list-style-type:square;}
#gallery > ol li {margin-left:25px; list-style-type:decimal;}
/* general lower page */
#genericLowerPage {width:594px; margin:8px;}
#genericLowerPage p {font-size:1.2em; line-height:1.4em}
#genericLowerPage p.leftSmall{padding:2px 5px 2px 5px; width:180px; float:left; text-align:left; font-size:0.7em;}
#gallery p.rightSmall{padding:2px 5px 2px 0; width:150px; float:right; text-align:right; font-size:0.7em;}
/* HLeeman, NStein UK: Ensure that link display for "More on these topics" is as required. */
#genericLowerPage a {color:#2d28e9; text-decoration:none;}
#genericLowerPage a:hover {cursor:pointer; color:#0033CC; text-decoration:underline;}
/* general item lists */
#generalItemlist { line-height:1.4em; }
#generalItemlist p {margin:0px 0 5px 5px;}
#generalItemlist a {color:#666; text-decoration:none; font-size:1.4em;}
#generalItemlist a.small {font-size:1.2em;}
#generalItemlist h2 {clear:both;}
#generalItemlist div.right{background:#e0dfdf; padding:5px; width:150px;}
#generalItemlist p.right{background:#e0dfdf; padding:2px 5px 2px 0; width:150px; text-align:right;}
#generalItemlist p.rightSmall{padding:2px 5px 2px 5px; width:150px; float:right; text-align:right; font-size:0.49em;}
/* ANDREW (NSTEIN) Change 0.7em to 0.49em on line above; also right padding from 0 to 5px */
#generalItemlist div.left{background:#f5f5f5; padding:5px; width:70%;}
#generalItemlist hr{margin-bottom:20px;}
/* floating 3rd Column (centered) */
/*#floating3rdCol {margin-left:10px; margin-top:10px; margin-bottom:10px; float:right; clear:left; width:220px;}
ANDREW (NSTEIN) Added margin-bottom, above, to improve appearances
#floating3rdCol .textbox {margin-left:16px; margin-top:5px; width:130px;}*/
/* ANDREW (NSTEIN) Reduced width, in line above, from 160 to 150. Improves appearance for Macintosh Firefox */
#floating3rdCol {margin-left:5px; margin-top:5px; margin-bottom:10px; float:right; clear:left; width:220px;}
#floating3rdCol .textbox {margin-left:16px; margin-top:5px; width:150px;}
/* event information section */
#information {width:220px; margin-right:10px;}
#information li {font-size:0.8em; margin-top:5px; line-height:0.8em; padding-left:16px; padding-top:3px; color:#2C372E;}
#information ul {list-style-type:none; margin:0 0 15px 0;}
#information li.telephone {padding-left:18px; /*background: url(../images/gallery.png);*/ background-repeat:no-repeat;}
#information li.email {padding-left:18px; /*background: url(../images/gallery.png);*/ background-repeat:no-repeat;}
#information li.webaddress {padding-left:18px; /*background: url(../images/gallery.png);*/ background-repeat:no-repeat;}
/* related articles
#relatedArticles {width:220px; margin-right:10px; background:#f5f5f5;}
#relatedArticles li {font-size:0.8em; line-height:1.1em; padding:10px 10px 10px 16px; color:#666; border-bottom: 1px solid #ccc;}
#relatedArticles li.relatedslideshow {padding-left:40px; background: url(../images/gallery.png); background-repeat:no-repeat;}
#relatedArticles li a {padding-top:2px;}
#relatedArticles li strong {padding-top:2px; margin-right:10px;}
#relatedArticles ul {list-style-type:none;}*/
#relatedArticles {width:220px; margin-right:10px; }
#relatedArticles li {font-size:0.8em; line-height:1.1em; padding:10px 10px 10px 16px; color:#666; border-bottom: 1px solid #ccc; }
#relatedArticles li a {padding-top:2px; color:#333;}
#relatedArticles li strong {padding-top:2px; margin-right:10px;}
#relatedArticles ul {list-style-type:none; margin:-10px 0 0 0; background:#d3d2d2; margin-top:-12px;}
#relatedArticles li.relatedslideshow {padding-left:18px; /*background: url(../images/gallery.png);*/ background-repeat:no-repeat;}
/* byline */
#byline {width:220px; margin-right:10px; margin-top:10px; background:#464444;}
#byline ul {list-style-type:none;}
#byline li{font-size:0.7em; line-height:1.1em; padding:6px 2px 6px 16px; color:#fff;}
.sendLink {font-size:0.8em;}
.addButton {margin:0 5px 10px 15px; float:left;}
/* social */
#social {background: #464444;}
#social a {color: #fff;}
/* article search */
#articleSearch{background:#ccc; width:220px; padding-bottom:10px;}
/* ANDREW (NSTEIN) Replaced height:60px with padding-bottom:10px, since the height needs to change as the font size changes */
#articleSearch div.title2 {background:none;}
/* main list style - latest on site and latest in section */
#list {width:280px; clear:left; float:left; margin-right:10px;}
#list2 {width:270px; float:right; margin-right:10px; border-left:solid 1px #ccc; padding-left:15px;}
#list li, #list2 li {line-height:1.1em; padding:10px 10px 10px 16px; color:#666; border-bottom: 1px solid #ccc;}
#list li a, #list2 li a {padding-top:2px; text-decoration:none;}
#list ul, #list2 ul {list-style-type: none;}
#list div.title2, #list2 div.title2 {font-size:1.4em; background:#fff; width:100%; font-weight:lighter; height:22px; padding-left:16px; padding-top:8px; color:#666;}
/* comments */
#comments {height:100%; width:410px; margin: 10px 0 0 0; float:left; clear:left; font-size:0.85em;}
#comments p.title3, #comments div.title3 {font-size:1.1em; background:url(../images/toolbar/tool_bar_BG.gif) repeat-x top left; height:24px; width:100%; padding-left:16px; padding-top:3px; margin-left:0px; color:#333;}
#comments p {margin-left:16px;}
#comments hr {margin-bottom:8px; margin-left:16px;}
#commentForm{ background-color:#dcdcdb; margin-top:-7px; padding-left:16px; width:410px;}
#commentForm form {padding:10px;}
#commentForm2{ background-color:#dcdcdb; margin-top:-7px; padding-left:16px; width:410px;}
#commentForm2 label{width: 3em; float: left; text-align: right; margin-right: 0.5em; display: block;}
#googleAdVert{float:right; margin:10px 3px 0 3px;}
#googleAdVertCentered {margin: 0 63px 0 63px; padding-top:15px;} /* Added by Andrew (NStein UK). 63 is (594-468)/2 */
.commentSaveMessage {width:415px; margin-top:0px;} /* HEATHER (NSTEIN UK) Added to force the width */
/* form CSS */
/* Form styles */
/* event submit parts */
.leftContentSubmitForm{height:100%; width:191px; clear:right; float:left; margin-right:10px;}
.rightContentSubmitForm{height:100%; width:320px; clear:right; float:right; line-height:2em; border-left:solid 1px #999; padding:0 0 0 30px;}
.bodyTextSpaced {padding:8px; line-height:1.5em; width:97%;}
.bodyTextSpaced p {margin:0 0 10px 0;}
.bodyTextSpaced p.big {font-size:1.4em; line-height:1.4em; margin:0 0 20px 0;}
div.form-container { margin: 0px; padding: 5px; background-color: #dcdcdb; border: #EEE 1px solid;}
.legendHeads{color:#fff; background:#999 url(../images/h2_darkgrey_BG.gif); margin:20px 0 20px 0; padding:5px 0 5px 15px; font-size:1.3em;}
.legendHeadssub{color:#fff; background:#999 url(../images/h2_darkgrey_BG.gif); margin:8px 0 8px 0; padding:3px 0 1px 15px; font-size:1.3em;}
.col1 {text-align: right; width: 135px; height: 50px; margin: 0; float: left; margin-right: 2px; padding:5px 0 5px 0; background: url(images/bg_label.gif) no-repeat; font-size:1.2em;}
.col2 {width: 245px; height: 31px; display: block; float: left; margin: 0; background: url(images/bg_textfield.gif) no-repeat;}
.col2comment {width: 245px; height: 150px; margin: 0; display: block; float: left; background: url(images/bg_textarea.gif) no-repeat;}
.col2commentSmall {width: 295px; height: 90px; margin: 0; display: block; float: left; background: url(images/bg_textarea.gif) no-repeat;}
.col2commentLarge {width: 295px; height: 250px; margin: 0; display: block; float: left; background: url(images/bg_textarea.gif) no-repeat;}
.col1comment {text-align: right; width: 135px; height: 150px; float: left; display: block; margin-right: 2px; padding:5px 0 5px 0; background: url(images/bg_label_comment.gif) no-repeat; font-size:1.2em;}
div.row {clear: both; width: 550px; font-size:0.9em; }
div.row em {font-size:1.2em; color:#CC0000;}
.submit {height: 29px; width: 330px; padding-top: 5px; clear: both;}
.input {background-color: #fff; Verdana, Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 1px; border: 1px solid #8595B2;}
.inputComment{background-color: #fff; Verdana, Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; padding: 3px; border: 1px solid #8595B2; height:23px; font-size:1.5em;}
.textarea {border: 1px solid #8595B2; background-color: #fff; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px;}
.textareaComment{border: 1px solid #8595B2; background-color: #fff; font: Verdana, Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px; font-size:1.5em; padding:5px; line-height:1.5em;}
.textareaLarge {border: 1px solid #8595B2; background-color: #fff; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #5A698B; margin: 4px 0 5px 8px;}
.checkbox {margin: 4px 0 5px 8px;}
{margin:20px; background:#666666; font-size:5em;}
.searchinput{width:230px;}
.searchinputHead{width:230px; height:30px; margin:0 0 0 18px; font-size:2.0em; color:#999; font-family:Arial, Helvetica, sans-serif;}
.searchinputButton{border: 1px solid #006; background: url(../images/editor_picks/ed_picks_shadow2.gif); padding:1px; vertical-align:bottom; font-size:1.6em; color:#fff;}
.searchinputButton:hover{border: 1px solid #fff; background: url(../images/editor_picks/ed_picks_shadow2.gif); padding:1px; vertical-align:bottom; font-size:1.6em; color:#fff;}
form.event {width:600px;}
form.comment {width: 400px;}
div.rowError {
height: 25px;
background: transparent url(../images/bg-error.png) 0 0 repeat-y;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-left: -3px;
padding-left: 3px;
}
/* ANDREW (NSTEIN (UK) ADDED ABOVE FOR FORM VALIDATION */
form.comment .col2 .input {width: 245px;} /* ANDREW (NSTEIN UK) Added to force the width in the comments form */
form.comment .col2comment .textarea {width: 245px;} /* ANDREW (NSTEIN UK) Added to force the width in the comments form */
form.event .textareaLarge {width: 375px;} /* ANDREW (NSTEIN UK) Added to force the width in the events form */
/* gallery */
.galleryPlaceholderThumb {border:#666666 solid 1px; margin:5px; display:inline-block;}
#galleryholder {width:610px; background:#000;}
#gallery {width:570px; margin:0 8px 0 8px; }
#galleryMain {width:580px; margin:0 8px 0 8px; }
#galleryMain h3 {background:#333; width:574px; padding:5px; color:#fff; margin:5px 8px 0 8px;}
#galleryMain a {color:#fff;}
#gallery p {font-size:1em;}
#gallery p.byline {font-size:0.8em; margin-bottom:2px; margin-top:4px; float:left;}
#galleryMain p.byline {font-size:0.8em; margin-bottom:2px; margin-top:4px; margin-left:8px; float:left; color:#fff;}
#gallery p.rightSmall{padding:2px 5px 2px 0; width:150px; float:right; text-align:right; font-size:0.9em;}
#gallery p.pictureAmount {float:right; font-size:0.8em; margin-right:12px;}
#gallery p.intro{font-size:1.2em; line-height:1.2em; margin:0 0 0 8px; padding:0 0 20px 0;}
#galleryMain p.intro {font-size:1.2em; line-height:1.2em; margin:0 0 0 8px; padding:0 0 20px 0; color:#ccc;}
#gallery p.galleryTitle {font-size:1.6em; clear:both; padding:8px; color:#333;}
#gallery h1 {margin: 0 0 0 5px;}
#gallery img.main {border:#666666 solid 1px;}
.galleryThumbs {margin:0 0 10px 0;}
.galleryThumbs a {border:#666666 solid 1px; margin:3px; display:inline-block;}
.galleryThumbs a:hover {border:#999999 solid 1px;}
a.smallA{font-size:0.89em;}
a.mediumA{font-size:1.2em;}
a.largeA{font-size:1.5em;}
/* search bar */
#searchbar{clear:both; margin:0 0px 4px 0; padding:4px 0 4px 8px; background:#333; color:#fff; display:inline-block; width:602px; }
/* #searchbar div {padding:10px; background: #7d7c7b repeat-x top left; height:24px; width:570px; list-style-type:none; color:#fff; } */
/* tabbed content */
.tabbed_box_main {margin: 0px auto 0px auto; width:610px;}
.tabbed_box_main h4 {font-family:Verdana, Helvetica, sans-serif; font-size:21px; color:#fff; letter-spacing:-1px; margin-bottom:5px;}
.tabbed_box_main h4 small {color:#fff; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:-4px;left:6px; letter-spacing:0px;}
.tabbed_area_main {border:0px solid #494e52; background-color:#464444; padding:6px;}
.tabbed_box_right {margin: 8px; width:320px;}
.tabbed_box_right h4 {font-family:Verdana, Helvetica, sans-serif; font-size:15px; color:#fff; letter-spacing:-1px; margin-bottom:5px;}
.tabbed_box_right h4 small {color:#fff; font-weight:normal; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; position:relative; top:-4px;left:6px; letter-spacing:0px;}
.tabbed_area_right {border:0px solid #494e52; background-color:#464444; padding:6px;}
ul.tabs {margin:0px; padding:0px; outline:none;}
ul.tabs li {list-style:none; display:inline; font-size:0.90em;}
ul.tabs li a {background-color:#333; color:#fff; padding:4px 10px 4px 10px; text-decoration:none; font-family:Verdana, Helvetica, sans-serif; border:0px solid #590202;}
ul.tabs li a:hover {background-color:#666; border-color:#3f0202; color:#fff;}
ul.tabs li a.active {background-color:#fff; color:#666; border:0px solid #6b7f66; border-bottom: 1px solid #ffffff;}
.content_main {background-color:#ffffff; padding:10px; border:0px solid #6b7f66; }
#content_2, #content_3 { display:none; }
ul.tabs {margin:0px; padding:0px; margin-top:5px; margin-bottom:3px;}
.content_main ul {margin:0px; padding:0px 10px 0px 10px;}
.content_main ul li {list-style:none; border-bottom:1px solid #d6dde0; padding-top:7px; padding-bottom:7px; font-family:Verdana, Helvetica, sans-serif; font-size:0.70em;}
.content_main ul li a {text-decoration:none; color:#2d28e9;}
.content_main ul li a small {color:#8b959c; font-size:9px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative; left:4px; top:0px;}
.content_main ul li:last-child {border-bottom:none;}
/* ================================ accordian contacts css ADDED Dax 22.04.10 ========================================================= */
ul.simple, ul.simple li{ list-style:none outside; padding: 0; }
ul.simple li p, ul.simple li h4{ /*padding: 5px 20px; */ }
/* =layout
-------------------------------------------*/
#container { width: 600px; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ color: #333; padding: 0 10px 10px 10px; }
#container a{color:#0066CC;}
a.contactsLink{color:#0066cc;}
#header {margin: 20px 0 0 0; padding: 5px; border-bottom: 1px solid #2A2F34; width: 560px;}
.telephoneContacts, {font-size:1.3em; color:#FFCC00;}
.telephoneContacts a {font-size:1.1em;}
#container h3 {width: 550px; background: url('../images/h2_darkgrey_BG.gif') #333 top center repeat-x; height: 26px; line-height: 26px; padding: 0 20px; position: relative; cursor: pointer; font-size:1em; color:#fff;}
#container h3 a{ text-decoration: none; color:#FFCC00; }
#container h3 span { position: absolute; top: 0; right: 25px; font-size: 0.8em; font-weight: bold; color:#FFCC00;}
#container p {padding:2px;}
/*#container h2{padding: 5px; }*/
div.heading {margin: 10px 0 0 0; padding: 5px;}
div.collapse{ width: 590px; margin: 0px 0; background: #333;}
div.collapse-container{width: 570px; height: 100%; padding: 10px 20px; background: url(images/section-medium-bottom.gif) bottom no-repeat;}
p.collapse-container {padding:8px;}
.contactsLeft {width:200px; clear:right; float:left; padding:20px 0 20px 0;}
.contactsRight {width:250px; clear:right; float:right; padding:20px 0 20px 0;}
.clearbothcon {clear:both; border-bottom: 1px solid #666; width:540px;}
/* ==================== end ADDED Dax 22.04.10 ====================== */
/* mobile site*/
.mobileLogo{padding:25px 7px 25px 7px; margin:3px; background:#666666; color:#fff; text-align:center;}
.mobileItem {padding:7px; background:#990000; margin:3px; font-size:0.9em;}
.mobileItem a {color:#fff; text-decoration:underline;}
.mobileItem:hover {background:#660000;}
.mobileLinkOut{padding:7px; background:#465f3f; margin:3px; font-size:0.9em; height:18px;}
.mobileLinkOut a {color:#fff; text-decoration:underline;}
.mobileLeft {width:120px; clear:right; float:left;}
.mobileRight {width:120px; clear:right; float:right;}
.fontContRight{float:right; width:50px; padding:4px 0 0 16px; background:url('../images/h2_Grey_BG.gif') top left repeat-x; height:22px;}
/* Unused code */
#paginationTop {font-size:0.89em; width:159px; padding:7px 5px 7px 10px; float:right; margin:5px 8px 0 0; background:#fff;}
#paginationLower {font-size:0.89em; width:159px; padding:7px 5px 7px 10px; float:right; margin:5px 8px 0 0; background:#fff;}
/* Error labels in events submission form */
/* TODO: move to a separate location, time permitting - they are just here for now to allow me to test. */
label.error {
/* remove the next line when you have trouble in IE6 with labels in list */
color: red;
font-style: italic
}