/* stylesheet for inside pages,*/
/*(c) Lois Wakeman 2002-2008 */

/* sets base font and colours*/
body
{
	font-size: 90%;
	font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #5B5F66;
	margin : 0;
	padding: 0;
}

 img 
{
	margin : 0;
	padding: 0;
	border : none;
}

div
{
	margin : 0;
	padding: 0;
	border : none;
	display: block;
	overflow : hidden;
}

p {
	margin: 1em 0 0.25em 0;
}

#wrapper
/*sets overall page content width*/
{
	max-width : 960px;
	margin : 0 auto 0 auto;
	background-color : #9FA8C6;
}

#main
{
	background-color : #fff;
	color : #000;
	padding:1em 2em 1em 2em;
}

#preamble
{
	color: #2B3146;
	background-color: #dde;
	margin: -1em -2em 0 -2em;
	padding: 0 2em;
	border-bottom: dotted thin #5B5F66;
}

#preamble p
{
	padding: 0.5em 0 0.5em 0;
}

#breadcrumb
{
	font-size : 80%;
}

#breadcrumb a
{
	text-decoration : none;
}

#breadcrumb a:link
{
	color : #2B3146;
}

#breadcrumb a:hover
{
	background-color: #A6ABBF;
}
#breadcrumb a:visited
{
	color : #A0819D;
}

h1
{
	font-size : 140%;
	color : #5B5F66;
	padding : 0;
	margin-top : 0.3em;
	margin-bottom : 0.1em;
}

h2
{
font-size : 120%;
margin:0;
padding : 1em 0 0.1em 0;
color : #00366c;
}

h3{
	margin : 0.5em 0em 0.3em 0em;
	color : #00366c;
	font-size : 110%;
}

h4{
	margin : 0.5em 0em 0.3em 0em;
	color : #000;
	font-size : 100%;
}

abbr{
	border-bottom : dotted 1px #330066;
}

/* set spacing and bullets for lists and follow-on paras */
ul{
	margin : 0.2em 0em 0.2em 1.5em;
}

ul li{
	margin : 0.2em 0em 0.2em 0em;
	list-style : url(images/bullet.gif) disc;
}

/* fine tune spacing in body*/
li p{
	margin-top : 0.5em;
	margin-bottom : 0.25em;
}

ol li{
	margin : 0.2em 0em 0.2em 0em;
}

dl{
	margin : 0.2em 0em 0.2em 1.1em;
}

/* for text link lines*/
p.links{
	text-align : center;
}

img.left
{
	float : left;
	padding: 0 5px 0 0;
}

img.right
{
	float : right;
	padding: 0 0 0 5px ;
}

/* set link colours */

a:hover{
	color : #00366c;
	background : #deeff7;
}

a:active{
	color : #00366c;
}

#footer
{
	font-family : "Arial Narrow", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size : 90%;
	color : #fff;
	background-color : #81858F;
	clear : both;
	padding: 1em;
}

#footer a:link
{
	color: #fff;
}

#footer a:hover
{
	color: #fff;
	background-color : #5549A1;
}

#footer a:visited
{
	color: #efe;
}

#footer a#this
{
	font-weight : bold;
	color : #ccff33;
}

/*for forms*/
select,input,textarea {
	color : #000;
	background : #fff;
	font : 1em Trebuchet,Arial,Helvetica,sans-serif;
}

input.btn {
	background : #cedeef;
	font : 0.85em Trebuchet,Arial,Helvetica,sans-serif;
}

#searchback
{	text-align : center;
	background-color : #2B3146;
	color : #fff;
	padding: 20px;
}
#sa
{	color: #fff;
	background-color : #2B3146;
	margin:0;
	padding:1px;}

/* for tabular data*/
table.data {border-collapse: collapse;}

table.data th {
border: thin solid #acbccd;
background: #cedeef;
padding: 0.5em;}

table.data td {
border: thin solid #cedeef;
padding: 0.5em;}

/*LOIS _ ADD RULES ABOUT LEFT TOP ETC IN THIS TABLE FOR ACCESS PAGES*/
.lefttop {text-align:left;}
.center {text-align:center;}
td.right {text-align:right;}


/*for code samples*/
pre{
	margin-left : 1em;
	margin-right : 1em;
	padding : 0.5em;
	border : none;
	white-space : pre;
	background : #dde;
	font : 0.85em "Courier New",Courier,monospace;
}

/* for quoted code inline*/
span.tt{
	font : 0.85em "Courier New",Courier,monospace;
	background-color : #dde;
	padding: 0.1em;
}

/* for the bunny*/
#bunnyquote {
	background : url(web-design/rabbit/images/thinks.jpg) #FFFFFF no-repeat;
	height : 100px;
	text-align : center;
	vertical-align : middle;
	width : 450px;
}

span.bunny{
	width : 350px;
	color : #00366c;
	text-align : center;
	background: transparent;
}

/* for coloured and inverse text*/
span.coloured {
	background : #fff;
	color : #00366c;
}

span.highlight{
	background : #cedeef;
	color : #00366c;
}

strong{
	font-weight : bold;
}

/* for form backgrounds etc.*/
.tint{
	background : #cedeef;
}

/* for side panels in articles etc */

#sidepanel {
	float : right;
	background : #cedeef;
	text-align : left;
	width : 30%;
	padding : 1em;
	margin : 0.75em 0 0.75em 0.75em;
}

#sidepanelwide {
	float : right;
	background : #cedeef;
	text-align : left;
	width : 50%;
	padding : 1em;
	margin : 0.75em 0 0.75em 0.75em;
}

#sidepanel h2, #sidepanel h3, #sidepanelwide h2 {
	background : transparent;
	margin-top: 0;
}

#centrepanel {
	background : #cedeef;
	text-align : left;
	width : 70%;
	min-height:300px;
	padding : 1em;
	margin : 0.75em auto 0.75em auto;
}