* { margin: 0; padding: 0 }

a:visited { color: #767989; }
a:hover { color: #0088FF; }

p, ol, ul, dl { margin: 0.5em 0 }
div.shots  { margin: 1.0em 0 }

h2, h3 { color: #6885DB }
h2 { font-size: 1.5em; margin: 1em 0 0.5em 0 }
h3 { font-size: 1.2em; margin: 1.5em 0 0.5em 0 }	
h4, dt { font-size: 1em; margin: 0.5em 0; font-weight: bold }

ol li, ul li, dd { margin-left: 2em }

.clear { clear: both; padding-top: 1em }
div.shots div.shot { float: left; width: 110px; text-align: center; 
	margin: 5px}
div.shots div.shot a img { border: 0; text-decoration: none }	

body.two  { margin: 0 50px }
body.three  { margin: 0 150px }
body.wide  { margin: 0 200px }

body { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; 
	font-size: small; background-color: #BCBFCF; padding: 8px }

#header, #header a, #header a:hover, #header a:visited, #header a:active {
	color: #FFFFFF; text-decoration: none }
#header { text-align: center; 
	border: 1px solid #767989; border-bottom: 0;
	background-color: #6885DB; padding: 0px 5px 4px 5px }

#bar { background: #6885DB; 
	border: 1px solid #767989; font-size: 2px ;
	border-width: 0 1px 0 1px;  text-align: center }

#navigation { text-align: center; margin: 0;
	border: 1px solid #767989; border-top: 0;
	background-color: #F0F1F5; padding: 1px 5px 2px 5px }

#navigation li.active a { text-decoration: none }
#navigation li { padding-left: .5em; margin: 0px }
#navigation li { display: inline }
#navigation li+li:before { content: " | " }
#navigation li+li { padding: 0 }


#page, #footer { border: 1px solid #767989; background-color: #F0F1F5;
	padding: 5px; margin: 3px 0}
#footer { color: #767989; text-align: right }
#footer div { text-align: left; margin-top: 10px; }