/* CSS (c) 2010 by Brian Downey for antietam.aotw.org,
all rights reserved. 
Contact: http://antietam.aotw.org/email_webmaster.php */
   
/* ------  Standard tag behaviors for the whole site --------*/	

/*  old red = #C80400   */

/* old main text brown = #666633 */

div 	{
	margin: 0 0 0 0;
}

img  {
	border: 0;
	vertical-align: baseline;
	border-bottom: 0
} 	

body {
	border-top:5px solid #3d3128;
        vertical-align: middle;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.5;
	color: #666633;
	background-color: white;
	margin: 0px;
}

html, body {
    height: 100%;
}

/* page style for index.php */
body.home {
	vertical-align: middle;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.2;
	color: #666633;
	background: white url(/images/cannon_watermark.gif) no-repeat;
	background-position: 100px 100px;
	margin: 0px;
}

table {
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666633;
}

abbr, acronym { 
	border-bottom: dotted 1px silver;
}


a:link {
	text-decoration: none;
	font-weight: bold;
	color: #666633;
	border-bottom: 1px dotted #CCCCCC;
	
}
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #990000;
		
}
a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #999933;
	border-bottom: 1px dotted #CCCCCC;
	
}
a:hover { 
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	border-bottom: 1px dotted #990000;
	
}




/* styles menu list (choices) on index.php */
ul.home_menu {
 	list-style-type: none; 
 	margin: -2px 2px 2px 2px;
 	padding: 0 0 0 0;
 	line-height: 14pt;
}
ul.home_menu li {
 	padding-left: 0px;
}

/* styles menu list (choices) on bibliography.php */
ul.bibliography {
 	margin: 2px 2px 2px 10px;
 	padding: 0 0 0 0;
 }
ul.bibliography li {
 	padding: 0 0 5px 2px;
}

/* page headline */
h1 {
	font-family: Georgia, serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	margin: 0 0 -2px 0
}

/* page subhead */
h2 {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #666633;
	margin: 0 0 .5em 0
}

/* section headline */
h3 {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
	margin: 0 0 0 0
}

/* section subhead */
h4 {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #666633;
	margin: 0 0 0 0
}



/* ------  Customize Standard tag behaviors  --------*/	

/* paint text AotW red */
.red  {
	color: #990000;
}

/* paint text Confederate red */
.confed_red  {
	color: red;
}

/* paint text Federal blue */
.blue  {
	color: blue;
}

/* paint text background color to hide it */
.hidden  {
	color: white;
}

/* use for first paragraph (or other block) under a heading  */
.first_para {
	margin-top: 0;
}

/* center text */
.center  {
	text-align: center;
}

/* left justify text */
.left  {
	text-align: left;
}

/* right justify text */
.right  {
	text-align: right;
}

/* underline text */
.underline  {
	text-decoration: underline;
}

/*  use to place single paragraph in
    the middle of an otherwise 
    empty page  */

.center_para  {
	position: absolute;
	top: 30%;
	left: 33%;
	width: 33%;
	text-align: right;
}

/* use to style rule under exhibit type label */
.rule_header_divider  {
	
	width: 50%;
	color: white;
	margin: 3px 0 0 0;
	padding: 0;
      	border-bottom: 1px solid #666633;
	
}

/*  use a rule as a simple divider */
.rule_20  {
	
	width: 20%;
	color: white;
	margin: 3px 0 0 0;
	padding: 0;
      	border-bottom: 1px solid #666633;
	
}

/* ------  Custom font/color combinations  --------*/	

.citation {
	vertical-align: super;
	font-size: 10px;
}

/*  use to display warning or error messages, as in missing Form contents */
.alert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
	
.pageHeadline {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.pageSubhead {
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #666633;
}
.mainText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666633;
}
.mainTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.mainTextBoldItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #666633;
}

.mainTextBanner {
	font-family: Georgia, serif;
	font-size: 11px;
	font-variant:small-caps;
	font-weight: bold;
	letter-spacing: 8px;
	color: #cccc99;
	text-align: center;
}
.mainTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #990000;
}
.mainTextWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.mainTextBoldRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}	
.mainTextHeadline {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.mainTextHeadlineRed {
	font-family: Georgia, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.mainTextSubhead {
	font-family: Georgia, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #666633;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666633;
}	
.tinyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666633;
}

.tinyTextTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #666633;
	vertical-align: top;
}	
	
.tinyTextBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.tinyTextHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.tinyTextItalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #666633;
}
.tinyTagLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	font-stretch: expanded
}
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	font-stretch: expanded
}  

.smallHidden {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: white;
		
}  

 /* ------   Form Element styles --------*/
 
 .fields   { 
	color: #666633; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #FFFFFF; 
	border: solid 1px #990000; 
}
.fieldLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.pushButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
	cursor: pointer;
}

/* ------ shared page element CSS  blocks --------*/

/* footers for main pages */
#full_page_footer  {

	text-align: center;
	position: relative;
	clear: both;
}

/* nav header for main pages*/
#full_page_nav_header  {

	text-align: center;
}

/* logo header for main pages*/
#full_page_logo_header  {

	position: relative;
	text-align: right;
    	padding: 20px 10%; 
}

/* logo header for error pages*/
#error_page_logo_header  {

	position: relative;
	text-align: right;
    	padding: 20px 20%; 
}

/* main container:  use as outer wrapper for multi-column pages     */
   
#page_main {
	
    	padding: 20px 15%;    	
	text-align: left;
	vertical-align: top;	
}

/* ------ begin Home page (index.php) specific CSS  --------*/


/* main site title  */

#home_right_panel h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.5em;
	font-weight: normal;
	margin:0;
	margin-right:1em;
}
	
/* main container for Home page */

#home_main  {
	position: relative;
    	width:  780px;
    	padding: 0; 
    	margin: 50px auto;
	min-height: 650px;
}

#home_footer {
	background: transparent url(/images/93nyi.gif) no-repeat center bottom;
	padding:0 0 0 0;
        height: 111px;
        position: relative;
	margin:0 0 -2px 0;
        z-index: 2;
        vertical-align: bottom;
}

#home_footer_tile {
	background-color: #2F241E;
        height: 111px;
	margin:-2px 0 0 0;
        position: relative;
        z-index: 1;
}

/* Left half of the Home screen - moved to the right */
#home_left_panel  {
	
	position: absolute;
	width:200px;
	left: 548px;
	padding: 100px 70px 0 10px;
	text-align: left;
	vertical-align: top;
}

/* Right half of the Home screen - moved to left */
#home_right_panel  {
	
	position: absolute;
	width:528px;
	left: 0;
	padding: 0;	
	text-align: left;
	vertical-align: top;
}

/* Components of Features Teaser display, 
right half of the Home screen */

/* wrapper around all teaser elements*/ 
#feature_teaser_section  {

	position: relative;
	background-color: #CCCC99;
	width:528px;
	margin: 0 0 0 0;
	padding:0;
	text-align:left;
	float:left;
	vertical-align: middle;
}

#feature_teaser_image	 {

	position: relative;
	vertical-align: middle;
	float:left;
	/*width:150px; */
	margin:0;
	padding: 20px 5px 5px 5px;
	
}

/* wrapper around text elements*/ 
#feature_teaser_body {

	position: relative;
	/*left: 50px;*/
	/*top: -10px;*/
	width: 85%;
	padding: 2px 5px 2px 5px;
	float: left;
	text-align: right;
}

#feature_teaser_body_title {

	font-family: Georgia, serif;
	font-size: 11px;
	font-variant:small-caps;
	font-weight: bold;
	letter-spacing: 14px;
	color: #cc9900;
	text-align: left;
	line-height: 2;
}

#feature_teaser_body_text {

	text-align: left;
	line-height: 1.2;
}

#feature_teaser_body_link {

	text-align: right;
	line-height: 1.2;
	vertical-align: top;
}

/* Components of News display, 
right half of the Home screen */

/* wrapper around News elements*/ 
#news_section  {

	position: relative;
	background-color: #FFFFCC;
	width:518px;
	margin: 4px 0 0 0;
	padding:2px 5px;
	text-align:left;
	float:left;
	vertical-align: middle;
}

/* wrapper around text elements*/ 
#news_body {

	position: relative;
	/*left: 50px;*/
	/*top: -10px;*/
	width: 508px;
	padding: 2px 5px;
	float: left;
	text-align: right;
}

