/* COLORS
* 143165 dark blue
* 2B5296 blue
* aa8d20 gold
* F2EFE0 lighter gold
* 842719 maroon
*/

/* hide banner and sidebar when priting */
@media print {
	#banner, #left, #footer  { display: none; }
	#content { border-left: none !important; }
}

/* GLOBALS */
body { margin: 0; }
body, table  { font: .9em arial,sans-serif; }
tr {  vertical-align: top;  }
tr.alt  { background-color:  #F2EFE0; }
th {  background-color: #D8C971; }
dd {  margin-bottom: 20px;  }
h3  { font-family: 'arial narrow',sans-serif; color: #aa8d20; }
sup { font-size: .8em; }

#container { }

#banner { height: 145px; background-color: #2B5296; padding: 0; margin: 0; }

#left { background: #a13b2c url(../images/bg-left.gif); padding: 20px 0 30px 0; color: #E5E169 }
#left ul { padding: 0; margin: 0; list-style: none }
#left ul li { margin-bottom: 15px; }
#left li, #left li a { color: #E5E169; text-decoration: none; }
#left li a { display: block; width: 100%;}
#left li a:hover, #left li a.selected { color: #fff; background: #842719; }

/* sublists */
#left ul ul { font-size: 12px; padding: 0 0 0 8px; }
#left ul ul li { margin-bottom: 0; }

#content { background: #fff url(../images/bg-content.gif) no-repeat 50% 20%; padding: 5px 5px 30px 5px; border-left: 1px solid #800; }
#content h2 { margin-top: 0; color: #a13b2c; font: 30px 'arial narrow',sans-serif; }

#footer { padding: 3px; clear: left; font-size: .6em; background: #842719; color: #fff; border-top: 1px solid #600; }
#footer a { color: #E5E169; }

#flags TD { width: 33%; }
#flags IMG {  height: 44px; width: 66px; border: 1px solid black; vertical-align: middle; margin-right: 10px; margin-bottom: 10px; }

#gallery { width: 500px; }
#gallery img { width: 150px; border: 1px solid #ccc; }
#gallery .penndot img { width: auto; }
#gallery .caption a {
	margin: 2px;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	height: 130px;
	width: 150px;
	display: block;
	float: left;
}
#gallery .caption span { display: block; }
#gallery .tallcaption a { height: auto !important; }
#gallery img:hover { border-color: #A13B2C; }

#stategallery { width: 600px; }

#agenda { width: 700px; }
#agenda td { padding: 5px 0; }
#agenda td.time { font-weight: bold; width: 20%; }
#agenda ul { list-style: square; }
#agenda blockquote { padding: 0; margin-top: 0; margin-bottom: 0; }

#index2 { width: 750px }
#index2 td { width: 50%; padding: 0 8px; }
#index2 td#right { padding-left: 30px; border-left: 1px dotted #aa8d20; }
#index2 td#right h2 { margin-bottom: 0; }
#index2 td#right a img { border-color: #fff; margin: 10px 5px; }
#index2 td a img { border: 1px solid #ccc; }
#index2 td a:hover img { border-color: #842719; }

/* CLASSES */

.picturebox {
	margin: 10px;
	float: right;
	padding: 5px;
	width: 300px;
	border: 1px solid #aa8d20;
	font-size: 8pt;
	color: #2B5296;
}

.smallbox {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	padding: 5px;
	width: 116px;
	border: 1px solid #aa8d20;
	font-size: 8pt;
	color: #2B5296;
}

.photobox {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	padding: 5px;
	width: 116px;
	border: 0px;
	font-size: 8pt;
	color: #2B5296;
}

.byline { font-size: 8pt }

.item { width: 155px; margin: 0 10px 20px 0;  float: left; text-align: center; }
.item img { width: 150px; height: 150px; border: 1px solid #666; }
.item span { display: block; font-size: 10px; color: #666; font-style: italic; }

.pioneer { height: 165px; }
.pioneer a { font-weight: bold; display: block; margin-bottom: 10px; }
.pioneer strong { font-weight: bold; display: block; margin-bottom: 10px; }
.pioneer img { float: left; border: 1px solid black; margin-right: 10px; height: 160px; width: 130px; }

.participantL { height: 165px; margin-top: 10px; text-align: justify; }
.participantL img { float: left; border: 1px solid black; margin-right: 10px; height: 160px; }

.participantR { height: 165px; margin-top: 10px; text-align: justify; }
.participantR img { float: right; border: 1px solid black; margin-left: 10px; height: 160px; }
.participantR h4 {text-align: right; }

.vehicleL { height: 80px; margin-top: 25px; text-align: justify; }
.vehicleL img { float: left; border: 0 solid black; margin-right: 10px; }

.vehicleR { height: 80px; margin-top: 25px; text-align: justify; }
.vehicleR img { float: right; border: 0 solid black; margin-left: 10px; }
.vehicleR h4 {text-align: right; }