/* midwifery care website basic stylesheet */

A:link {color: #900; text-decoration: none; }
A:visited { color: #600; text-decoration: none; }
A:active { color: #f00; text-decoration: none; }

body {
	font-size: 100%;
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	color: #000;
	background-color: #FBF8F1;
	}

body.home {
	font-size: 100%;
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	color: #000;
	background-image: url(pix/magnolia.jpg);
	background-repeat: no-repeat; 
	}

div.header {
	position: absolute;
	top: 24px;
	left: 32px;
	/* width: 160px; */
	margin: 0px;
	padding: 0px 0px 24px 0px;
	z-index: 8;
	background-color: #transparent;
	font-size: 90%;
	text-align: center;
	}

div.headermain {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 776px;
	height: 40px;
	margin: 0px;
	padding: 16px 8px 8px 16px;
	z-index: 8;
	background-color: #transparent; 
	}

div.mainpage {
	position: absolute;
	top: 8px;
	left: 16px;
	width: 800px;
	height: auto;
	z-index: 0;
	background-color: transparent; }

div.sidebar { 
	position: absolute;
	top: 240px;
	left: 16px;
	width: 160px; 
	margin: 0px; 
	border: 1px solid #900;
	z-index: 2; 
	background-color: #E8E6D5; }

div.sidebarheading { 
	margin: 0 0  4px 0; 
	padding: 4px 4px 4px 4px; 
	background-color: #E0D9CF;
	color: #000;
	font-weight: bold;
	font-size: 90%;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; }

div.sidebarlink {
	margin: 0px;
	border-bottom: 1px solid #fff;
	padding: 4px 4px 8px 4px;
	background-color: #E8E6D5;
	color: #369;
	font-weight: bold;
	font-size: 80%;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;}

div.sidebarlink:hover { 
	background-color: #ccc; }

div.content { 
	position: relative;
	top: 24px;
	left: 241px;
	width: 542px; 
	margin: 0px 4px 48px 8px; 
	z-index: 1; 
	background-color: #transparent; }

div.sectionleft { 
	clear: left;
	float: left;
	width: 44%; 
	margin: 0px 0px 16px 8px; 
	padding: 8px 8px 8px 12px; 
	background-color: #E8E6D5; }

div.sectionright { 
	float: right;
	width: 44%; 
	margin: 0px 0px 16px 8px; 
	padding: 8px 8px 8px 12px; 
	background-color: #E8E6D5; }

div.sectionfull { 
	clear: both; 
	width: 90%;
	margin: 0px 0px 16px 8px; 
	padding: 8px 8px 8px 12px; 
	background-color: #transparent; }

div.contact {
	clear: both;
	width: 66%;
	margin: 36px 16% 8px 16%;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #900;
	padding: 8px;
	text-align: center;
	font-size: 90%;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;}

div.logo {
	float: right;
	width: 166px;
	margin: 0px;
	padding: 0px 0px 24px 0px;
	background-color: #fff;
	text-align: left;}

h1 {
	color: #600;
	font-style: italic;
	font-weight: bold;
	font-size: 200%;
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	text-align: center;
	margin: 0px;
	border: 0px;
	padding: 0px;
	}

h2 { 
	font-weight: bold; 
	font-size: 150%; 
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	margin: 0px 0px 0px 16px;
	padding: 0px; }

h3 { 
	font-weight: bold; 
	font-size: 120%; 
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	margin: 0px 0px 8px 0px;
	padding: 4px 0px 2px 2px;
	background-color: #E0D9CF;
	color: #000; }

h4 { 
	font-weight: bold; 
	font-size: 80%;
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	margin: 16px 0px 4px 0px;
	padding: 0px; }

h5 { 
	font-weight: bold; 
	font-size: 100%; }

ul { margin: 0 0 1ex 0; }

li {
	list-style-image: url(pix/bullet_graysquare.gif);
	margin: 0.25ex 0 0 0;}

p.leadin {
	margin: 0ex;
	border-top: 4px solid #036;
	padding: 1ex 0 0.5ex 0;}

img.right { 
	float: right;
	border-width: 0px;
	margin: 0 0 1em 1em; }

img.left { 
	float: left;
	border-width: 0px;
	margin: 0 1em 1em 0; }

img.logo { float: right; }

img.map { float: right; }

table.contact tr td {
	padding: 2px 2px 2px 12px;}

th {
	font-size: 80%;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	text-align: right;}

.highlight { font-style: italic; }

.pullquote { 
	color: #600;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	margin:  10em 0 4em 0; }

.question { 
	font-style: italic; 
	font-weight: bold; 
	margin:  2em 0 0 0; }

.questions { 
	font-size: 80%;
	font-family: Verdana, Helvetica, Arial, Geneva, sans-serif;
	margin: 16px 0px 4px 0px;}

.subheader {
	color: #000;
	font-style: italic;
	font-weight: bold;
	font-size: 60%;
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif;
	text-align: center;
	margin: 0px;
	border: 0px;
	padding: 0px;
	}