﻿/* General layout styles */
body {
	background-color: #f2f2f7;
	padding: 1%;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container {
	margin: 0px;
	padding: 0px;
}

#header {
	margin: 0px;
	padding: 5px;
	border: 1px solid #a9a9a9;
	border-bottom: none;
	border-top-left-radius: 60px;
	-moz-border-radius-topleft: 60px;
	-webkit-border-top-left-radius: 60px;
	border-top-right-radius: 60px;
	-moz-border-radius-topright: 60px;
	-webkit-border-top-right-radius: 60px;
	background-color: #fefeff;
	text-align: center;
	font-size: xx-large;
	font-weight: bold;
/*	color: #3d6c87;*/
	color: #004080;
}

#header span.dim {
	color: #008040;
	font-weight: lighter;
}

#header span.dom {
	font-weight: lighter;
	font-size: small;
}

/* Content Styles */
#content {
	margin: 0px;
	padding: 20px;
	border: 1px solid #a9a9a9;
	background-color: #ffffff;
	line-height: 1.4em;
}

#content div.signature {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#content div.signature span.name {
	font-size: large;
	font-style: italic;
	margin-right: 10px;
}

#content div.signature span.post-nominal {
	font-size: x-small;
}

#content dl dt {
	font-weight: bold;
}

#content dl dd {
	margin: 0px;
}

#footer {
	text-align: center;
	color: #808080;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #a9a9a9;
	border-top: none;
	border-bottom-left-radius: 60px;
	-moz-border-radius-bottomleft: 60px;
	-webkit-border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	-moz-border-radius-bottomright: 60px;
	-webkit-border-bottom-right-radius: 60px;
	background-color: #fefeff;
	font-size: xx-small;
}

#footer #handheld {
	display: none;
}

span.related {
	font-size: 0.8em;
	line-height: 1em;
	text-align: left;
	display: inline-block;
}

.subtitle {
	line-height: 1.3em;
	font-size: small;
	font-weight: bold;
}

/* Forms */
textarea.colouredinput {
	background-color: lightyellow;
}

input.colouredinput {
	background-color: lightyellow;
}

textarea.colouredinput:focus{
	background-color: lightblue;
}

input.colouredinput:focus{
	background-color: lightblue;
}

/* Quotes */
.quote {
	font-size: 1.3em; 
	font-family: Garamond, Times-New-Roman, Times;	
	font-style: italic;
}

div.blockquote { 
	text-align: justify; 
	margin: 2em;
	margin-left: 3em;
	margin-right: 3em;
}

div.blockquote span.body {
	font-size: large;
	font-family: Garamond, Times-New-Roman, Times;	
	font-style: italic;
}

div.blockquote span.author {
	display: block;
	font-size: x-small;
	text-align: right;
}

div.inline_blockquote { 
	text-align: center; 
	margin: 1em;
}

div.inline_blockquote span.body {
	font-size: large;
	font-family: Garamond, Times-New-Roman, Times;	
	font-style: italic;
}

div.inline_blockquote span.author {
	font-size: x-small;
}

/* Link styles */
a {
/*	color: #5f8ea9;*/
	color: #004080;
	text-decoration: underline;
}

a:active {
/*	color: #5f8ea9;*/
	color: #004080;

}

a:visited {
/*	color: #5f8ea9;*/
	color: #004080;

}

a:link {
/*	color: #5f8ea9;*/
	color: #004080;

}

a:hover {
/*	color: #5f8ea9;*/
	color: #004080;
	text-decoration: none;
}

ul.none {
	list-style-type: none;
}

/* General styles */
/* Header/Section styles */

h1 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

h2 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

h3 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

h4 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

h5 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

h6 {
	color: #3d6c87;
	clear: both;
	text-align: left;
}

img.floatLeft { 
    float: left;
    clear: left;
	margin: 0px;
	margin-right: 10px;
	padding: 7px;
	border: 1px solid #808080;
	border-radius: 7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}

img.floatRight { 
	float: right;
	clear: right;
	margin: 0px;
	margin-left: 10px;
	padding: 7px;
	border: 1px solid #808080;
	border-radius: 7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
}

img.pushup {
	margin-top: 0px;
}

.note {
	padding: 5px;
	border: thin black dotted;
	text-align: center;
	font-size: small;
	color: maroon;
}

.draft {
/*	color: #bbc0c7;*/
	color: #9ea0a0;
}

.clear {
	clear:both;
}

.noclear {
	clear:none;
}

code{
	font-size: medium;
}

pre code{
	display: block;
	border: thin blue outset;
	padding: 10px;
	font-size: medium;
	background-color: #FFFFDD;
}