/*

BASE.CSS
Global stylesheet for www.richmond.gov.uk

Version 2.1.0
6 September 2002

Version 2.2.0
27 February 2204
includes homepage styles
cross broweser changes to the homepage styles


*/

/* ------------------------------------------------------------ */
/* UNIVERSAL & DEFAULT STYLES                                   */
/* By default, put all text in Arial or other sans-serif font. */

body
{
	font-family: Arial,Helvetica,sans-serif;
}
h1, h2, h3, h4, h5
{
	color: #333399;
}

/* needed? */
ul.richmondinfolist li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
/* needed? */
td.richmonddocbody 
{
	padding-top: 10px;
	padding-bottom: 1em;
	text-align: left;
	vertical-align: top;
}
table.bottom_borders tr td
{
	border-bottom: 1px solid;
	border-color: #333399;
}
.richmondblue
{
	color: #333399;
}
.richmondgreen
{
	color: #66CC66;
}
/* needed? */
.redborder
{
	border: thin #FF0000 solid;
	padding: 5px 5px 5px 5px;
}
/* needed? */
input.darkBlueGlowButton
{
	border-right: #0066ff 2px solid;
	border-top: #33ccff 2px solid;
	font-weight: bold;
	font-size: 12pt;
	border-left: #33ccff 2px solid;
	cursor: hand;
	color: #ccffcc;
	border-bottom: #0066ff 2px solid;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: #222299;
}