#news_body_text {

	text-align: left;
	line-height: 1.2;
}

#news_body_link {

	text-align: right;
	line-height: 1.2;
	vertical-align: top;
}

/* strip below slideshow,
only during anniversary week */
#memory_banner  {

	position: relative;
	background-color: #000000;
	color: #FFFFFF;
	width:518px;
	margin: 0 0 2px 0;
	padding:2px 5px;
	text-align:center;
}

/* use in image tag for icon/button at bottom of index.php  */
.button_strip {
	vertical-align: middle;
}

/* Components of Historical Tablet display, 
tablet.php (single tablet display) */

/* frame shadow */ 
#tablet_frame  {

	position: relative;
	background-color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	border: 1px solid silver;
	width:550px;
	padding: 3px 0 3px 2px;
	margin: 20px 0 0 0;
	text-align:left;
	vertical-align: middle;
	
}

/* black box */ 
#tablet_body  {

	background-color: #000000;
	color: #FFFFFF;
	border: 2px inset white;
	margin: 6px 7px 6px 7px;
	padding:10px 10px 10px 15px;
	letter-spacing: 1px;
	min-height: 350px
	
}

#tablet_header  {

	font-weight: normal;
	font-size: 18px;
	text-align:center;
	letter-spacing: 2px;
}

#tablet_date  {

	font-size: 12px;
	text-align:center;
}

#tablet_number_footer  {

	text-align:right;
	font-size: 10px;
}

.tablet_inline_small  {

	font-size: 12px;
	
}

/* class for set of messages within exhibit body */ 
.signalMessages {
	font-size: 11px;
	margin:40px 20% 40px 10%;
	
}



/* ------ begin major page (overview, maps, exhibit, officers,  --------*/  
       /* sources.php, etc) specific CSS */                          

  
  /* left column in the 1-1/2 column format   */
   
.one_half_col_left  {
	
       	position: relative;
       	padding: 0 2% 0 15%;
    	width: 55%;
	text-align: left;
	float: left;
    	
}

/* right column in the 1-1/2 column format   */
   
.one_half_col_right  {
	
    	padding: 0 0 0 30px;
    	text-align: left;
    	
}

/* left column in the 2 symmetrical column format   */
   
.two_col_left  {
	
    	
    	position: relative;
    	padding: 20px 3% 0 0;    	
	text-align: left;
	width: 49%;
	float: left;
	z-index: 3;
    	
}

/* right column in the 2 symmetrical column format   */
   
.two_col_right  {
	
    	position: relative;
	padding: 20px 0 0 ;    	
	text-align: left;
	margin: 0 0 0 2%;
	z-index: 1;
	    	
}

/* left column in the 2 symmetrical column format, min vert padding   */
   
.two_col_left_short  {
	
    	
    	position: relative;
    	padding: 2px 3% 0 0;    	
	text-align: left;
	width: 49%;
	float: left;
	z-index: 3;
    	
}

/* right column in the 2 symmetrical column format, min vert padding   */
   
.two_col_right_short  {
	
    	position: relative;
	padding: 2px 0 0 ;    	
	text-align: left;
	margin: 0 0 0 2%;
	z-index: 1;
	    	
}

  /* left column in the 1-1/2 column format, min vert padding for Tablet_index   */
   
.one_half_col_left_short  {
	
       	position: relative;
       	padding: 2px 0 0;
    	width: 65%;
	text-align: left;
	float: left;
    	
}

/* right column in the 1-1/2 column format, min vert padding for Tablet_index   */
   
.one_half_col_right_short  {
	
    	padding: 2px 0 0;
    	text-align: left;
    	
}


/* full-width page whitespace divider  */
   
.page_divider  {
	
    	min-height: 10px;    	
	width: 90%;
	clear: both;
    	
}

  /* page container for "faces" gallery   */
   
#gallery  {
	
       	width: 8200%;
	text-align: left;
	float: left;
    	
}

/* ------  error ("uh-oh") page (in antietam_error.inc) specific CSS  --------*/

/* main container for page */
#error_page_main  {
	
    	padding: 40px 25%;    	
	text-align: right;
    	
}