/* Reset v1.0 | 20080212  - http://meyerweb.com/eric/tools/css/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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;
}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */ table {	border-collapse: collapse;	border-spacing: 0;}
/* end reset */

/* Typography (Copied from 
http://www.ltmuseum.co.uk/tfl-museum-global/css/typography.css) */
/* PADDING AND MARGINS */
h1, h2, h3, h4, h5, h6, ul, dl, dt, dd, table, p, hr, form, fieldset{
  	margin: 0;
  	padding: 0
} 
ol{
  	padding-left: 2em	
}
h1, ul, dl, p, hr, form, fieldset, address{
  	margin-bottom: 19px
}
h2{
  	margin-bottom: 8px;
  	padding-bottom: 4px
}
h3, h4, h5, h6{
  	margin-bottom: 0
}
h1{
	padding: 5px 0;
	line-height: 20px;
}
body{
	line-height: 1.5em 
}
/* FONTS */
body{
  	font-family:Verdana, Arial, Helvetica, sans-serif
}
h1, h2{
  	font-family: Arial, Helvetica, sans-serif;
}
/* FONT SIZES */
body{
  	font-size: 70%;
}
h1{
  	font-size: 1.75em;
}
h2{
  	font-size: 1.25em
}
h3, h4, h5, h6{
  	font-size: 1em
}
/* FONT WEIGHT */
dt{
	font-weight: bold;
} 
/* FONT COLOURS AND STYLES */
body{
  	color: #666
}
a{  
  	color:#0777B9;
  	text-decoration:none;
} 
a:hover{
  	text-decoration: underline !important;
  	color:#113B92;
}

h1 a, h2 a{
  	color:#113B92;
  	text-decoration:none
}
 
h1{
  	border-bottom: 1px solid #CCC;
  	color: #666;
}

