html, body {
        margin: 0;
        padding: 0;
        min-width: 840px;
}

body {
        font: 76% arial,sans-serif;
        background: #404265;
}

hr {
        color: #404265;
}

table   {
        margin: 0 auto;
        border: 0;
        width: 550px;
}

td {
        max-width: 200px;
}

a { 
	text-decoration: none;
	color: #000;
}
a:link {
	border-bottom: 1px solid grey;
}
a:visited {
	border-bottom: 1px solid grey;
}
a:hover, a:active
{
	color: #FFF;
	background: #404265;
	padding: .2em 0em;
}
        
blockquote {
        font-style: italic;
}

div#container {
        width: 800px;
        margin: 20px auto;
        border: 1px solid grey;
}

div#header {
        margin: 20px auto;
        width: 650px;
        background: #404265;
}

div#header img {
        margin: 10px 0 10px 95px;
}

div#navigation {
        float: left;
        text-align: center;
        width: 150px;
        margin: 0;
        background: #404265;
}

div#navigation p {
        color: white;
}

div#navigation a {
        color: white;
}

div#navigation ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 1.4;
        color: white;
}

div#navigation li {
        list-style-type: none;
        margin: 0;
        padding: 0;
        line-height: 1.4;
        color: white;
}

div#navigation li.first {
        list-style-type: none;
        line-height: 1.2;
        padding-bottom: 0.25em;
        font-weight: bold;
        color: white;
}

div#content {
        float: right;
        margin: 0 40px 0 0;
        width: 600px;
        background: #FFF;
}

div#content p {
        font-family: Arial, Helvetica, san-serif;
        line-height: 1.3;
        margin: 1em;
        color: #000;
}

div#content h3 {
        font-family: Arial, Helvetica, san-serif;
        line-height: 1.2;
        margin: 1em;
        color: #000;
        text-align: center;
}


div#content ul, li {
        color: #000;
}

div#content li.item {
        padding-top: 0.5em;
}

.indent {
	margin-left: 3em;
}

div#list p {
	font-size: 90%;
}

div.l-photo {
	float: left;
	margin: 36px 24px 0 12px;
}

div.r-photo {
	float: right;
	margin: 0 12px 0 24px;
}

div.l-photo img {
	float: left;
	margin-bottom: 6px;
	border: 1px solid #404265;
}

div.r-photo img {
	float: right;
	margin-bottom: 6px;
	border: 1px solid #404265;
}

div.l-photo p, div.r-photo p {
	text-align: center;
}

div.clear-left {
	clear: left;
}

div#footer {
	clear: both;
	padding: 20px 0;
	width: 800px;
	color: #FFF;
	text-align: center;
}

div#footer p {
        margin: 0;
        padding: 5px 10px;
        background: #404265
}

div#footer a {
        color: white;
        text-decoration: none;
}