/* -------------------------- STYLES FOR HOMEPAGE --------------------- */
BODY.homepageBody
{	
	font: 76% arial, helvetica, sans-serif;
	background-color: white;
}
table
{
	margin: 0px;
}
td.homepageContentContainer
{
	padding-left: 4px;
	padding-right: 4px;
}
table.headerTable
{
	border-style: none;
}
table.headerTable tr.topRow td
{
	padding-bottom: 3px;
	font-size: 1.0em;
	vertical-align: baseline;
}
table.headerTable tr td img.noborder
{
	border-style: none;
}
table.headerTable tr td.logoBox
{
	padding-right: 10px;
}
table.topLinksTable tr td
{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
table.topLinksTable tr td.leftItem
{
	text-align: center;
	vertical-align: middle;
}
table.topLinksTable tr td.middleItem
{
	text-align: center;
	vertical-align: middle;
}
table.topLinksTable tr td.rightItem
{
	text-align: center;
	vertical-align: middle;
}
table.topLinksTable tr td a:link
{
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	color: #000066;
	text-decoration: none;
}
table.topLinksTable tr td a:visited
{
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	color: #000066;
	text-decoration: none;
}
table.topLinksTable tr td a:hover
{
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	color: #0066FF;
	text-decoration: underline;
}

table.layouttable
{
	padding: 0px;
	margin: 0px;
	border-style: none;
}
table.contentTable
{
	padding: 3px;
	margin: 0px;
}

table.invisible
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
table.footercontainer
{
	border-right: #000033 1px solid;
	border-top: #00ccff 1px solid;
	border-left: #00ccff 1px solid;
	border-bottom: #000033 1px solid;
}
td.footerItem
{
	font-size: xx-small;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
}
td.leftNavContainer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	vertical-align: top;
	padding-top: 3px;
	height: 400px;
	background-color: #ccffcc;
	text-align: left;
}
table.leftColumnsTable
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
td.leftColumnsContainer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
table.HomepageContainer
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}
table.leftNavigation
{
	padding-right: 3px;
	padding-left: 2px;
	padding-bottom: 3px;
	color: #003399;
	border-top-style: none;
	padding-top: 2px;
	border-right-style: none;
	border-left-style: none;
	background-color: #ccffcc;
	border-bottom-style: none;
}
td.rightColumnContainer
{
	padding-top: 3px;
}
table.welcomeTable
{
	vertical-align: top;
}
td.welcomeMessage
{
	padding: 0px 0px 0px 0px;
	font: bold 1em Arial,Helvetica,Sans-Serif;
	margin: 2px;
	color: #000066;
	text-align: center;
	vertical-align: top;
}
table.welcomeTable tr td.welcomeImage
{
	text-align: center;
	vertical-align: center;
}
table.contentTable tr td.contentColumnContainer
{
	vertical-align: top;
	text-align: left;
}
.lightgreenbg
{
	background-color: #ccffcc;
}
.whitebg
{
	background-color: white;
}
table.footercontainer tr td
{
	padding-right: 3px;
	padding-left: 3px;
	font-size: 70%;
	padding-bottom: 3px;
	color: white;
	padding-top: 3px;
	background-color: #003399;
}
table.atoz tr td
{ 
	letter-spacing: .01em;
	font-size: smaller; 
	font-weight: normal; 
}
table.atoz a:link
{
	font-size: 110%;
	font-weight: bolder; 
	color: #000066;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
}
table.atoz a:visited
{
	font-size: 110%;
	font-weight: bolder; 
	color: #000066;
	text-decoration: none;
	font-family: Arial, Helvetica, Sans-Serif;
}
table.atoz a:hover
{
	font-size: 110%;
	font-weight: bolder; 
	color: #0066FF;
	text-decoration: underline;
	font-family: Arial, Helvetica, Sans-Serif;
}
td.footerItem a:link
{
	background-color: #003399;
	color: #ccffcc; 
	text-decoration: underline;
}
td.footerItem a:visited
{
	background-color: #003399;
	color: #ccffcc; 
	text-decoration: underline;
}
td.footerItem a:hover
{
	background-color: #003399;
	color: white;
	text-decoration: underline;
}
table.contentTable tr td
{
	vertical-align: top;
}
table.contentColumnTable
{
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding-right: 3px;
}
h1.homepage_contentSectionHeader
{
	padding-right: 5px;
	padding-left: 5px;
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	color: #000066;
	padding-top: 2px;
}
table.contentColumnTable tr td.specialLinkBox
{
	background-color: #ccffcc;
}
table.contentColumnTable tr td.specialLinkBox a:link
{
	font-weight: bold;
	color: #000066; 
	text-decoration: underline;
}
table.contentColumnTable tr td.specialLinkBox a:visited
{
	font-weight: bold;
	color: #000066; 
	text-decoration: underline;
}
table.contentColumnTable tr td.specialLinkBox a:hover
{
	font-weight: bold;
	color: #0066FF;
	text-decoration: underline;
}
table.contentColumnTable tr td p
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: .8em;
	padding-bottom: 0px;
	margin: 2px 0px;
	padding-top: 0px;
}
table.contentColumnTable tr td img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
h2.homepage_contentItemHeader
{
	font: bold 1em Arial, Helvetica, Sans-Serif;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 0px;
	vertical-align: middle;
	color: #000066;
}

table.contentColumnTable tr td h2 a:link
{
	list-style-position: outside;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	color: #000066; 
	text-decoration: underline;
}
table.contentColumnTable tr td h2 a:visited
{
	list-style-position: outside;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	color: #000066; 
	text-decoration: underline;
}
table.contentColumnTable tr td h2 a:hover
{
	border-left-width: 1px;
	list-style-position: outside;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: middle;
	color: #0066ff;
	text-decoration: underline;
}
table.contentColumnTable tr td.headingBulletBox
{
	vertical-align: text-top;
	text-align: left;
}
table.contentColumnTable tr td.headerBox
{
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #ccffcc;
	margin-right: 3px;
	vertical-align: baseline;
}

tr.deptartmentPage td
{
	font-size: 90%;
}
td.deptartmentPage
{
	font-size: 90%;
	font-family:Arial;
}

td.deptartmentPage strong
{
 font-size: 110%
}

