html, body 		{ margin: 0; padding: 0; }
body 			{ color: #333; font: 12px Helvetica, Arial, sans-serif; line-height: 18px; }
h2				{ color: #333; }
a				{ color: #337810; }
p				{ margin: 0 0 18px; }
#container		{ width: 760px; margin: 0 auto; }
		
/* Header */
#header			{ background: #eee; border-bottom: 2px solid #ddd; }
#header h1  	{ color: #004b6f; margin: 0 0 3px; padding: 24px 18px 0; }
#header p		{ color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
		
/* Content Style */
#navigation		{ border-bottom: 1px solid #ccc; margin-right: 18px; margin-top: 30px; }
#navigation ul	{ padding: 0 18px 9px; }
#extra			{ margin-left: 18px; }
#extra small	{ font-size: 11px; line-height: 18px; }
#content		{ border-bottom: 1px solid #ccc; margin-left: 18px; }
#content p, #extra p { padding-right: 18px; }
		
/* Content Positioning & Size */
#navigation		{ float: right; width: 175px; }
#content		{ float: left; width: 540px; margin-top: 30px }
#extra			{ float: left; width: 540px; }		/* Footer */
#footer			{ background: #333; border-bottom: 2px solid #999; clear: left; width: 100%; }
#footer a		{ color: #eee; }
#footer	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 0 18px 6px; padding: 10px 0 6px; }
#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

#topmenu			{ background: #333;  clear: left; width: 100%; }
#topmenu a		{ color: #eee; }
#topmenu	p		{ color: #ccc; margin: 0; padding: 0 18px 10px; }
#topmenu ul		{ list-style: none; margin: 0 18px 0px; padding: 10px 0 6px; }
#topmenu li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }

a img { border: 0px; }

/* Captioned-pictures */ 
.captioned-pic { 
  width: 500px;
  position: relative;
  clear: both;
  margin-bottom: 10px;
}
 
.captioned-pic img {
  width: 500px;
}
 
.captioned-pic .bot-caption, .captioned-pic .mid-caption, .captioned-pic .top-caption {
  background-color: #333;
  color: #fff;
  margin: 0px;
  position: absolute; 
  filter:alpha(opacity=80);
  -moz-opacity: 0.8; 
  -khtml-opacity: 0.8; 
  opacity: 0.8;
  width: 100%;
  float: left;
  clear: both;
} 
 
.captioned-pic .mid-caption { 
  left: 0px;
  bottom: 40%;
} 

.captioned-pic .top-caption { 
  left: 0px;
  top: 0px;
}

.captioned-pic .bot-caption {
  left: 0px;
  bottom: 0px;
}

.captioned-pic h3 {
  font-size: 20px;
  margin-left: 10px;
  margin-top: 10px;
  color: #fff;
  filter:alpha(opacity=100);
  -moz-opacity: 1; 
  -khtml-opacity: 1; 
  opacity: 1;
}
 
.captioned-pic h3 a { 
  color: #fff;
  text-decoration: none;
}

.captioned-pic h3 a:hover { 
  color: #fff;
  text-decoration: underline;
}
 
.captioned-pic p { 
  font-size: 12px;
  color: #fff;
  margin-left: 10px; 
  margin-top: 10px;
  filter:alpha(opacity=100);
  -moz-opacity: 1; 
  -khtml-opacity: 1; 
  opacity: 1;
}
 
 .clear {
   clear: both;
 }