h2, h3, h4, h5, h6, dt{
  	color: #000
}
h4, h5, h6{
	display: inline;
	float: left;
	margin-right: 5px
}
code{
	color: #000;
	white-space: nowrap;
}
acronym{
	border-bottom: 1px dotted;
}
address{
	font-style: normal;
}
/* Tube line colours */
.bakerloo					{color: #FFF;  		background: #AE6118;}
.central					{color: #FFF;  		background: #E41F1F;}
.circle						{color: #113B92;  	background: #F8D42D;}
.district					{color: #FFF; 		background: #00A575;}
.eastlondon					{color: #113B92;  	background: #F2AD41;}
.hammersmithandcity			{color: #113B92;  	background: #E899A8;}
.jubilee					{color: #FFF;  		background: #8F989E;}
.metropolitan				{color: #FFF;  		background: #893267;}
.northern					{color: #FFF;  		background: #000000;}
.piccadilly					{color: #FFF;  		background: #0450A1;}
.victoria					{color: #FFF;  		background: #009FE0;}
.waterlooandcity			{color: #113B92;  	background: #70C3CE;}
.bakerloo:hover				{color: #FFF;  		background: #AE6118; text-decoration: underline}
.central:hover				{color: #FFF;  		background: #E41F1F; text-decoration: underline}
.circle:hover				{color: #113B92;  	background: #F8D42D; text-decoration: underline}
.district:hover				{color: #FFF; 		background: #00A575; text-decoration: underline}
.eastlondon:hover			{color: #113B92;  	background: #F2AD41; text-decoration: underline}
.hammersmithandcity:hover	{color: #113B92;  	background: #E899A8; text-decoration: underline}
.jubilee:hover				{color: #FFF;  		background: #8F989E; text-decoration: underline}
.metropolitan:hover			{color: #FFF;  		background: #893267; text-decoration: underline}
.northern:hover				{color: #FFF;  		background: #000000; text-decoration: underline}
.piccadilly:hover			{color: #FFF;  		background: #0450A1; text-decoration: underline}
.victoria:hover				{color: #FFF;  		background: #009FE0; text-decoration: underline}
.waterlooandcity:hover		{color: #113B92;  	background: #70C3CE; text-decoration: underline}
/* Block and pull quotes */
.pullquote p,
blockquote p{
	margin-bottom: 0;
  	background:  url('../images/quote-open.gif') left 2px no-repeat;
	text-indent: 21px;
  	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2em;
	color: #333;
}
div.pullquote.left,
div.pullquote.right,
blockquote.left,
blockquote.right{
	width: 167px;
}
.pullquote .cite{
	background: #F7F7F7 url('../images/panel-shadow.gif') left bottom repeat-x;
	padding-bottom: 23px;
	padding-top: 3px;
	font-size: 1em;
	line-height: 1em;
	color: #666666;
}
/* SUPPORTING CONTENT HEADERS */
#supporting-content h2,
#see-also dt,
#related-websites dt{
  	font-size: 1.25em;
  	font-family:Arial, Helvetica, sans-serif;
  	border-bottom: 1px solid #FFF;
  	padding-top: 5px;
 	margin-bottom: 0;
 	color: #666;
 	background:  url('../images/supporting-content-header.gif') repeat-x ;
}
/* LISTS AND LISTS OF LINKS */
ul{
	list-style-type: none;
} 

.blog  dd, #page dd, .content dd,
.blog  ul li, #page  ul li, .content  ul li , .contentlist  li {
	background:transparent url(../images/grey-bullet.gif) no-repeat scroll 0 7px;
	padding-left:10px;
	margin-left: 2px;
}

.linklist dd,
.linklist li{
	background:  url('../images/green-bullet.gif') no-repeat 0 7px;
	padding-left: 8px;
}
.pagelinks dd,
.pagelinks li{
	background:  url('../images/green-bullet-down.gif') no-repeat 0 7px;
	padding-left: 8px;
}
ul.inline{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.inline li{
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 12px;
	background-image: none;
}
ul.inline li img{
	vertical-align: middle;
	margin-right: 3px;
}
/* CLEAR */
.clear{
  	clear: both
}
/* IMAGE BORDERS */
a img{
  	border: 0 solid;
}
.border {
  	border:solid 1px #CCC;
  	padding:2px;
	background-color: #FFF;
}
.white-border {
  	border:solid 1px #FFF;
  	padding:2px;
	background-color: #FFF;
}
a:hover img.border,
a:hover img.white-border{
  	border:solid 1px #3497D5; 
}
/* TABLES */
table {
	border-collapse: collapse;
}
td, th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 8px 2px 0
}
.no-border td,
.no-border th{
	border: 0 solid;
}
th{
	color: #000; 
	text-align: left;
	background: #E5E5E5;
}
table,
caption{
	margin-bottom: 8px;
}
caption{
	font-style: italic; color: #000
}
/* TEASER */
.teaser{
	font-size: 1.2em;
	line-height: 1.28em;
	color: #333;
}
/* ICONS */
/* Photoshop */		a.filetype-psd	{background:  url('../images/filetype-psd.gif') no-repeat;}
/* Text */			a.filetype-txt	{background:  url('../images/filetype-txt.gif') no-repeat;}
/* Word */			a.filetype-doc	{background:  url('../images/filetype-doc.gif') no-repeat;}
/* Excel */			a.filetype-xls	{background:  url('../images/filetype-xls.gif') no-repeat;}
/* Powerpoint */	a.filetype-ppt	{background:  url('../images/filetype-ppt.gif') no-repeat;}
/* GIF */			a.filetype-gif	{background:  url('../images/filetype-gif.gif') no-repeat;}
/* JPG */			a.filetype-jpg	{background:  url('../images/filetype-jpg.gif') no-repeat;}
/* Acrobat */		a.filetype-pdf	{background:  url('../images/filetype-pdf.gif') no-repeat;}
/* Print */			a.print	{background:  url('../images/icon-small-print.gif') no-repeat;}
/* Email */			a.email	{background:  url('../images/icon-small-email.gif') no-repeat;}
/* RSS */			a.rss	{background:  url('../images/icon-small-rss.gif') no-repeat;}
a.filetype-psd,
a.filetype-txt,
a.filetype-doc,
a.filetype-xls,
a.filetype-ppt,
a.filetype-gif,
a.filetype-jpg,
a.filetype-pdf,
a.email,
a.rss,
a.print{
	padding: 2px 0 2px 20px;
}
/* LINKS THAT OPEN IN NEW WINDOWS */
.external-site,
.new-window,
.microsite{
	padding: 0 15px 0 0;
	background:  url('../images/new-window.gif') no-repeat right bottom;
}
/* Hide 'new window' icon from image links */
.external-site img,
.new-window img,
.microsite img{
	margin-right: -15px;
}
/* CLEAR ON FOCUS */
.clear-on-focus{
	color: #999;
}
/* LINK FOCUS STYLES */
a:focus, 
a:active,
input:focus{
	color: #000;
	background-image: none;
	background-color: yellow;
	outline: 1px solid yellow;
	-moz-outline:1px solid yellow;
}
.structural-label:focus, .structural-label:active{
	position: absolute;
	left: 0; top: 0;
	z-index: 999;
	background: yellow;
	padding: 2px;
	color: #F00;
	font-size: 1.2em;
	line-height: 1.2em;
	border:1px solid #000;
}
/* Joomla article fuctions and info */
p.articleinfo {background: #e7e7e7; padding: 0.5em; border-bottom: 1px solid #cfcfcf; margin-bottom: 0em; }

.createdby,
.createdate {margin-right: 1em; padding-right: 1em; border-right: 1px dotted #bbb;}

.buttonheading { border-bottom: 1px dashed #ddd; padding: 0.5em;background: #f5f5f5; }

a.readon {margin-top: -10px; display: block;}

/* General styles */
input.button 
{
    background:#63B2DF url(../images/button-blue.gif) repeat-x scroll left center;
    border:2px groove #057AB6;
    color:#FFFFFF;
    font-size:1em;
    font-weight:bold;
    height:22px;
    padding:1px;
}

.float-left {
    float:left;
}

.float-right {
    float:right;
}

.main-image
{
    display:none;
}

.article-image img.main-image
{
    display:inline;
}


#content img.float-right, 
#content img.float-right-border  {

	margin:0.3em 0 0.6em 1.7em;
}


#content img.float-left, 
#content img.float-right-border {

	margin:0.3em 1.7em 0.6em 0;
	margin:0.3em 1.7em 0.6em 0;
	
}
#content img.float-right-border, 
#content img.float-left-border {
	border: 1px solid #ddd;
}


.caption-left ,
.caption-right,
.caption-center {
	clear:both;
	width:224px;
	background: #eee;
	font-style:italic;
	font-size: 100%;
	border-left: 1px solid #d1d1d1;
	padding:5px 0 10px 10px;
}

.caption-left {
	float:left;
	margin:5px 10px 10px 0px;

}

.caption-right {
	float:right;
	margin:5px 0px 10px 10px;
}

.caption-center {
	width: 526px;
	margin:5px 0px 10px 0px;
}

li.float-right {
    clear:right;
    min-width:20em;
    margin-left:1em;
}

li.float-left {
    clear:left;
    min-width:20em;
    margin-right:1em;
}

/* Layout */
body
{
	background:#d7d7d7 url(../images/page-background.gif) repeat-y center center;
	color:#666;
}

#wrapper
{
    background:#fff url(../images/background-grad-FF5B17.gif) repeat-x;
    width:744px;
    margin:auto;
}

#header
{
    height:106px;
}

#header div#logo
{
    width:240px;
    float:left;
    overflow:hidden;
}

#header div#logo p
{
    margin:0;
    padding:0;
}

#header div.moduletable,
#header div.moduletable_mainnav,
#header div.moduletable_topmenu 
{
    width:496px;
    float:right;
}

#header div.moduletable_topnav
{
    min-height:17px;
}

#header div.moduletable_mainnav
{
    min-height:46px;
}

#header div.moduletable_mainnav ul,
#header div.moduletable_topmenu ul
{
    float:right;
}

#header div.moduletable_topmenu ul li,
#header div.moduletable_mainnav ul li,
#bottom div.moduletable_bottomlinks ul li
{
    float:left;
}

#header div.moduletable_mainnav ul li
{
    min-height:17px;
}

#header div.moduletable_topmenu ul li,
#bottom div.moduletable_bottomlinks ul li
{
    margin-right:10px;
    padding-left:8px;
    background:transparent url(../images/green-bullet.gif) no-repeat 0 7px;
}

#header div.moduletable form#search
{
    padding-right:19px;
    padding-top:10px;
    float:right;
    margin-bottom:0;
    min-height: 23px;
}
    
#content
{
    float:left;
    width:537px;
    margin-top:19px;
    margin-left:186px;
    padding-bottom:21px;
}




.right-column #content
{
    margin-left:0;
    width:463px;
}

#navigation
{
   float:left;
   width:167px;
   margin-right:19px;
   margin-left:-723px;
}

#sidebar-right
{
   float:left;
   width:260px;
   margin-left:20px;
   margin-top:19px;
   margin-right:-20px;
}

/* clearfix */
#main:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#page {margin-bottom: 1.5em}

#footer
{
    background:url(../images/corporate-links-bg-FF5B17.gif) no-repeat top left;
    clear:both;
    height:84px;
    padding:19px 19px 0;
}

#footer div.vcard
{
    line-height:1.1em;
    margin-left:-3px;
    margin-top:9px;
}

#footer div.vcard .org,
#footer div.vcard .adr
{
    padding:0 3px;
}

#footer div.vcard .org
{
    background-color:#FFFFFF;
    font-weight:bold;
}

#bottom
{
    background:#F2F2F1;
    width:744px;
    margin:auto;
    padding-top:19px;
    min-height:45px;
}

#bottom ul
{
    margin-bottom:0;
}

/* Header */
div.moduletable_topmenu
{
    padding-top:8px;
}

div.moduletable_topmenu ul
{
    margin-right:10px;
    margin-bottom:0;
}

div.moduletable_mainnav ul
{
    margin-bottom:0;
    margin-top:15px;
}
    
div.moduletable_mainnav li
{
    background-color:#FFFFFF;
    background-image:none;
    border-left:1px solid #CDD2D5;
    float:left;
    margin:0;
    padding:7px 0;
}

div.moduletable_mainnav li.learning
{
    background:#FF5B17;
    border-left-color:#FF5B17;
}

div.moduletable_mainnav li.getinvolved
{
    border-left-color:#FF5B17;
}

div.moduletable_mainnav li a
{
    color:#494949;
    height:27px;
    padding:7px 8px 7px 9px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.2em;
    font-weight:bold;
}

div.moduletable_mainnav li.learning a
{
    color:#fff;
}

/* Masthead */
#masthead div.jdGallery
{
    height:194px;
    border-bottom:2px solid #ff5b17;
}

#masthead div.jdGallery ul
{
    margin:0;
}

p#ltmGalleryText
{
    position:absolute;
    bottom:22px;
    left:20px;
    width:300px;
    font-size:22px;
    font-family:arial, sans-serif;
    line-height:1.5;
    margin:0;
    padding:0;
    
    color:#fff;
}

.hover p#ltmGalleryText
{
    color:#000;
}

p#ltmGalleryText span a:hover 
{
    color: #000;
    text-decoration:none !important;
}
p#ltmGalleryText span.innerWrapper
{
   padding-right:8px;
}

p#ltmGalleryText span.text
{
    background:#ff5b17;
    margin:0;
    padding:0.25em 0.25em 0.25em 0;
    border-left:0.25em solid #ff5b17;
    margin:0;
}

p#ltmGalleryText span.pad
{
    visibility:hidden;
}


div#ltmGalleryNumberControls
{
    position:absolute;
    bottom:20px;
    right:20px;
    width:200px;
    z-index:20;
}

div#ltmGalleryNumberControls a
{
    display:block;
    width:23px;
    height:23px;
    background:#3093c7;
    color:#fff;
    float:left;
    margin-left:12px;
    text-align:center;
    line-height:1.7;
    font-family:arial, sans-serif;
    font-weight:bold;
    font-size:13px;
    border:1px solid #fff;
}

div#ltmGalleryNumberControls a:hover
{
    background:#fff;
    color:#0777B9;
	border-color: #0777B9;
}

div#ltmGalleryNumberControls a:link,
div#ltmGalleryNumberControls a:visited,
div#ltmGalleryNumberControls a:hover,
div#ltmGalleryNumberControls a:active
{
    text-decoration:none !important;
}

div#main div#masthead a:hover
{
    text-decoration:none !important;
}

div#ltmGalleryNumberControls a.active
{
    background:#ff5b17;
}

/** Breadcrumbs */
div#pathway
{
    background: #0777b9;
    border-bottom:1px solid #f1f1f1;
    color:#fff;
    padding:4px 19px 5px;
}

div#pathway a
{
    color:#fff;
    font-weight:bold;
}

div#pathway span.breadcrumb-separator
{
    color:#baff41;
    font-weight:bold;
}
div#pathway a:focus, 
div#pathway a:active {
	color: #000;
}

/** Promo */
div#promo
{
    float:right;
    width:210px;
    padding-top:50px;
    margin-left:1em;
}

div#promo div.moduletable
{
    background:transparent url(../images/box_module_promo_bottom_bg.png) bottom left no-repeat;
    line-height:1.3;
}

div#promo div.moduletable div.content
{
    padding:0 0 17px;
}

div#promo div.moduletable h2
{
    color:#fff;
    padding:4px 0 10px 17px;
    font-size:1.1em;
    font-family:Verdana, san-serif;
    background:transparent url(../images/box_module_promo_top_bg.png) top left no-repeat;
}

div#promo ul
{
    padding:0 17px;
}

div#promo li
{
    background:transparent url(../images/orange_bullet.png) 0px 4px no-repeat;
    padding-left:15px;
}

div#promo p
{
    margin:0.75em 0;
    padding:0 17px 
}

/** Content Left */
div#content-left
{
    width:308px;
}

div#content-left div.moduletable
{
    background:transparent url(../images/galleries_box_bottom_bg.png) bottom left no-repeat;
    margin-bottom: 2em;
    padding-bottom:0.25em;
}

div#content-left div.moduletable:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#content-left div.moduletable div.content
{
    padding:0 16px;
}

div#content-left div.moduletable h2
{
    background:transparent url(../images/galleries_box_heading_bg.png) top left no-repeat;
    padding:4px 0 10px 10px;
    color:#fff;
    font-family:Verdana, san-serif;
    font-size:11px;
}

div#content-left div.moduletable p
{
    margin-left:90px;
}

div#content-left img.float-left
{
    border:1px solid #ff5a16;
	padding: 1px;
    margin:5px 16px 0 0;
}

/** Projects tab on communities page */
div.moduletable.projects
{
    
}

div#content-top-tabs div.tab-container
{
    padding:10px 0 0;
}

div#content-top-tabs div.moduletable
{
    padding:0.5em 1em;
}
            
div#content-top-tabs div.projects
{
    padding:0;
}            

div.moduletable.projects ul.advlatestnews-projects-box
{
    padding:0 3px;
}

div.moduletable.projects li.advlatestnews-item
{
    height:115px;
    overflow:hidden;
    margin:0;
    position:relative;
    padding:5px 1em 0;
    background:transparent url(../images/projects_list_bg.png) bottom left repeat-x;
	
}

div.moduletable.projects div.article-image
{
    float:left;
    margin-right:17px;
	border: 1px solid #FF5B17;
	padding: 1px;
}

div.moduletable.projects div.advlatestnewsreadmore
{
    position:absolute;
    bottom:15px;
    right:1em;
	font-weight: bold;
}

/** Content Bottom */
#content-bottom div.no-tabs div.moduletable
{
    background:transparent url(../images/box_module_bg.png) 0px -1px no-repeat;
    width:211px;
    height:112px;
    float:left;
    margin-left:20px;
}

#content-bottom div.no-tabs div.moduletable h2
{
    color:#fff;
    padding:2px 0 0 9px;
    font-size:1em;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

#content-bottom div.no-tabs div.moduletable p
{
    padding: 5px 9px;
}
    
#content-bottom div.no-tabs div.moduletable a
{
    font-weight:bold;
}    
    
/* Left navigation */
#navigation ul 
{
    padding:0;
}
#navigation li
{
    padding-left:0;
    background:transparent;
}
#navigation li a
{
    background:transparent url(../images/local-nav-bg.png) repeat-x scroll center bottom;
    color:#0777B9;
    display:block;
    font-weight:bold;
    padding-bottom:2px;
    padding-left:19px;
}

#navigation ul li ul
{
    margin-bottom:0;
}

#navigation ul li ul li
{
    padding:0 0 1px 10px;
}

#navigation ul li ul li a
{
    background:#FFFFFF;
    color:#0777B9;
    font-weight:normal;
    margin-bottom:1px;
    padding-bottom:0;
}
#navigation ul li ul li.active a
{
    color: #FF5B17;
}

#navigation ul li#current ul li a
{
    color:#0777B9;
}

/* Right sidebar */
#sidebar-right div.moduletable-events
{
    background:transparent url(../images/box_module_orange_bg.png) 0px 5px no-repeat;
    height:220px;
    position:relative;
    width:242px;
}

#sidebar-right div.moduletable-events ul.advlatestnews-events
{
    height:117px;
    overflow:hidden;
    margin-top:26px;
    margin-bottom:0;
}

#sidebar-right div.moduletable-events ul.advlatestnews-events li
{
    height:120px;
    overflow:hidden;
    padding:0 17px;
    margin-bottom:50px;
}

#sidebar-right div.moduletable-events ul.advlatestnews-events p
{
    margin:0;
}

#sidebar-right div.moduletable-events ul.advlatestnews-events a
{
    font-weight:bold;
}

#sidebar-right div.moduletable-events ul.advlatestnews-events p.advlatestnewstitle
{
    padding-left:10px;
    /* color is white not transparent to fix an IE lte 7 bug */ 
    background:white url(../images/green-bullet.gif) 0px 7px no-repeat;
}

#sidebar-right div.moduletable-events h3
{
    color:#fff;
    padding:13px 0 0 16px;
    font-size:1.1em;
}

#sidebar-right div.moduletable-events #fadeDiv
{
    position:absolute;
    height:30px;
    width:206px;
    left:17px;
    bottom:47px;
    background:transparent url(../images/latest_events_fade_bg.png) bottom left no-repeat;
}

#sidebar-right div.moduletable-breakout
{
    margin:5px -13px -10px 13px;
}

#sidebar-right div.moduletable-breakout p
{
    margin:0;
}

#controlsWrapper
{
    margin:0 17px;
    border-top:1px solid #ccc;
}

#controlsWrapper ul
{
    margin:0;
    background:#efedee;
    height:28px;
    border-top:1px solid #fff;
}

#controlsWrapper a span
{
    margin-left:-3000px;;   
}

#controlsWrapper li
{
    float:left;
}

#controlsWrapper li a
{
    display:block;
    width:18px;
    height:19px;
    background:transparent url(../images/latest_events_controls_sprite.png) top left no-repeat;
}

#controlsWrapper li a:active
{
    outline:none;
    -moz-outline:none;
}
#positionCounter {margin: 0px 3px}
#leftArrow,
#rightArrow,
#positionCounter
{
    margin-top:5px;
}

#controlsWrapper #pauseButton
{
    float:right;
    margin:4px 7px 0 0;
}

#controlsWrapper #leftArrowLink
{
    background-position:-50px -50px;
}

#controlsWrapper #leftArrowLink:hover
{
    background-position:0 -50px;
}

#controlsWrapper #rightArrowLink
{
    background-position:-50px 0px;
}

#controlsWrapper #rightArrowLink:hover
{
    background-position:0 0;
}

#controlsWrapper #pauseButton a
{    
    background-position:-50px -100px;
}

#controlsWrapper #pauseButton a:hover
{    
    background-position:0 -100px;
}

#controlsWrapper #pauseButton.paused a
{    
    background-position:-50px -150px;
}

#controlsWrapper #pauseButton.paused a:hover
{    
    background-position:0 -150px;
}

/** Bottom left */
div#content-bottom-left
{
    width:211px;
    float:left;
}

div#content-bottom-left div.moduletable.box
{
    background:transparent url(../images/content_bl_box_bottom_bg.png) bottom left no-repeat;
}

div#content-bottom-left div.moduletable.box div.content
{
    padding:0;
}

div#content-bottom-left div.moduletable.box h2
{
    background:transparent url(../images/content_bl_box_heading_bg.png) top left no-repeat;
    padding:4px 0 10px 10px;
    color:#fff;
    font-family:Verdana, san-serif;
    font-size:11px;
}

div#content div#content-bottom-left div.flickrslideshow div.content
{
    width:190px;
    position:relative;
    height:100px;
    padding:0 10px;
}

div#content-bottom-left div.flickrslideshow div.viewport
{
    overflow:hidden;
    position:relative;
    height:100px;
    width:190px;
}

div#content-bottom-left div.flickrslideshow div.content ul
{
    height:80px;
    position:absolute;
}


div#content-bottom-left div.flickrslideshow li
{
    float:left;
    padding:0;
    padding-left:12px;
    background:none;
}

div#content-bottom-left div.moduletable-bare
{
    padding:16px 0;
}

div#content-bottom-left div.flickrslideshow div.fade-left,
div#content-bottom-left div.flickrslideshow div.fade-right
{
    position:absolute;
    top:0px;
    height:80px;
    width:6px;
    background:#fff;
}

div#content-bottom-left div.flickrslideshow div.fade-left
{
    left:0px;
    background:transparent url(../images/flickr_fade_left.png) top left repeat-y;
}

div#content-bottom-left div.flickrslideshow div.fade-right
{
    right:0px;
    background:transparent url(../images/flickr_fade_right.png) top left repeat-y;
}

div#content-bottom-left div.flickrslideshow a.arrow
{
    position:absolute;
    top:0px;
    width:15px;
    height:70px;
    display:block;
    background:transparent url(../images/flickr_arrows_sprite.png) 0px 45px no-repeat;
    cursor:pointer;
    cursor:hand;
}

div#content-bottom-left div.flickrslideshow a.arrow-prev
{
    left:-8px;
    background-position:-34px 30px;
}

div#content-bottom-left div.flickrslideshow a.arrow-prev:hover
{
   background-position:-36px 30px;
}

div#content-bottom-left div.flickrslideshow a.arrow-next
{
    right:-8px;
    background-position:3px 30px;
}

div#content-bottom-left div.flickrslideshow a.arrow-next:hover
{
    background-position:5px 30px;
}

div#content-bottom-left div.flickrslideshow img
{
    background:#fff;
    padding:1px;
    border:2px solid #0878ba;
}

/** Bottom right */
div#content-bottom-right
{
    width:306px;
    float:right;
}

div#content-bottom-right div.moduletable
{
    background:transparent url(../images/box_module_orange_306_bottom_bg.png) bottom left no-repeat;
    line-height:1.3;
}

div#content-bottom-right div.moduletable div.content
{
    padding:0 17px 17px;
}

div#content-bottom-right div.moduletable h2
{
    color:#fff;
    padding:4px 0 10px 17px;
    font-size:1.1em;
    font-family:Verdana, san-serif;
    background:transparent url(../images/box_module_orange_306_top_bg.png) top left no-repeat;
}

div#content-bottom-right li.advlatestnews-item
{
    padding-left:0;
    background:transparent;
}
div#content-bottom-right .advlatestnewstitle {font-size: 110%; font-weight: bold; margin-bottom: 0.6em}
/* Footer */
#footer a.mayor-link
{
    background:transparent url(../images/mayor-logo-FF5B17.gif) no-repeat;
    display:block;
    height:17px;
    text-indent:-5000em;
}

#footer p
{
    margin:0;
    padding:0;
}

/* Bottom */
#bottom p
{
    float:right;
}

#bottom div.moduletable_bottomlinks
{
    padding-left:19px;
} 

/* Front page */
.frontpage h1.componentheading
{
    display:none;
}

#frontpagetext
{
    position:relative;
}

#content ul.tab-menu
{
    margin:0 0 0 1px;
    clear:both;
}

div#frontpagetext ul.tab-menu
{
    margin-left:19px;
}

#content ul.tab-menu:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content ul.tab-menu li
{
    float:left;
    padding:0;
    margin:6px 5px 0 0;
    background:transparent url(../images/home_tabs_menu_right_bg.png) top right no-repeat;
}

#content ul.tab-menu li a
{
    background:transparent url(../images/home_tabs_menu_left_bg.png) top left no-repeat;
    height:31px;
    display:block;
    font-weight:bold;
}

#content ul.tab-menu li a:active,
#content ul.tab-menu li a:focus
{
    outline:none;
    -moz-outline:0;
}

#content ul.tab-menu li a span
{
    display:block;
    padding:7px 20px 0;
}

#content ul.tab-menu li.tab-selected
{
    margin-top:0;
    background:transparent url(../images/home_tabs_menu_selected_right_bg.png) top right no-repeat;
}

#content ul.tab-menu li.tab-selected a
{
    background:transparent url(../images/home_tabs_menu_selected_left_bg.png) top left no-repeat;
    height:39px;
    color:#ff5b17;
}

#content ul.tab-menu li.tab-selected a:hover, #content ul.tab-menu li.tab-selected a:active {
 text-decoration:none !important;
 cursor:default;
}

#content ul.tab-menu li.tab-selected a span
{
    padding-top:12px;
}

div.tab-wrapper
{
    margin-top:-2px;
}

div#content-bottom-tabs div.tab-wrapper
{
    background:transparent url(../images/inner_tabs_bottom_bg.png) bottom right no-repeat;
    min-height:189px;
}

div#content-bottom-tabs div.tab-container
{
    background:transparent url(../images/inner_tabs_top_bg.png) top right no-repeat;
}

div#frontpagetext div.tab-wrapper
{
    background:transparent url(../images/home_tabs_bg.png) top right no-repeat;
    height:182px;
    margin-bottom:14px;
    margin-right:2px;
}

div#content-top-tabs
{
}

div#content-top-tabs div.tab-wrapper
{
    min-height:253px;
    margin-bottom:14px;
    background:transparent url(../images/inner_tabs_tall_stripe_bg.png) top right repeat-y;
}

div.tab-container
{
    padding:28px 1em 1em;
}

div#content-top-tabs div.tab-container
{
    background:transparent url(../images/inner_tabs_tall_bottom_bg.png) bottom right no-repeat;
    padding:0;
}

div#content-top-tabs div.moduletable
{
    background:transparent url(../images/inner_tabs_tall_top_bg.png) top right no-repeat;
    padding:28px 1em 1em;
    min-height:215px
}

div#frontpagetext div.tab-container
{
    padding:28px 1em 1em 142px;
}

div#content-bottom-tabs div.tab-container
{
    padding:28px;
}

div.tab-container h3
{
    font-size:1.3em;
    margin-bottom:4px;
    padding-left:14px;
    background:transparent url(../images/green-bullet-large.gif) 0 4px no-repeat;
}

.tab-image
{
    position:absolute;
    bottom:2px;
    left:14px;
}

#content-bottom-tabs p.advlatestnewstitle
{
    margin-bottom:0.25em;
}

div#content-bottom-tabs div.tab-container div.left
{
    width:272px;
    float:left;
}

div#content-bottom-tabs div.tab-container div.right
{
    width:190px;
    float:right;
}

div#content-bottom-tabs div.tab-container div.right li
{
    margin-left:4px;
}

div.moduletable h2 a
{
    color:#fff;
    display:block;
    background:transparent url(../images/box_arrow.png) 99% 2px no-repeat;
}

div.moduletable h2 a:hover
{
    color:#fff;
    display:block;
    background-position:right 2px;
}

 .tab-wrapper ul li 
{
	background:transparent url(../images/orange_bullet.png) 0px 4px no-repeat;
    padding-left:15px;
}

.tab-wrapper .worldcity ul li
{
    background:none;
} 

.article_row,
.category_list li
{
    border-bottom: 1px dashed #bbb; 
    margin-bottom: 2em
}

.category_list li a.category 
{
    font-size: 110%;
    font-weight: bold
}

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

div.errorpage
{
    margin-left:186px;
    width:450px;
    padding:19px 0;
}
/* tab linked vid content */
ul.vids {
	
}
ul.vids li {background: none;display: none; }
ul.vids li div.vidcontainer {margin-bottom: 1em;}
ul.vids li.vidvisible {background: none;display: block}


/* no script styles */

.nojs p.noscriptp 
{
	color: #ddd; 
	padding: 0.6em 1em 0.6em 1em; 
	background: #444; 
	line-height: 14px; 
	z-index:100;
	margin: 0;
}

/* JD Gallery noscript */
.nojs #masthead
{
	display: block;
	overflow: hidden !important;
	height: 194px;
	position: relative;
	border-bottom:2px solid #FF5B17;
}

.nojs #masthead  a 
{
	border-left:0.25em solid #FF5B17;
	border-right:0.25em solid #FF5B17;
	background: #FF5B17;
	bottom:60px;
	color:#FFFFFF;
	font-family:arial, sans-serif;
	font-size:22px;
	left:20px;
	line-height:1.5;
	margin:0;
	padding:1px 0 2px;
	position:relative;
}

.nojs div#frontpagetext
{
    padding-left:1.5em;
    padding-bottom:1.5em;
}

.nojs div#frontpagetext h2
{
    clear:both;
}

.nojs img.tab-image
{
    position:static;
    float:right;
    margin-top:-30px;
}

.nojs div#frontpagetext:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nojs div#content div#content-bottom-left div.flickrslideshow div.content
{
    overflow:auto;
}

.nojs div#content div#content-bottom-left div.flickrslideshow h2
{
    padding-bottom:6px;
}

.nojs div#content-bottom-left div.flickrslideshow li
{
    padding-left:4px;
    padding-bottom:4px;
}