td.homepage_contentHeaderBox
{
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: #ccffcc;
	margin-right: 3px;
	vertical-align: baseline;
}
table.contentColumnTable tr td.contentItemBox
{
	padding-bottom: .5em;
	padding-top: 0px;
	margin-right: 3px;
}
table.contentColumnTable tr td.featureBox
{
	padding-top: 8px;
	padding-bottom: 0px;
}
table.contentColumnTable tr td.specialLinkBox
{
	font-size: .8em;
	padding: 2px 5px 2px 5px;
}
img.headingBullet
{
	vertical-align: top;
}


table.topNavBar
{
	background-color: #003399;
}

td.homepage_topNavBarItem
{
	padding: 2px 3px 2px 3px;
	border-right: #000033 1px solid;
	border-top: #00ccff 1px solid;
	border-left: #00ccff 1px solid;
	border-bottom: #000033 1px solid;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: x-small;
	color: white;
}
a.homepage_topNavBarLink
{
	text-align: center;
	vertical-align: middle;
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	color: #ccffcc;
	text-decoration: none;
}

table.topNavBar tr td
{
	color: white;
	background-color: #003399;
	font-size: 1em;
}
table.topNavBar tr td a
{
	font-weight: bold;
	color: #ccffcc;
	background-color: #003399;
	text-decoration: none;
}
table.topNavBar tr td a:link
{
	color: #ccffcc;
	background-color: #003399;
	text-decoration: none;
}
table.topNavBar tr td a:visited
{
	color: #ccffcc;
	background-color: #003399;
	text-decoration: none;
}
table.topNavBar tr td a:hover
{
	color: white;
	background-color: #003399;
	text-decoration: underline;
}
table.leftNavigation tr td
{
	padding: 2px 5px 2px 5px;
	line-height: 0.8em;
	font-family: Arial, Helvetica, Sans-Serif;
}
table.leftNavigation tr th
{
	padding: 1px 5px 1px 5px; 
}
table.leftNavigation tr td a:link
{
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	text-decoration: none;
	color: #000066;
}
table.leftNavigation tr td a:visited
{
	font: bold .8em Arial, Helvetica, Sans-Serif; 
	text-decoration: none;
	color: #000066;
}
table.leftNavigation tr td a:hover
{
	color: #0066ff;
	text-decoration: underline;
}

ul.contentItem 
{
margin-left: .5em;
padding-left: 0;

list-style: none;
}

ul.contentItem li 
{
font-size: .8em;	
padding-left: 10px;
background-image: url(../../images/homepage/greenBullet.gif);
background-repeat: no-repeat;
background-position: 0px 10px;
padding-top: .2em;
//padding-bottom: .2em;
}

ul.contentItem a:link
{
	color: #000099;
	text-decoration: underline;
}
ul.contentItem a:visited
{
	color: #000099;
	text-decoration: underline;
}
ul.contentItem a:hover
{
	color: #3366FF;
	text-decoration: underline;
}

div#londonsarcadia 
{ 
	background: url('/images/homepage/larichbridge150x114.gif') no-repeat; 
	height: 114px; 
    width: 150px; 
	font: bolder 12px Arial, Verdana, Sans-serif;
	text-align: center;
	color: ffffff;
	padding: 3px 0px 0px 0px;
}

div#londonsarcadia a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}

div#londonsarcadia a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

div#londonsarcadia a:hover
{
	color: #000066;
	text-decoration: underline;
}

div#visitrichmond 
{ 
	background: url('/images/homepage/vrmarblehill150x114.gif') no-repeat; 
	height: 114px; 
	width: 150px; 
	font: bolder 12px Arial, Verdana, Sans-serif;
	text-align: center;
	color: 333366;
	padding: 3px 0px 0px 0px;
}

div#visitrichmond a:link
{
	color: #FFFFFF;
	text-decoration: underline;
}

div#visitrichmond a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

div#visitrichmond a:hover
{
	color: #000066;
	text-decoration: underline;
} 

/*--------------------- END OF STYLES FOR HOMEPAGE -------------------------*/