/* Begin reset css */
/*
 * Disabled because I can't work out what it is taking out that I need!
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
} 
*/

/* End reset css from Terence */

body {
	background-color: #efefef;
	font-family: Verdana, Arial;
	font: Verdana, Helvetica, sans-serif;
	width: 881px;
	margin: 0px auto;
	border: 1;
	font-size: 14px;
	text-align: center;
}
a {
	color: #666699;
}

p {
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #2F3C53;
    text-align: justify;
	margin: 10px;
	line-height: 1.3;
}
.tiny {
	font-size: 10px;
	clear: both;
	}
li {
	font-size: 14px;
	color: #2F3C53;
    text-align: justify;
	margin: 10px;
}

.imageContainerPortrait {
	margin: 10px;
	padding: 10px;
	width: 310px;
	float: left;
	border: 1px solid #000000;
	background-color: #d7ddda;
	text-align: center;
	}
	.imageContainerPortrait div {
		margin: 5px;
		font-size: 1.0em;
		color: #2F3C53;
		font-style: italic;
		font-weight: normal;
		text-align: center;
		}

		/* TODO Make that inherit from the other, except for float */
.imageContainerPortraitR {
	margin: 10px;
	padding: 10px;
	width: 310px;
	float: right;
	border: 1px solid #000000;
	background-color: #d7ddda;
	text-align: center;
	}
	.imageContainerPortraitR div {
		margin: 5px;
		font-size: 1.0em;
		color: #2F3C53;
		font-style: italic;
		font-weight: normal;
		text-align: center;
		}

.imageContainerLandscape, imageContainerLandscape pic {
	margin: 10px;
	padding: 10px;
	width: 410px;
	float: left;
	border: 1px solid #000000;
	background-color: #d7ddda;
	text-align: center;
	}
	.imageContainerLandscape div {
		margin: 5px;
		font-size: 1.0em;
		color: #2F3C53;
		font-style: italic;
		font-weight: normal;
		}	


.pic {
	border: 1px solid #000000;
	}
h1 {
	font-family: Verdana, Arial;
	font-size: 24px;
	font-weight: bold;
	color: #4F7CA3;
	text-align: left;
	margin: 10px;
}
h2 {
	font-family: Verdana, Arial;
	font-size: 18px;
	color: #4F7CA3;
	text-align: left;
	margin: 10px;
}

#navlist
{
border-bottom: 1px solid #7777BB;
border-top: 1px solid #7777BB;
margin: 0px;
margin-bottom: 30px;
padding: 0px;
padding-left: 40px;
background-color: #7777BB;
font-size: 20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-bottom: 3px;
padding-top: 3px;
}

#navlist a, #navlist a:link, #navlist a:visited
{
border: 1px solid #7777BB;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a:focus
{
border: 1px solid #AAAAFF;
background-color: #AAAAFF;
padding: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
text-decoration: none;
}

#navlist li
{
padding-right: 1px;
display: inline;
font-size: 1.0em;
}

#navlist ul
{
margin: 0px;
padding: 0px;
}

#navlist #active a { background-color: #7777BB; }