/*
miriambakerchildminder.co.uk CSS
by clocktowerweb.co.uk

#00ADCC blue of chalk line
#FFA448 orange of background
*/

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #7D7D7D;
	line-height: 1.7em;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: White;
	background-image: url(../images/background_orange.gif);
	background-position: center;
	background-repeat: repeat-y;
}
#wrapper {
	width: 810px;
	margin: 10px auto 20px auto;
	padding: 0px;
}
#header {
	background-image: url(../images/header.gif);
	background-position: top center;
	background-repeat: no-repeat;
	height: 230px;
	margin: 0px;
	padding: 0px;
}
#headerimage {
	position: relative;
	top: 18px;
	left: 150px;
	height: 130px;
}
#headersitetitle {
	position: relative;
	top: 0px;
	width: 130px;
	text-align: right;
}
#headersitetitle h1 {
	color: #00ADCC;
	font-size: 1.2em;
	line-height: 1.2em;
}
#headersitetitle h1 a {
	color: #00ADCC;
	text-decoration: none;
}
#headerpagetitle {
	position: relative;
	top: -20px;
	left: 180px;
	width: 600px;
}
#headerpagetitle h2 {
	color: #A9A9A9;
	font-size: 1.5em;
	font-style: italic;
	padding: 0px;
	margin: 0px;
}
#content {
	background-image: url(../images/content.gif);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}
#nav {
	float: left;
	width: 130px;
	text-align: right;
}
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 5px 0px 0px 0px;
}
#nav ul a {
	display: block;
	width: 105px;
	padding: 4px;
	color: Gray;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px 0px 2px 4px;
}
/* IE hack p. 221 expand clickable area */
* html #nav ul a {
	height: 1px;
}
#nav ul a:hover, #nav ul a.thispage {
	background-color: #00ADCC;
	color: White;
}
#contentinner {
	margin-left: 180px;
	width: 600px;
	
	/* Minimum height hack http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height: 700px;
	height: auto !important;
	height: 700px;
}
#contentinner a {
	color: #00ADCC;
}
#contentinner a:hover {
	color: #696969;
}
#contentinner abbr, #contentinner acronym {
	cursor: help;
	border-bottom: 1px dashed #000;
}
#contentinner .notes {
	background-color: Olive;
	color: White;
}
#contentinner dl.tabledisplay {
	/* width: 41.1em; */
	margin: 2em 0;
	padding: 0;
}
#contentinner .tabledisplay dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #00ADCC;
	font-weight: bold;
}
#contentinner .tabledisplay dd {
	width: 24em;
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #00ADCC;
}
#contentinner li {
	list-style-image: url(../images/bullet_arrow2.gif);
	padding-left: 15px;
	padding-top: 10px;
}
div .breakout {
	border: 15px solid #C5EDCB;
	margin: 15px;
	padding: 15px;
	background-color: #A6E1A9;
	color: #4F4F4F;
	width: 200px;
	line-height: 1.5em;
	font-size: 1.0em;
}
div .breakout h3 {
	color: #32973B;
	font-size: 1.2em;
	font-style: italic;
}
div .breakout a {
	color: #4F4F4F;
}
div .breakout a:hover {
	color: Black;
}
#footer {
	margin: 60px auto 10px auto;
	border-top: 1px dashed #00ADCC;
	font-size: 0.7em;
	text-align: center;
	width: 700px;
	padding-top: 20px;
}
#footer p {
	margin: 3px;
	padding: 0px;
}
#footer a {
	color: #7D7D7D;
}
#footer a:hover {
	color: Black;
}
div .image300 {
	border: 1px dashed #00ADCC;
	margin: 15px;
	padding: 20px;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
	width: 310px;
}
div .image200 {
	border: 1px dashed #00ADCC;
	margin: 15px;
	padding: 20px;
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
	width: 210px;
}
.imagecaption {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearer {
	clear: both;
}