/* Colours */
body	{ color: #000000; }
h1 		{ color: rgb(24,54,93); }
h2 		{ color: rgb(54,95,145); }
h3		{ color: rgb(79,129,189); }
a:link,
a:visited		{ color: #313161; }
a:link:hover	{ color: #5d5d8e; }

.listTitle 			{ border-color: rgb(200, 200, 215); background-color: rgb(230, 230, 235); }
.listTitle:hover	{ background-color: rgb(240, 240, 250); }
.listExtra 			{ background-color: rgb(240, 240, 250); border-color: rgb(230, 230, 235); }

p.interactive 	 { color: #406899; background-color: #e1eeff; }

.qualification		{ border-color: rgb(200, 200, 215); background-color: rgb(230, 230, 235); }
/* End Colours */

/* Fonts */

body 	{ font-family: Helvetica, sans-serif;
	 	  font-size: 14px; line-height: 16px; }

h1, h2, 
h3, h4 	{ font-family: Georgia,serif; }
a:hover 		{ text-decoration: none; }

p, 
.listExtra	{ font-size: 13px; line-height: 16px; }

/* End Fonts */

/* Layout */
h1	{ text-align: center; }
h3 	{ padding-left: .75em; }
h4 	{ padding-left: 1.5em; }

hr {
	clear: both;
	border: none;
}

p	{ padding-left: 1em; }
ul {
	padding-left: 1em;
	list-style-type: none;
}
li { margin: 2px 0; }

br.clr 	{ clear:both; }

p.name {
	float: right;
	text-align: right;
}

p.interactive {
	padding: .8em;
}

.listTitle:hover {
	cursor: pointer;
}

.listTitle {
	border-width: 1px;
	border-style: solid;
	padding: 0.25em 0.2em 0.1em .2em;
}

.listTitle.open,
.listTitle.closed {
	background-repeat: no-repeat;
	background-position: right center;
}

.listTitle.open		{ background-image: url(img/up.gif); }
.listTitle.closed 	{ background-image: url(img/down.gif); }

.listExtra {
	margin: 0 .9em;
	padding: .4em .3em .3em .4em;
	border-width: 1px;
	border-style: solid;
	border-top-width: 0;
}

.qualification {
	padding: .25em;
	margin: 0 0 1em 1em;
	border-width: 1px;
	border-style: solid;
}

.qualification h4 {
	margin: .6em 0 .6em 0;
	margin-left: .7em;
	padding: 0 .3em;
	float: left;
}

.qualification p {
	margin: .3em 0 .5em 0;
	padding-left: .75em;
}

.qualification table {
	margin-left: .25em;
}

.qualification td {
	padding: .1em .5em;
}
.qualification td.grade {
	text-align: center;
}

.dates {
	color: #282828;
	float: right;
	font-style: italic;
	font-size: 13px;
	padding-right: 1em;
}

.qualification .dates {
	margin: .6em 0 .4em 0;
}

.emp-item {
	border: 1px solid #c8c8d7;
	background-color: #e6e6eb;
	margin: 1em .6em;
	padding-left: .9em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.emp-item p {
	margin-bottom: .5em;
	padding-left: 0;
	margin-top: 0;
}

.emp-title {
	padding-bottom: .5em;
}

.emp-title h3 {
	margin-bottom: .25em;
	margin-top: .4em;
	padding-left: .25em;
	float: left;
}

.emp-title .employer {
	display: block;
	clear: both;
	font-size: 10px;
	line-height: 11px;
}

form p {
	clear: both;
}
label {
	float: left;
	padding-top: .2em;
	width: 12%;
}

input[type="text"],
textarea {
	float: left;
	width: 80%;
	border: 1px solid #979797;
	margin-bottom: 3px;
}

#contact_results {
	margin-left: 1em;
}