/* Reset padding and margins
------------------------------------------ */

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif; /* Previously: Georgia, "Times New Roman", Times, serif; */
	font-size: 64.5%;
	margin-top: 0;
	margin-left: 20px;
}

#wrap {
	background-image: url(images/images_in_template/body_background.jpg);
	background-repeat: repeat-y;
	background-position: center;
	width: 880px;
	margin: 0 auto;
}

#container {
	text-align: left;
	width: 800px;
	background-image: url(images/images_in_template/mediation_in_divorce_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 40px;
}

#content {
	padding: 5px;
	margin-left: 300px;
	margin-right: 30px;
}

#menu {
	margin-top: 320px;
	margin-left: 20px;
	float: left;
	width: 240px;
}

#footer {
	clear: both;
	padding: 10px 0;
	border-top-width: 1px;
	border-top-style: solid;
}

/* List items
------------------------------------------ */

#menu ul {
	margin: 10px 0 20px 0;
}

#menu ul li {
	list-style-image: none;
	list-style-type: none;
	line-height: 2em;
	background-image: url(images/images_in_template/li_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 6px 6px 2px 12px;
	font-size: 1.5em;
}

#content ul {
	margin: 0 30px;
}

#content ul li {
	margin-left: 25px;
	padding-bottom: 10px;
	font-size: 1.5em;
}

/* Links
------------------------------------------ */

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

#content a {
	text-decoration: underline;
}

/* Typography
------------------------------------------ */

h1, h2, h3 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

h1 {
	font-size: 3.2em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom: 40px;
}

h2 {
	font-size: 2.6em;
	line-height: 1.3em;
	margin: 15px 0;
}

h3 {
	font-size: 1.8em;
	font-style: italic;
	padding: 15px 0;
}

#content p {
	font-size: 1.5em;
	padding-bottom: 10px;
	line-height: 1.5em;
}

/* Misc
------------------------------------------ */

hr {
	height: 1px;
	margin-top: 100px;
}

/* Colours
------------------------------- */

body {
	background-color: #9374b3; /* light purple */
}

h2, hr {
	color: #BEABD1; /* lighter purple */
}

body, a:link, a:visited, a:active, #content a:hover {
	color: #fff; /* white */
}

a:hover {
	color: #2E477D;
}

#footer {
	border-top-color: #9374b3; /* light purple */	
}