/*********/
/* 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;
}

/***********/
/* General */
/***********/

html, body {
	min-height: 100%;
	background: white;
	color: black;
	}

body 	{
	position: relative; /* Define as CB */
	margin: 0 auto;
	padding: 1em 0;
	min-width: 760px;
	max-width: 1250px;
	line-height: 1;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	}
	
p 	{ margin: 1em 0; } 

ul { list-style: none; }

em 	{
	font-style: italic;
	font-weight: normal;
	}
	
strong 	{
	font-style: normal;
	font-weight: bold;
	}
	
address {
	margin: 1em 0;
	font-style: italic;
	text-align: center;
	}

a, a:link {
	color: #060;
	text-decoration: underline;
	}
a:visited { 
	color: #600;
	text-decoration: underline;
	}
a:hover, a:active, a:focus {
	color: #00F;
	text-decoration: underline;
	}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
	table-layout: fixed; 
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

/**********/
/* Inputs */
/**********/
	
input, textarea, select, .button {
	display: block;
	background: #CDF;
	}

input[type="hidden"] { display: none; }

input.disabled, textarea.disabled {
	background: white;
	}

input[type="submit"], input[type="reset"], .button, .buttons input, .button:link, .button:visited {
	cursor: pointer;
	background: #9CF;
	color: black;
	text-decoration: none;
	padding: 0 1em;
	}
	
input[type="submit"]:hover, input[type="reset"]:hover, .button:hover, .buttons input:hover,
input[type="submit"]:active, input[type="reset"]:active, .button:active, .buttons input:active,
input[type="submit"]:focus, input[type="reset"]:focus, .button:focus, .buttons input:focus { 
	background: #006;
	color: white;
	text-decoration: none;
	}	

/****************************************************************/
/* Javascript only items are by default not displayed.	  	*/
/*   Onload JS must change the className to something else. 	*/
/****************************************************************/
.javascriptEnabledButton { display: none; }

/****************/
/* Main heading */
/****************/
#heading {
	position: relative; /* define as CB */
	font-weight: bold;
	overflow: hidden;
	}

#MRClogo {
	position: absolute;
	top: 1em;
	left: 2em;
	padding-left: 1em;
	height: 100%;
	width: 13em;
	background: #aeaed8 url(../images/corners/combiblue20_tl.gif) scroll no-repeat top left;
	}

#MRClogo a {
	display: block;
	width: 100%;
	height: 100%;
	background: #aeaed8 url(../images/corners/combiblue20_tr.gif) scroll no-repeat top right;
	}

#MRClogo img {
	margin-top: 1em;
	height: 8.75em;
	width: 8.75em;
	}

#headtext {
	min-height: 10.75em;
	margin: 0 1em;
	padding-left: 13em;
	background: #2e2e8a url(../images/corners/darkblue30_tl.gif) scroll no-repeat top left;
	color: white;
	}

#heading h1 {
	padding: 0.25em 1em 0 0.75em;
	background: #2e2e8a url(../images/corners/darkblue30_tr.gif) scroll no-repeat top right;
	font-family: Tahoma, Geneva, Kalimati, sans-serif;
	font-size: 4em;
	letter-spacing: 0px;
	font-weight: bold;
	}

#heading .strapline {
	padding-left: 3em;
	font-style: italic;
	}

#donatebutton {
	position: absolute;
	right: 2em;
	bottom: 1em;
	}
#donatebutton input {
	width: 200px;
	font-weight: bold;
	font-size: 75%;
	}

/******************/
/* Other headings */
/******************/

h2 {
	font-size: 200%;
	font-family: Georgia, serif;
	font-weight: bold;
	color: #666666;
	margin-bottom: 1em;
	text-decoration: overline;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	color: #666666;
	margin-bottom: 0.5em;
}

/*************************************/
/* LH bar - menu, validator, credits */
/*************************************/

#menubar {
	position: absolute;
	top: 11.75em;
	left: 1em;
	width: 13em;
	background: #2e2e8a url(../images/corners/darkblue30_bl.gif) scroll no-repeat bottom left;
	color: white;
	}
	
#charity-number, #emergency-info {
	margin-left: 1em;
	}
	
#emergency-info {
	padding: 2em 1em 0 1em;
	background: #aeaed8;
	font-weight: bold;
	color: #b00;
	}

