/* --------- 1. defaults  --------- */

body {
	width: 100%;
	margin: 20px 0;
	background-color: #012549;
}

h4 {
	padding-bottom: 5px;
		}
/*  --------- 2. structure  --------- */
		
#wrapper {
		margin: 0 auto;
		border: 3px solid #01b2dc;
		max-width: 780px;
		background-color: #ffffff;
		}

#wrapper2 {
		margin: 0 auto;
		border: 3px solid #01b2dc;
		max-width: 820px;
		background-color: #ffffff;
		}

#masthead {
		background: url(images/Relationships%20Scotland%20header.jpg) no-repeat;
		height: 150px;
		}
		
#content {
		padding: 0 20px 10px;
		}

#footer {
		text-align: center;
		}
#right {float: right;
		padding-left: 15px;
		padding-bottom: 10px;
		width: 320px;
		}

#left {float: left;
		padding-right: 15px;
		padding-bottom: 10px;
		width: 320px;
		}

#clear {clear: both;
}

/* ---------- 3. links and navigation ---------- */

#accessibility {
		color: #01b2dc;
		float: left;
		margin: 0 0 5px 5px;
		font-weight: bold;
		}

#accessibility ul {
		list-style-type: none;
		}

#accessibility li {
		display: inline;
		margin-right: 20px;
		line-height: 1.7em; 
		}

#accessibility a {
		text-decoration: none;
		color: #012549;
		}

#accessibility a:hover {
		text-decoration: underline;
		}

#navlinks {
		background: #012549;
		margin: 0 0 0 0;
		color: #012549;
		font-weight: bold;
		padding-bottom:15px;
		}

#navlinks ul {
	list-style-type: none;
		}

#navlinks li {
		display: inline;
		margin-right: 20px;
		line-height: 1.7em; 
		}

#navlinks a {
		text-decoration: none;
		}

#navlinks a:hover {
		text-decoration: underline;
		}
				
/* ---------- 4. fonts ---------- */

h1 {
		margin-bottom: 10px;
		}

h2 {
		margin-top: 1.5em;
		margin-bottom: 2px;
		}

p {
		margin-bottom: 1em;
		padding-right: 20px;
		}

/* --------------5. Tables ---------- */

.tabdat {
		background-color: #8EB6D2;
		font-weight:bolder;
}

tr  {
		background-color: #8EB6D2;
}

td	{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		font-weight:bolder;
}