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

div 	{
	margin: 0 0 0 0;
}

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

body {
	vertical-align: middle;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666633;
	background-color: #FFFFFF;
	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: underline;
	font-weight: bold;
	color: #666633;
	
}
A:active {
	text-decoration: none;
	font-weight: bold;
	color: #990000;
	
}
A:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #666633;
	
}
A:hover { 
	text-decoration: underline;
	font-weight: bold;
	color: #990000;
	
}

/* page headline */
h1 {
	font-family: Times New Roman, Times, Roman, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
	margin: 0 0 0 0
}

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

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

/* section subhead */
h4 {
	font-family: Times New Roman, Times, Roman, 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: Times New Roman, Times, Roman, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.pageSubhead {
	font-family: Times New Roman, Times, Roman, 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;
}

.mainTextBanner {
	font-family: Times New Roman, Times, Roman, 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: Times New Roman, Times, Roman, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #666633;
}
.mainTextHeadlineRed {
	font-family: Times New Roman, Times, Roman, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990000;
}
.mainTextSubhead {
	font-family: Times New Roman, Times, Roman, serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	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
}   

 /* ------   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 container for Home page */
#home_main  {
	position: relative;
    	width:  780px;
    	padding: 0; 
    	margin: 5% auto;
	
}

/* Left half of the Home screen */
#home_left_panel  {
	
	position: absolute;
	width:252px;
	left: 0;
	padding: 50px 0 0 0;
	text-align: center;
	vertical-align: middle;
}

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

/* 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: Times New Roman, Times, Roman, 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 anniverseary week */
#memory_banner  {

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


/* ------ 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;
	    	
}

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

  /* page container for "faces" gallery   */
   
#gallery  {
	
       	width: 6500%;
	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;
    	
}



/* 
   From here down:
   Styles for components in the Gallery code - original
   from http://gallery.menalto.com/
   
   See AUTHORS file in /gallery/ directory for credits.
   
   modified for AotW 20 May 2005 by BRD
   
   *******
   default text styles - background and colors overriden by
   album 'bgcolor', 'background', and 'textcolor' properties.
*/

/* 
   text styles 
*/
.title                          /* album titles on main page  - modded to look like AotW <h1>*/
	{ 
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;
	  width: 100%;
	  font-family: Times New Roman, Times, Roman, serif;
	  font-size: 18px;
	  font-style: normal;
	  font-weight: bold;
	  color: #990000;
	  margin: 0 0 0 0  
	  
	}

/*  commenting out link behaviors here

.title a,
.title a:link,
.title a:visited,
.title a:active {
	  font-family:verdana, arial, sans-serif;
	  color:#D8C4AE;
	  font-size:x-small;
	  font-weight:bold;
	  letter-spacing: .2em;  
	  text-decoration: none;
	}
.title a:hover {
	  color: #C0C0C0;
	  text-decoration: none;
	} 
	
end commented code  */


.mod_title	/* album title  Text is controled by .title  - modded to remove background */ 
	{ 
          width: 100%;
          height: 28px;
	}
