/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                               ~
~  Gettysburg Soldiers                          ~
~  Stylesheet For Use With PRINT                ~
~                                               ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ----------------------------------------------
|                                               |
|  HTML Tag Overrides - Global                  |
|                                               |
-----------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

a:link {
	color: #843;
	text-decoration: underline;
}

a:visited {
	color: #843;
	text-decoration: underline;
}

a:hover {
	color: #843;
	text-decoration: underline;
}

a:active {
	color: #843;
	text-decoration: underline;
}

img { 
	border: 0px;
}

img.about { 
	border: 1px solid #333;
}

img.photo { 
	border: 1px solid #333;
}

img.preview { 
	border: 1px solid #333;
	margin: 0px 15px 0px 0px;
}

img.thumbnail { 
	border: 1px solid #333;
}

img.tile { 
	border: 1px solid #eee;
}

/* ----------------------------------------------
|                                               |
|  Header Section Controls                      |
|                                               |
-----------------------------------------------*/

#header {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Globalnav Section Controls                   |
|                                               |
-----------------------------------------------*/

#globalnav {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Subnav Section Controls                      |
|                                               |
-----------------------------------------------*/

#subnav {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Content Section Controls                     |
|                                               |
-----------------------------------------------*/

#content {
	background-color: #fff;
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
}

#content fieldset {	
	color: #333;
	border-top: 1px solid #999;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	margin: 0px 15px 15px 15px;
}

#content legend {
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0px 4px 5px;
	padding: 0px 2px 0px 2px;
}

/* ----------------------------------------------
|                                               |
|  Content Form                                 |
|                                               |
-----------------------------------------------*/

#content form {	
	margin: 0px 0px 0px 0px;
}

#content input {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#content select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#content textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Content Element                              |
|                                               |
-----------------------------------------------*/

#content div.element {
	clear: both;
	margin: 0px 0px 5px 0px;
}

#content div.element div.label {	
	font-weight: bold;
	padding: 0px 10px 0px 0px;
}

#content div.element div.label span.help_title {	
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}

#content div.element div.label span.help_value {	
	margin: 0px 5px 0px 5px;
	text-decoration: underline;
}

#content div.element div.data {	
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

#content div.element div.data input {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#content div.element div.data select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

#content div.element div.data input.go {
	background-color: #00f; 
	border: 1px solid #00f;
	color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 7px 1px 0px;
	padding: 1px 2px 1px 2px;
	overflow: visible;
}

#content div.element div.data textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/* ----------------------------------------------
|                                               |
|  Content Header Controls                      |
|                                               |
-----------------------------------------------*/

#content h1 {	
	color: #666;
	font-size: 1.4em;
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 2px 5px;
}

#content h2 {	
	color: #666;
	font-size: 1.2em;
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 2px 0px;
}

#content h3 {	
	color: #666;
	font-size: 0.9em;
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 2px 0px;
}

/* ----------------------------------------------
|                                               |
|  Content Paragraph Controls                   |
|                                               |
-----------------------------------------------*/

#content p {	
	color: #333;
	font-size: 1em;
	margin: 0px 0px 4px 0px;
	padding: 0px 3px 2px 0px;
}

/* ----------------------------------------------
|                                               |
|  Content Table - Columns                      |
|                                               |
-----------------------------------------------*/

#content table.columns {
	border-collapse: collapse;
	color: #333;
	margin: 0px 0px 5px 0px;
	width: 100%;
}

#content table.columns td {
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

#content table.columns td.twentyfive {
	width: 25%;
}

#content table.columns td.fifty {
	width: 50%;
}

#content table.columns td.fifty ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

#content table.columns td.fifty ul li {
	margin-bottom: 3px;
}

#content table.columns td.seventyfive {
	width: 75%;
}

#content table.columns td.hundred {
	width: 100%;
}

/* ----------------------------------------------
|                                               |
|  Content Table - Data                         |
|                                               |
-----------------------------------------------*/

#content table.data {
	border: 1px solid #ccc;
	border-collapse: collapse;	
	color: #333;
	margin: 0px 15px 15px 15px;
	width: 95%;
}

#content table.data caption {
	color: #039;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 3px 5px;
	text-align: left;
}

#content table.data tr {
	height: 25px;
}

#content table.data tr.altrow1 {	
	background-color: #fff;
}

#content table.data tr.altrow2 {	
	background-color: #eee;
}

#content table.data th {	
	background-color: #ddd;
	padding: 0px 0px 0px 7px;
	text-align: left;
}

#content table.data td {	
	padding: 0px 0px 0px 7px;
	text-align: left;
}

/* ----------------------------------------------
|                                               |
|  Content Div - Columns                        |
|                                               |
-----------------------------------------------*/

#content div.columns {
	color: #333;
	float: left;
	margin: 0px 10px 15px 5px;
	text-align: center;
}

#content br.clear {
	clear: both;
}

/* ----------------------------------------------
|                                               |
|  Content Buttons                              |
|                                               |
-----------------------------------------------*/

#content .buttons {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Content Error Message                        |
|                                               |
-----------------------------------------------*/

#content #errormessage {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Content Info Message                         |
|                                               |
-----------------------------------------------*/

#content #infomessage {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Footernav Section Controls                   |
|                                               |
-----------------------------------------------*/

#footernav {
	display: none;
}

/* ----------------------------------------------
|                                               |
|  Shown/Hidden Section                         |
|                                               |
-----------------------------------------------*/

.shown {
	color: #999;	
}

.hidden {
	color: #f00;	
}

#preview {
	position:absolute;
	left:50%;
	top:50%;
	width:300px;
	height:300px;
	margin-top:-300px;
}