/* site colors
	#1A446C - blue grey
	#689DC1 - light blue
	#D4E6F4 - very light blue
	#FFFFFF - white
	#8D0D19 - burgundy
*/

html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #D4E6F4; font-size: 13px; line-height: 15px; }
img { border: none; }
table, tr, td { border-collapse: collapse; vertical-align: top; font-size: 13px; line-height: 15px; }
a { color: #8D0D19;}

#header { height: 150px; margin: 0px; padding: 0px; text-align: left; background: #1A446C; color: #D4E6F4; }
#header h1 { padding: 1em; margin: 0px;}
#main { margin: 0px; padding 0px;  width: 100%; background: #FFFFFF;}
#structure {  width: 100%; }
#footer { height: 5em; margin: 0px; padding 1em; text-align: center; background: #1A446C; color: #D4E6F4; }
#footer a {color:white; text-decoration:none;}

/* Navigation */
#navigation { width: 214px; padding: 1em; color: #D4E6F4; background: #8D0D19; }
#navigation a { color: #D4E6F4; text-decoration: none; }
ul.subjects { padding-left: 0; margin: 0; list-style: none; font-size: px; }
ul.pages { padding-left: 1em; margin: 1em; list-style: square; font-size: 13px; }
.selected { font-weight: bold;}

/* Page Content */
#page { padding-left: 2em; padding-right: 2em; vertical-align: top; background: #FFFFFF; }
#page h2 { color: #8D0D19; margin-top: 1em; }
#page h3 { color: #8D0D19; }

<style type="text/css"> 
.picture { background-color: #F9F9F9; 
border: 1px solid #CCCCCC; padding: 3px; 
font: 11px/1.4em Arial, sans-serif; } 
.picture img { border: 1px solid #CCCCCC; 
vertical-align:middle; margin-bottom: 3px; } 
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } 
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
</style>