/*
Age Concern Islington www.acislington.org.ukCreated 02-07-2007*/

/* ================================================================
PAGE STYLES=================================================================== */
body {	margin: 0;	padding: 0;	font-family: sans-serif;	font-weight: normal;	font-size: 1em;	line-height: 150%;	color: #000033;	}
#pageframe {	position: absolute;	top: 0px;	left: 50%;	right: 50%;	margin-left: -375px;	padding: 0 10px 0 10px;	width: 730px;	height: auto;	clear: both;	border-right: 1px solid #999999;	border-bottom: 1px solid #999999;	border-left: 1px solid #999999;}
#header {	width: 730px;	height: 120px;	padding-top: 10px;
	border: 1px s
	}
#headermenu {
	width: 500px;
	height: 2em;
	float: right;
	background-color: yellow;
	}

#container {	width: 100%;	height: 100%;	margin: 0;	}
#leftcol {	width: 150px;	height: 100%;	margin: 0;
	float: left;
	}#rightcol {
	width: 560px;
	height: 100%;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	border-top: 2px solid #090042;
	}#footer {
	width: 730px;
	height: auto;	margin: 3em 0 2em 0;	text-align: center;	font-size: 0.7em;	line-height: 140%;	clear: left;	}

/* ================================================================
COMMON ITEMS
=================================================================== */
.contentsbox {	width: 500px;	height: auto;	border: 2px solid black;	}#breadcrumb {	width: 355px;	height: auto;	font-size: 0.8em;	float: left;}
#search {
	width: auto;
	height: 2em;
	float: right;
	text-align: right;
	}


/* ================================================================
FLOAT
=================================================================== */

.float {float: left}
.floatright {float: right}
.clear {clear: both}


/* ================================================================
COLOUR
=================================================================== */

.blue {color: #000033}
.pink {color: #EC0079}
.grey {color: #333333; text-decoration: underline;}
.highlight {background-color: lemonchiffon;}

/* ================================================================
TEXT STYLES
=================================================================== */
h1{ 	margin: 1.5em 0 1em 0;	font-size: 1.4em; 	color: #EC0079;	clear: both;	text-transform: uppercase;	}

h2{ 
	margin: 0;
	padding: 1.5em 0 0 0;
	font-size: 1.2em; 
	color: #EC0079;
	text-transform: uppercase;
	}

h3{ 
	margin: 0;
	padding: 1em 0 0 0;
	font-size: 1em;
	color: #EC0079;
	}
	
h4{ 
	margin: 0;
	padding: 2em 0 0 0;
	font-size: 1em;
	text-transform: uppercase; 
	color: #000000;
	clear: both;
	}

p { 
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	font-size: 100%; 	line-height: 140%; 	font-weight: normal	color: #000033;	}
p.box {
	width: auto;
	height: auto;
	margin: 0 0 1em 2em;
	padding: 1em;
	border: 1px solid #999999;
	}

p.padding-top {
	padding-top: 1.5em;
	}

.plain {font-weight: normal}

.small {font-size: 0.8em}

.space {padding-top: 1em;}

.updated {
	font-size: 0.8em;
	font-style: italic;
	}

ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 2em;
	list-style-position: outside;
	}


/* ================================================================
IMAGE STYLES
=================================================================== */

.photo {
	width: auto;
	height: auto;
	padding: 5px;
	margin-top: 3em;
	border: 1px solid #C1C1C1;
	}


/* ================================================================LINK STYLES=================================================================== */
a:link 		{color:#000033; text-decoration:underline;}
a:visited 	{color:#000033; text-decoration:underline;}a:active 	{color:#EC0079; text-decoration:underline;}a:hover 	{color:#EC0079;} a:link.bold 	{color:#000033; text-decoration:underline; font-weight: bold}a:visited.bold 	{color:#000033; text-decoration:underline; font-weight: bold}a:active.bold 	{color:#EC0079; text-decoration:underline; font-weight: bold}a:hover.bold 	{color:#EC0079; font-weight: bold} a:link.menu 	{color:#ffffff; text-decoration:none; font-weight: bold}a:visited.menu 	{color:#ffffff; text-decoration:none; font-weight: bold}a:active.menu 	{color:#ffffff; text-decoration:none; font-weight: bold}a:hover.menu 	{color:#ffffff; font-weight: bold} 
/* ================================================================NAVIGATION MENU - TOP NAVIGATION=================================================================== */
ul#topNavi {
	margin: 0;
	padding: 0;
	float: right;
	width: 500px;
	height: 2em;
	}

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

ul#topNavi li {
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	list-style-type: none;
	}
	
ul#topNavi li a {
	padding: 0 5px 0 5px;
	margin: 0;
	display: block;
	position: relative;
	font-size: 0.9em;
	}

ol {font-weight: bold}

/* ================================================================
TABLE STYLES
=================================================================== */

table {
	table-layout:fixed;
	width: 500px;
	margin: 0 0 1em 0;
	border-collapse: collapse;
	}
	
td {
	vertical-align: top;
	border-bottom: 1px solid #D3D3D3;
	padding: 0.2em;
	}

.title {
	padding-right: 2em;
	width: 300px;
	font-style: italic;
	font-weight: normal;
	}

table.timetable {
	table-layout:fixed;
	width: 550px;
	margin: 1em 0 1em 0;
	border-collapse: collapse;
	empty-cells: hide;
	}

.timetable td{
	border:  1px solid #D3D3D3;
	word-wrap: normal ;
	}

/* ================================================================
NAVIGATION MENU - LEFT COLUMN MENU
=================================================================== */

ul#menu{	list-style: none;	width: 100%;	margin: 10px 0 0 0;	padding: 0;	font-size: 1em;	line-height: 120%;	}	ul#menu li{	list-style: none;	height: 100%;	}
ul#menu li a{
	display: block;
	width: 130px;
	height: auto;
	margin-bottom: 5px;
	padding: 5px 5px 5px 10px;
	background-color: #000033;
	}

ul#menu li a:hover{
	background-color: #EC0079;
	}

ul#menu li.selected a{
	display: block;
	width: 130px;
	height: auto;
	margin-bottom: 5px;
	padding: 5px 5px 5px 10px;
	background-color: #EC0079;
	}


/* ================================================================
NAVIGATION MENU - SUB MENU
=================================================================== */

ul.submenu{
	list-style: none;
	width: 100%;
	margin: 2em 0 1.5em 0;
	padding: 0;
	}

ul.submenu li{
	list-style: none;
	width: auto;
	}

ul.submenu li a{
	width: auto;
	}

/* ================================================================
SITEMAP
=================================================================== */

ul.sitemap {
	padding: 0 0 0 1em;
	font-size: 1em;
	font-weight: bold; 
	text-decoration: none;
	}

ul.sitemap ul{
	padding: 0 0 0 2em;
	font-size: 1em;
	font-weight: normal; 
	}
	
ul.sitemap ul ul{
	padding: 0 0 0 2em;
	font-size: 1em;
	font-weight: normal; 
	}

ul.sitemap li {
	list-style: circle;
	}