#charity-number {
	padding: 0 1em 2em 1em;
	background: #aeaed8 url(../images/corners/combiblue20_bl.gif) scroll no-repeat bottom left;
	color: #2e2e8a;
	}
	
/********/
/* Menu */
/********/

#menu {
	margin-left: 1em;
	background: #aeaed8;
	padding: 2em 0 2em 1em;
	font-weight: bold;
	}

#menu li {
	padding: 0.5em 0; 
	}

#menu a:link, #menu a:visited {
	color: #2e2e8a;
	text-decoration: none;
	}
	
#menu a:hover, #menu a:active, #menu a:focus {
	color: black;
	text-decoration: underline;
	}

/* Admin items in menu */

#menu li li { font-size: 100%; }

#menu h2 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-weight: normal;
	text-decoration: none;
	}
	
#menu .admin-only { padding-left: 40px; }

#menu .admin-only a:link, #menu .admin-only a:visited {
	background: white;
	margin: 0;
	border: none;
	padding: 0;
	color: #900;
	}
	
#menu .admin-only a:hover, #menu .admin-only a:active, #menu .admin-only a:focus
	{
	background: #060;
	color: white;
	}

/***********/
/* Content */
/***********/

#content {
	position: relative; /* define as CB */
	margin: 0 1em 0 14em;
	padding: 2em 0 1em 2em;
	background: transparent url(../images/corners/lightblue30_inner_tl.gif) scroll no-repeat top left;
	line-height: 1.2;
	}
	
#content ul {
	margin: 1.25em 0 1.25em 2.5em;
	list-style-type: disc;
	}
#content li {
	margin: 0.4em 0;
	}

#content img {
	float: left;
	margin: 0 1em 0 0;
	border: solid black 1px;
	}
#content img.right {
	float: right;
	margin: 0 0 0 1em;
	}

/*** Img with caption - .imgwithcaption must be given an inline width for caption text to wrap ***/
#content .imagewithcaption {
	float: left;
	margin: 0 1em 1em 0;
	}
#content .imagewithcaption div {
	width: 100%;
	font-size: 0.8em;
	}

/* divs for seperate items (home, newsletter) */
.content-item {
	clear: left;
	margin-bottom: 0.75em;
	border-bottom: solid 2px #CCCCCC;
	padding-bottom: 0.75em;
	}
.content-item:after { /* expand to enclose float lefts */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.short { /* for short items that could look silly on widescreens */
	max-width: 100em;
	}	

/**** Home welcome image & text *****/
 
#home-welcome img {
 	margin: 0; /* override #content img */
 	width: 50%;
 	}
#home-welcome p {
 	margin: 0; /* override all */
 	padding: 0.75em; /* previous    */
 	font-size: 120%;
 	margin-left: 52%;
 	padding-right: 5%;
	color: #006;
 	}

/**********************/
/* search by year box */
/**********************/

#search-incidents-by-year {
	float: right;
	width: 9em;
	margin: 0 0 0.5em 0.5em;
	border: solid 1px #006;
	padding: 1em;
	background: #DDD;
	}

#search-incidents-by-year h2 {
	font-size: 100%;
	}	

#search-incidents-by-year form {
	border: 1px solid black;
	padding: 0.2em;
	background: white;
	}

#search-incidents-by-year select, #search-incidents-by-year input {
	display: inline;
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0;
	}
	
/**************************/
/* Home page - news items */
/**************************/

#news .newsentry .date { 
	font-weight: bold;
	margin-top: 0.5em;
	}
#news .newsentry .locn {
	font-weight: bold;
	margin-bottom: 0.5em;
	}
#news .newsentry .desc {
	padding: 0 1em;
	}
#news .read-more {
	padding-top: 1em;
	font-weight: bold;
	color: #300;
	}

.latest-news a:link, .latest-news a:visited {
	text-decoration: none;
	color: black;
	}
	
.latest-news a:hover, .latest-news a:active, .latest-news a:focus {
	text-decoration: none;
	color: #00F;
	}
	
.latest-news span { 
	display: block;
	}
	
/***********************/
/* W3C XHTML Validator */
/***********************/

#validator div {
	margin: 1.6em;
	font-size: 80%;
	}
#validator a:link, #validator a:visited { color: white; text-decoration: none; }
#validator a:hover, #validator a:active, #validator a:focus { color: white; text-decoration: underline; }

