/*
Theme Name: acs-store.css 
Description: Stylesheet 
Page: 7000
Version: 25.0
Author: J Clavin
*/

/* ====================================================================================== */
/* The main Store page formats */
/* ====================================================================================== */
body {font-size: 100%; font-family: Arial, Helvetica, sans-serif; text-align: center; background-color: transparent; color: #000; background-image: url("../images/bg_pic.jpg"); background-position: right top; background-repeat: repeat; background-attachment: fixed; border-top-style: none; 	border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 0px;	
}

#overlay { background-color:transparent; background-image: url("../images/background_rt_shep.png"); background-position: right bottom; background-repeat: no-repeat; background-attachment: fixed; z-index: 1; }
#overlay1 { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2; cursor: pointer; }

/* ====================================================================================== */

/* this container surrounds all other divs giving them their percentage-based width */
.container { width: 950px; max-width: 1000px; min-width: 780px;  background-color: #ffffff; margin: 0 auto; border-color:  #512800 ; border-style: solid; border-width: 3px; 	margin-top: 0px; border-collapse: seperate; border-spacing: 0;}


/* ============================================================================ */
/*                               INDEX Page Layout                              */
/*                         Used on main index.php page                          */
/* ============================================================================ */

.store_menubar {width: inherit; background: #FFFFFF; border-bottom: solid #333 2px; border-top: solid #333 2px; }
.store_header_img {border: 0; margin-top: 30px; width: 900px; height: inherit; background-color: transparent;  }

/* These are the header, footer, and columns for the layout. Make sure columns that are used add up to 100% */
.store_header { background-color: transparent; text-align: center; margin-top: 0px;}
.content {background-color: transparent; padding: 10px 0; width: 80%; float: left; text-align: center; vertical-align: top;  border-collapse:collapse; }

.store_sidebar_right { width: 18%; float: right;  text-align: center; padding-bottom: 0px 0; margin-top: 0px; background-color:#FFFFFF  }
.store_footer {padding: 10px 0; background: #5C2E00; text-align: center; position: relative; clear: both; font-size: 11px; font-weight: normal; color: #ffffff;	font-family: Arial, Helvetica, sans-serif; margin-top: 0px; }
.store_footer_update { background-color: transparent; text-align: center; position: relative; clear: both; font-size: 11px; font-weight:normal; color: #cccccc;}


.store_td_center_line_top_bot {text-align:center; vertical-align: center; border-bottom: solid #3E1F20 1px; border-top: solid #3E1F20 1px;}
.store_td_center_line_top     {text-align:center; vertical-align: center; border-top: solid #5c731e 1px;}
.store_td_center_line_bot     {text-align:center; vertical-align: center; border-bottom: solid #5c731e 1px;}
.store_td_center_line_bot_m   {text-align:center; vertical-align: center; border-bottom: solid #5c731e 1px; margin-top:  5px; margin-right: 15px; margin-bottom: 5px; margin-left: 15px;} 


/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* BUTTONS                                                                  */ 
/* ---------------------------------------------------------------------------------------------------------------------------------- */
.store_button       {background-color: var(--headerlt); border: 1px solid #000; border-radius: 8px; display: inline-block; outline: 0; padding: 4px 8px; vertical-align: middle; overflow: hidden; font-size: 14px; font-weight: bold; color: #800; cursor: pointer; text-align: center; text-decoration: none; white-space: nowrap; box-shadow: none}
.store_button:hover {background-color: var(--headerdk); border: 1px solid #271700; border-radius: 8px; outline: 0 ;padding: 4px 8px; vertical-align: middle; overflow: hidden; font-size: 14px; font-weight: bold; color: #0021E5; cursor: pointer; text-align: center; text-decoration: none; display: inline-block; white-space: nowrap; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}








/* ====================================================================================== */

/* SITE NEWS */
#news_table     {border: 0; ; text-align: center; width: 90%; background-image: url(../images/newspaper.png); background-repeat: repeat; vertical-align: top; box-shadow: 4px -4px 4px #FFB9B9; }
#news_img {border: 0; margin-top: 20px; width: 130px; height: inherit;}
.news_table100 {border: 0; text-align: center; width: 100%; } 
.news_table_td_date {vertical-align: top; text-align: center; padding-bottom: 0px; padding-top: 0px; padding-left: 3px; padding-right: 3px; border-bottom: solid #333 1px; 	border-top: solid #333 1px;}
.news_table_td_right {vertical-align: top; text-align: right; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 10px; }
.news_table_td_left {vertical-align: top; text-align: left; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 3px; }
.news_table_td_center {	vertical-align: top; text-align: center; padding-bottom: 3px; padding-top: 3px; padding-left: 3px; padding-right: 3px; }
.news_date        {color: #000; font-family: "old-news"; font-size: 18px; font-weight:normal; text-align: center; text-shadow: 3px 3px 5px #666666; margin-bottom: 15px; }
.news_title       {color: #900; font-family: "old-news"; font-size: 18px; font-weight:normal; text-align: center; text-shadow: 3px 3px 5px #666666; }
.news_subtitle    {color: #00F; font-family: "old-news"; font-size: 16px; font-weight:normal; text-align: center; }
.article_title    {color: #000; font-family: "old-news"; font-size: 36px; font-weight:normal; text-align: left; }
.article_subtitle {color: #000; font-family: "old-news"; font-size: 28px; font-weight:normal; text-align: left; }
.article_author   {color: #000; font-family: "old-news"; font-size: 18px; font-weight:normal; text-align: left; }
.article_date     {color: #000; font-family: "old-news"; font-size: 22px; font-weight:normal; text-align: left; }
.news_body        {color: #000; font-family: "old-news"; font-size: 14px; font-weight:normal; text-align: left; padding-left: 10px; padding-right: 10px; }
.news_photo_desc  {font-size: 10px; font-weight:normal; color: #000000;}









/* OBSOLETE -  PHASE THESE OUT ================================================================================= */
/* General */
.text_body_9pt_blk          {font-size: 9px;	 font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}

.text_body_10pt_brn         {font-size: 10px; font-weight:normal; color: #663300; font-family: Arial, Helvetica, sans-serif;}
.text_body_10pt_red         {font-size: 10px; font-weight:normal; color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_10pt_blk         {font-size: 10px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_10pt_blk_italic  {font-size: 10px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif; font-style:italic;}
.text_body_10pt_dk_blu      {font-size: 10px; font-weight:normal; color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_10pt_dk_blu_bold {font-size: 10px; font-weight:bold;   color: #000066; font-family: Arial, Helvetica, sans-serif;}

.text_body_11pt_blk        {font-size: 11px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}

.text_body_12pt_red_shadow      {font-size: 12px; font-weight:normal; color: #FF0000; font-family: Arial, Helvetica, sans-serif; text-shadow: 5px 5px 5px #666666;}
.text_body_12pt_red_shadow_bold {font-size: 12px; font-weight:bold;   color: #FF0000; font-family: Arial, Helvetica, sans-serif; text-shadow: 5px 5px 5px #666666;}
.text_body_12pt_blu_shadow      {font-size: 12px; font-weight:normal; color: #000066; font-family: Arial, Helvetica, sans-serif; text-shadow: 5px 5px 5px #666666;}
.text_body_12pt_blu_shadow_bold {font-size: 12px; font-weight:bold;   color: #000066; font-family: Arial, Helvetica, sans-serif; text-shadow: 5px 5px 5px #666666;}

.text_body_12pt_dk_blu      {font-size: 12px; font-weight:normal; color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_dk_blu_bold {font-size: 12px; font-weight:bold;   color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_blk         {font-size: 12px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_blk_bold    {font-size: 12px; font-weight:bold;   color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_blk_ind     {font-size: 12px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif; margin-left: 25px;}
.text_body_12pt_blk_italic  {font-size: 12px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif; font-style:italic;}
.text_body_12pt_red         {font-size: 12px; font-weight:normal; color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_red_bold    {font-size: 12px; font-weight:bold;   color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_brn         {font-size: 12px; font-weight:normal; color: #663300; font-family: Arial, Helvetica, sans-serif;}
.text_body_12pt_grn_bold    {font-size: 12px; font-weight:bold;   color: #336633; font-family: Arial, Helvetica, sans-serif;}

.text_body_14pt_white_bold  {font-size: 14px; font-weight:bold;   color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_dk_blu      {font-size: 14px; font-weight:normal; color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_dk_blu_bold {font-size: 14px; font-weight:bold;   color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_brn_bold    {font-size: 14px; font-weight:bold;   color: #663300; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_blk         {font-size: 14px; font-weight:normal; color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_blk_bold    {font-size: 14px; font-weight:bold;   color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_red         {font-size: 14px; font-weight:normal; color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_red_bold    {font-size: 14px; font-weight:bold;   color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_14pt_grn_bold    {font-size: 14px; font-weight:bold;   color: #336633; font-family: Arial, Helvetica, sans-serif;}

.text_body_16pt_dk_blu      {font-size: 16px; font-weight:normal; color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_grn         {font-size: 16px; font-weight:normal; color: #336633; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_grn_bold    {font-size: 16px; font-weight:bold;   color: #336633; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_dk_blu_bold {font-size: 16px; font-weight:bold;   color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_red_bold    {font-size: 16px; font-weight:bold;   color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_blk_bold    {font-size: 16px; font-weight:bold;   color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_brn_bold    {font-size: 16px; font-weight:bold;   color: #663300; font-family: Arial, Helvetica, sans-serif;}
.text_body_16pt_wht_on_grn_bold      {font-size: 16px; color: #FFFFFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; background: #008000; text-align: center;}
.text_body_16pt_wht_on_grn_bold_left {font-size: 16px; color: #FFFFFF; font-weight:bold; font-family: Arial, Helvetica, sans-serif; background: #008000; text-align: left;}
	

.text_body_18pt_red_bold    {font-size: 18px; font-weight:bold; color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
.text_body_18pt_blk_bold    {font-size: 18px; font-weight:bold;	color: #000000; font-family: Arial, Helvetica, sans-serif;}
.text_body_18pt_dkblu_bold  {font-size: 18px; font-weight:bold;	color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_18pt_dkblu_bold  {font-size: 18px; font-weight:bold;	color: #000066; font-family: Arial, Helvetica, sans-serif;}
.text_body_18pt_red_shadow        {font-size: 18px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-shadow: 5px 5px 5px #666666;}
.text_body_18pt_blk_bold_shadow   {font-size: 18px; font-weight:bold;   font-family: Arial, Helvetica, sans-serif; color: #000000; text-shadow: 5px 5px 5px #666666;}
.text_body_18pt_dkblu_bold_shadow {font-size: 18px; font-weight:bold;   font-family: Arial, Helvetica, sans-serif; color: #000066; text-shadow: 5px 5px 5px #666666;}
.text_body_18pt_dkblu_bold_shadow {font-size: 18px; font-weight:bold;   font-family: Arial, Helvetica, sans-serif; color: #000066; text-shadow: 5px 5px 5px #666666;}
.text_body_18pt_grey_bold_shadow  {font-size: 18px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color: #666666; text-shadow: 5px 5px 5px #666666; margin-bottom: 10px; margin-left: 5px;}

.text_body_20pt_wht_on_red_bold   {font-size: 20px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background: #FF0000; text-align: center;}

.text_body_22pt_dk_blu_bold        {font-size: 22px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066;}

.text_body_28pt_grey_bold_shadow   {font-size: 28px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #666666; text-shadow: 5px 5px 5px #666666;}
.text_body_28pt_dk_blu_bold        {font-size: 28px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066; text-decoration: none;}
.text_body_28pt_red_bold           {font-size: 28px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000;}
.text_body_28pt_red_bold_shadow    {font-size: 28px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-shadow: 5px 5px 5px #666666;}
.text_body_28pt_dk_blu_bold_shadow {font-size: 28px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066; text-decoration: none; text-shadow: 4px 4px 4px #666666;}

.text_body_36pt_dk_blu_bold        {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066;}
.text_body_36pt_grey_bold_shadow   {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #666666; text-shadow: 5px 5px 5px #666666;}
.text_body_36pt_grey_bold_shadow   {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #666666; text-shadow: 5px 5px 5px #666666;}
.text_body_36pt_dk_blu_bold        {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066;}
.text_body_36pt_dk_blu_bold_shadow {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066; text-shadow: 5px 5px 5px #666666;}
.text_body_36pt_red_bold_shadow    {font-size: 36px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-shadow: 4px 4px 4px #666666;}

.text_body_48pt_dk_blu_bold_shadow {font-size: 48px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #000066; text-shadow: 5px 5px 5px #666666;}
.text_body_48pt_red_bold_shadow    {font-size: 48px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color: #FF0000; text-shadow: 5px 5px 5px #666666;}