.mod_title_bg	/* album title hightlight Text is controled by .title */ 
	{ 
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/ 
	{ 
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */ 
	{ 
	}
.albumdesc  /* album description includes all text and background - modded to AotW defaults*/
	{
	  
	}
.desc  /* album descriptions on main page just description and author - modded to AotW defaults*/
	{ 
	  
	}
.caption  /* photo captions on all pages - left alone*/
	{ 
	  font-size: 10px; 	
	}
.modcaption  /* modifies background for caption text to reside  - modded to AotW defaults*/
	{
	  
	}
.error  /* all error text  - modded to AotW defaults, color left alone*/
	{ 
	  color: red; 
	}
.attention /* voting instructions */
	{
	}
.headbox  /* box around the page headers */
	{
	}
.head  /* page headers behind the Gallery title - mod to remove image, default to AotW text style*/
	{ 
	  
	  line-height:140%;
	  letter-spacing: .2em;
	  border:0px dashed #D8C4AE;
	  height: 28px;  
	}
	
/*  commenting out link behaviors here - default to AotW standard

.head a,
.head a:link,
.head a:visited,
.head a:active 
	{
	  font-weight: normal;
	  color:#D8C4AE;
	  text-decoration: none;
	}
.head a:hover
	{
	  font-weight: normal;
	  color: #C0C0C0;
	  text-decoration: underline;
	}
	
end commented code  */	
	
.mod_headliner  /* Gallery & Album titles. Text is controled by .head  - modded to remove background image*/ 
	{ 
	  width: 100%;
	  height: 28px;
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/ 
	{ 
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	}
.bread  /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.bordertop
	{
	}
.borderright
	{
	}
.borderleft
	{
	}
.fineprint  /* used for fine print */
	{ 
	  font-size: 10px; 
	}
.popuphead
	{
	  font-size: 16px;
 	  font-weight: bold;
	  color: #D8C4AE;
	}
.popup
	{
	  font-size: 12px;
	  font-weight: bold;
	  color: #D8C4AE;	  
	}

/*  commenting out link behaviors here - default to AotW standard

.editlink  /* Used for the [edit] tags */
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active
	{
	  font-size: 10px;
	  font-weight: normal;
	  color: #D8C4AE;	  
	}
	
end commented code  */	

.modnavbox  /* main navigation bar next and previous - modded to default text to AotW style, remove back image*/ 
	{ 
	  line-height:140%;
	  letter-spacing: .2em;
	  border:0px dashed #D8C4AE;
	  width: 100%;
	  height: 14px;
	}
	
/*  commenting out link behaviors here - default to AotW standard

.modnavbox a,
.modnavbox a:link,
.modnavbox a:visited,
.modnavbox a:active {
	  font-weight: normal;
	  color:#D8C4AE;
	  text-decoration: none;
	}
.modnavbox a:hover {
	  font-weight: normal;
	  color: #D8C4AE;
	  text-decoration: underline;
	}
	
end commented code  */	

.admin  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #EDE1A9; 
	  font-weight: bold;
	}

.adminform
        {
          font-size: 10px;
          font-weight: bold;
          color: #9C925E;
        }
.search  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #D8C4AE;
	  font-weight: bold;
	}
.leftspacer /* amount of space to the left of the header and titles */
	{
	  width: 50px;
	}
	
.modnavboxtop  /*navagation bar top of screen where admin buttons show - modded to default text to AotW style, remove back image*/
	{ 
	  line-height:140%;
	  letter-spacing: .1em;
	  border:0px dashed #D8C4AE;
	  width: 100%  
	}
	
/*  commenting out link behaviors here - default to AotW standard

.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active {
	  font-weight: normal;
	  color: #D8C4AE;
	  text-decoration: none;
	}
.modnavboxtop a:hover {
	  font-weight: normal;
	  color: #C0C0C0;
	  text-decoration: none;
	}
	
end commented code  */	

.modnavboxmid  /*navagation bar middle where the link for the albums show - modded to default text to AotW style, remove back color*/
	{ 
	  
	  line-height:140%;
	  border:0px dashed #D8C4AE;
	  width: 100%  
	}
	
/*  commenting out link behaviors here - default to AotW standard

.modnavboxmid a,
.modnavboxmid a:link,
.modnavboxmid a:visited,
.modnavboxmid a:active {
	  font-weight: normal;
	  color:#D8C4AE;
	  text-decoration: none;
	}
.modnavboxmid a:hover {
	  font-weight: normal;
	  color: #C0C0C0;
	  text-decoration: underline;
	}
	
end commented code  */

.modfooter  /*footer where the Gallery version is located - modded to default text to AotW style, remove back color*/
	{ 
	  line-height:140%;
	  padding:2px;
	  border:0px dashed #D8C4AE;
	  width:100%   
	}
	
/*  commenting out link behaviors here - default to AotW standard

.modfooter a,
.modfooter a:link,
.modfooter a:visited,
.modfooter a:active {
	  color:#D8C4AE;
	  text-decoration: none;
	}
.modfooter a:hover {
	  color: #C0C0C0;
	  text-decoration: none;
	}
	
end commented code  */