/***********/
/* Credits */
/***********/
#credits {
	font-family: "Comic Sans MS", cursive;
	font-size: 80%;
	font-weight: bold;
	margin: 6em 1.6em 1.6em 1.6em;
	color: white;
	width: 150px; /* Note that #content is presumed to have a minimum margin-left of 195px (780px window) */
	}

#credits a:link, #credits a:visited {
	color: white;
	text-decoration: none;
	line-height: 1.3;
	}

#credits a:hover, #credits a:active, #credits a:focus {
	color: white;
	text-decoration: underline;
	}

/**************/
/* blue boxes */
/**************/
#members-link-box img, #vodapage-link-box img {
	position: relative;
	top: 10em;
	height: 1em;
	width: 1em;
	}	

#vodapage-link-box img {
	top: 12em;
	}

/*******************************/
/* Checkboxes or Radio buttons */
/* (used by category lists)    */
/*******************************/
ul#inc-categories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#inc-categories:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
ul#inc-categories li {
	float: left;
	margin: 0;
	padding: 2px 1em;
	width: 8em;
	white-space: nowrap;
}
ul#inc-categories li input {
	display: inline;
	margin: 0 5px;
	padding: 0;
	vertical-align: baseline;
	width: auto; 
	background: white;
	border: none; 
	}
	
/*****************************************/
/* Database display - multiple incidents */
/*****************************************/

span.search-terms { font-weight: bold; }

#db { table-layout: auto; }

#db th {
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
}
#db td {
	padding: 0.5em;
	text-align: center;
	vertical-align: top;
}

input.more {
	padding: 0.1em 0.3em;
	background-color: #CCCCCC;
}

/***************************************/
/* Database display - single incidents */
/***************************************/

#incident-info {
/*	width: 40%; Set by Javascript */
	}

#incident-info td {
	padding: 0.25em 0.5em 0.25em 0;
}

/* First column i.e. side headings */
#incident-info th {
	padding: 0.25em 0.5em 0.25em 0;
	width: 8em;
	font-weight: bold;
	text-align: right;
}


#incident-map {
	display: none; /* changed to block by JS */
	float: right;
	position: relative;
	margin-bottom: 1em;
	width: 57%;
	height: 270px;
	}
#gmap { 
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	}

#incident-description {
	margin-top: 1em;
	clear: both;
	}

#incident-description h3 {  /* similar to #incident-info th */
	clear: both;
	float: left;
	margin: 0;
	padding: 0.25em 0.5em 0.25em 0;
	width: 8em;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
	color: black;
	}

p.description {
	margin: 0 0 0 8.5em; 
	padding: 0.25em 0;
	}

#previousnext {
	position: absolute;
	top: 1em;
	right: 0;
	}
	
#previousnext a {
	float: left;
	font-weight: bold;
}
#previousnext a:link, #previousnext a:visited {
	color: #006;
	text-decoration: none;
	}
#previousnext a:hover, #previousnext a:active, #previousnext a:focus {
	color: #060;
	text-decoration: none;
	}

.prev {
	padding-right: 20px;
	border-right: solid 2px #006;
}
.next, .end {
	margin-left: 20px;
}

.end {
	color: #555;
	font-weight: bold;
	}

/***************/
/* Search page */
/***************/

#advanced-search div {
        clear: left;
        padding-bottom: 1em;
        }

#advanced-search * {
	font-size: 100%;
	}

#advanced-search div label { 
	float: left;
	width: 8em;
	margin: 0 1em 1em 0;
	}
	
#advanced-search div input {
	width: 15em;
	display: inline;
	}
	
#advanced-search div select {
	width: 5em;
	display: inline;
	}

ul#inc-categories label {
	float: none;
	display: inline;
	}

#advanced-search .button {
	margin: 0 0 0 9em;
	width: 7em;
	}

/*********/
/* Login */
/*********/
#login {
	margin-left: 1em;
	border: 2px solid #333333;
	padding: 1em;
	float: left;
}

/****************/
/* Admin editor */
/****************/
.editor th, .editor, td {
	padding-top: 0.5em;
	}
.editor th { 
	padding: 0.5em 0.5em 0 0;
	width: 12em;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	}
.editor input {
	width: 10em;
	}

.editor textarea {
	width: 24em;
	}

.editor .buttons {
	margin: 1em 0 1em 12.5em;
	width: auto; 
	}
	
.editor .buttons .button {
	display: inline;
	margin-right: 2em;
	width: auto;
	}