/* root.css */

/* Table of Contents
------------------------------------
    1. Reset
    2. Classes
    2.a Styles
    2.b Elements (a, body, p, etc.)
	3. ID's (#container, etc.)
	4. Optional Classes (.red, .clear, etc.)
	nav
5. Print
	6. Handheld
	7. Debug
	
COLORS
    Main Text:              #3d3d3d - dark gray
    Army Gold:              #ffd54a 
    Army Green:             #7b8738                  
    Light Gray bg:          #f7f7f7
------------------------------------*/

/* -- all references below to rv4_images changed to _images --- */

/* 1. Reset
------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;             /* padding and margin = 0 added to make floating div work right */
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	vertical-align: baseline;
	background: transparent;    
}
:focus {
	outline: 0;
}
body {
	background: #FFF;
	color: #000;
	line-height: 1;
}
ol, ul, li {
	list-style: none;
}
/* ------------------------- end reset ------------------------- */

/* ------------------------- 2. Classes ------------------------- */

    /*---2.a General Styles for text and such --- */
    
.style1 {font-size: 12px}
.style15 {
	font-size: large;
	font-family: "Times New Roman";
	text-align: left;
	margin-left: 7px;
}
.style16 {
	font-size: medium;
	color: #5D8A38;
	text-align: center;
	margin-left: 0px;
	font-family: "Times New Roman";
}
.style19 {
	text-align: center; 
	top:0px;
	height:20px
}
.style20 {
	margin: 1px 2px 2px 0px;
	border: solid 1px #cdcdcd;
}
.style21 {
	background-color: #46523C;
}
.style22 {
	margin-right: 1px;
}
.style23 {
	color: #FFFFFF;
}
.style24 {
	text-align: left;
	margin-right: 0px;  /* diff from inline margin-right: 10px */
}
.style25 {
	font-family: Aharoni;
	font-size: medium;
}
.style26 {
	font-size: medium;
	font-family: Verdana;
	text-align: left;
	vertical-align: text-top;
}
.style27 {
	font-family: Aharoni;
	font-size: medium;
	text-align: center;
}
.style28 {
	text-align: left;
}
.style29 {
	margin-left: 0px;
	color: #6c7429;
}
.style30 {
	font-size: 12px;
	font-weight: bold;
	color: #F8F9F4;     /* inline version had #9cac8e, Org style had #0000ff */
}
.style31 {
	font-family: "Times New Roman";
	vertical-align:bottom;
	color: #6d7956;
}
.style32 {
	font-family: Verdana;
}
.style33 {
	text-align: right;
}
.style34 {
	margin-top: 0px;
	color: #6d7956;
	font-size: medium;
}
.style35 {
	font-size: x-small;
	font-family: Verdana;
}
.style36 {
	text-align: center;
}
.style37 {
	color: #6D7956;
	text-align: left;
	font-size: medium;
}
.style38 {
	color: #0000FF;
	font-family: Verdana;
}
.style39 {
	font-family: "Times New Roman";
	font-size: large;
}
.style40
    {
        font-weight: normal;
    }   
.style41 {
				text-align: left;
}
.style42 {
				text-align: left;
				color: #6C7429;
}
.style43 {                          /* not in inline version */
    font-family: Verdana;
	font-size:x-small;
	color: #6D7956;
}
/*---- end General styles ----*/


/* --- 2.b Element Classes ---*/
body {
    background: #7a7a7a url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/body_gradient.jpg) repeat-x;
    color: #3d3d3d;
    font-family: Verdana, Arial, sans-serif;    /* site.css used Trebuchet MS, Verdana, sans-serif */
/*    padding: 0;                         */  /* redundant - done on reset */
/*    margin: 0;                          */  /* redundant - done on reset */
/*    float: none;  */                        /* rest of this added from site.css */
    position: absolute;          /* change position from inherit to absolute for testing - 24Jun15 */
/*    overflow: inherit;                  */
    max-height: 1224px; 
    height: 100%;
    width: 100%;                /* add maxwidth of 1315px and maxheight of 1224 - meets size of banner */
    max-width: 1824px;          /* changed from 1250 to 1920 to test out screen setting - 24Jun15 from 1920 to 1824 26Jun15 */
    z-index: -100;
    text-align: center;
  /*    border: 1px solid red; */   /* uncomment for layout testing */
}
a {
    color: #3d3d3d;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #7b8738;     /* Army Green */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    margin: 0 0 0 1.0em ;
}
h1 {
    font-size: 2.6em;               /* leave per sitting 24Sept2014 with PAO */
    line-height: 1.2em;
}
h2 {
    font-size: 2.0em;              /* modified from 1.4em to 2.0em meet PAO requirement 24Sept2014 */
}
h3 {                                /* added for Mission font size change per PAO 24Sept2014 */
    font-size: 1.27em;
}
img {
    border: 1px solid #3d3d3d;
}
p {
    font-size: 1.1em;
    line-height: 1.4em;             /* changed from 1.6em to 1.4em to meet request from PAO 24Sept14 */
    margin: 1.1em 0;
    font-family: Verdana, Arial, Sans-Serif;
}
function-item
{
    text-align: left;
    line-height: 1.4;
    font-weight: bold;
}
.function-item ul
{
    line-height: 1.4;
    font-weight: bold:bold;
}
    /* -- Define a default table to use with ISO menus -- */
table 
{
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    border: 0 hidden transparent;
    padding: 0;
    margin: 0;
}
   /* --- ul class for hover drop down menus in left menu --- */
menu-item {
	width: 250px;                 /* change from 19% to 200px to be same as leftCol */
	 border: 1px dashed red;    /* uncomment for layout testing */
}
menu-item2
{
    width:200px;
}    
.menu-item2 a
{
    margin-left: 15px;
    text-decoration: none;
    color: #000;                
	overflow: hidden;
}
.menu-item2 ul   
{
    background: #c0c0c0; 
    background-image: url("/web/20161018225029oe_/http://www.mcaap.army.mil/_images/background_chrome.jpg");
    background-repeat: repeat-x; 
    font-size: 12px;  
    line-height: 25px;
    height: 0px;  /* Collapses the menu */  
    list-style-type: none;  
    overflow: hidden;  
    padding: 0px;
   /* position: relative; */            /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014*/
   /* float: left;  */                  /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /* z-index: 597; */                  /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    /*Animation*/
  /*  -webkit-transition: height 1s ease;
       -moz-transition: height 1s ease;
         -o-transition: height 1s ease;
        -ms-transition: height 1s ease;
            transition: height 1s ease;  */  /*may be causing compatibility problems with other browsers */
 } 
 .menu-item2 ul a   
 {
     margin-left: 15px;  
     text-decoration: none;  
     color: #000;  
     display: block;  
     width: 100%;
  } 
    /* li Styles */
  .menu-item2 li   
  {
      border-bottom: 1px solid #eee;
      margin-left: 15px;
   /*   float: left; */             /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   min-height: 1px; */         /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   line-height: 1.3em; */      /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   vertical-align: middle; */  /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   } 
   .menu-item2 li:hover   
   {
       background: #c0c0c0;
       color: #7b8738
    /*   position: relative; */     /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    /*   z-index: 599; */           /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    /*   cursor: default;  */       /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    }
.menu-item ul   
{
    background: #c0c0c0; 
    background-image: url("/web/20161018225029oe_/http://www.mcaap.army.mil/_images/background_chrome.jpg");
    background-repeat: repeat-x; 
    font-size: 1.0em;                /* changed from 11px to 1.0em per PAO request - 19Sept14 font-size and line-ht both needed */
    line-height: 20px;              /* changed from 25px to 20px to make submenus fit in screen - 4Jun14 */
    height: 0px;  /* Collapses the menu */  
    list-style-type: none;  
    overflow: hidden;  
    padding: 0px;
  /*  position: relative; */            /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014*/
  /*  float: left;          */          /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
  /*  z-index: 597;    */               /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    /*Animation*/
 /*   -webkit-transition: height 1s ease;
       -moz-transition: height 1s ease;
         -o-transition: height 1s ease;
        -ms-transition: height 1s ease;
            transition: height 1s ease;   */  /* may be causing compatibility problems with other browsers */
 } 
 .menu-item ul a   
 {
     margin-left: 15px;  
     text-decoration: none;  
     color: #000;           
     display: block;  
     width: 100%;
     border-bottom: 1px solid black;
  } 
  .menu-itme ul:hover a{background: #c0c0c0; color: #7b8738}
  
    /* li Styles */
  .menu-item li   
  {
      border-bottom: 1px solid #eee;
      margin-left: 15px;
   /*   float: left;   */           /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   min-height: 1px;  */        /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   line-height: 1.3em;  */     /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   /*   vertical-align: middle; */  /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
   } 
   .menu-item li:hover a  
   {
       background: #c0c0c0;
       color: #7b8738
     /*  position: relative; */     /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
     /*  z-index: 599;      */      /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
     /*  cursor: default;    */     /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    }
.menu-item ul li ul
{
  /* visibility: hidden;  */       /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
  /*  left: 0;     */               /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
  /*  z-index: 598;  */             /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
  /*  width: 100%;    */            /* added from Horiz/Vert drop-down Menu list for css - 5/30/2014 */
    /* left out position: absolute and top:100% */
}    
.menu-item:hover ul {
	height: 100%;
}

.menu-item {
	background: #c0c0c0;
	width: 100%;
}

.menu-item h4 
{
    border-bottom: 1px solid rgba(0,0,0,0.3);
    border-top: 1px solid rgba(255,255,255,0.2);
	color: #000;
	font-size: 1.1em;            /* chnaged from 14px to 1.1em per PAO 17Sept2014 */
	font-weight: 500;
	padding: 7px 12px;
	/* may need to comment out all of theses backgrounds. */
	background: #c0c0c0;  /* old browsers */
	background: -moz-linear-gradient(top, #c0c0c0 0%, #737373 44%, #4d4d4d 100%); /* FF3.6+ */  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(44%,#737373), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */  
	background: -webkit-linear-gradient(top, #c0c0c0 0%,#737373 44%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */  
	background: -o-linear-gradient(top, #c0c0c0 0%,#737373 44%,#4d4d4d 100%); /* Opera 11.10+ */  
	background: -ms-linear-gradient(top, #c0c0c0 0%,#737373 44%,#4d4d4d 100%); /* IE10+ */  
	background: linear-gradient(top, #c0c0c0 0%,#737373 44%,#4d4d4d 100%); /* W3C */  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0); /*ie6-9 */
}

.menu-item h4 a {
	color: #000;
	display: block;
	text-decoration: none;
	width: 100%;
}

.menu-item h4:hover     
{
    background: #c0c0c0; /* Old browsers */  
    color: #7b8738;
    /*  may have to comment out all of these backgrounds */
    background: -moz-linear-gradient(top,  #c0c0c0 0%, #4d4d4d 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* Opera 11.10+ */  
    background: -ms-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* IE10+ */  
    background: linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* W3C */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
 }
 
 .menu-item h4:hover a
{
    background: #c0c0c0; /* Old browsers */  
    color: #7b8738;
    /* many need to comment out these backgrounds */
    background: -moz-linear-gradient(top,  #c0c0c0 0%, #4d4d4d 100%); /* FF3.6+ */  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */  
    background: -webkit-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */  
    background: -o-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* Opera 11.10+ */  
    background: -ms-linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* IE10+ */  
    background: linear-gradient(top,  #c0c0c0 0%,#4d4d4d 100%); /* W3C */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
 }
 
     /* First Menu Item Class - if use alpha description */
.alpha p     
{
    font-size: 10px;    
    padding: 8px 12px;    
    color: #000;
 }


    /* end menu-item class */
    
       /* ---  Class for boxes --- */
       
 /*	=TITLE BOX WITH DARK HEADING
------------------------------------*/
.darkTitleBox h1{
	background-color:#3d3d3d;
	border-top: 1px solid white;
}

/*	=FLOATING BOX WITH DARK HEADING
------------------------------------*/
.darkFloatBox {
	margin:5px 5px 15px 5px;
	background-color:#F7F7F7;
	border: solid 0px #3d3d3d;
}
.darkFloatBox h1{
	background-color:#3d3d3d;
}

/*	=TITLE BOX WITH GREEN HEADING
------------------------------------*/
.greenTitleBox h1{
	background-color:#5d8a38;
}

/*	=FLOATING BOX WITH GREEN HEADING
------------------------------------*/
.greenFloatBox {
	margin:5px 5px 15px 5px;
	background-color:#FFF;
	border: solid 0px #5d8a38;
}
.greenFloatBox h1{
	background-color:#5d8a38;
}

/*	=TITLE BOX WITH BROWN HEADING
------------------------------------*/
.brownTitleBox h1{
	background-color:#898360;
}

/*	=FLOATING BOX WITH BROWN HEADING
------------------------------------*/
.brownFloatBox {
	margin:5px 5px 15px 5px;
	background-color:#fff;
	border: solid 0px #898360;
}
.brownFloatBox h1{
	background-color:#898360;
}

/* =GRAY REGION
------------------------------------*/
.grayRegion{
	background-color:#F8F9F4;
	border-top: solid 0px #cdcdcd;
	border-bottom: solid 0px #cdcdcd;
	margin: 5px 0 5px 0;
}

/* =redFloatBox 
------------------------------------*/
.redFloatBox {
	width: 100%;
	height: 20px;
	border-top: solid 0px #ff0000;
	border-bottom: solid 0px #ff0000;
	margin: 5px 0 5px 0;
}
/* =Footer class */
.footerLinks ul{
	left:0px;
	margin:0px 0px 0px 0px;
	padding:10px;
	top:0px;
}
.footerLinks li{
	display:inline;
	padding:0px 20px 0px 0px;
	margin:0px;
}
.footerLinks a{
	text-decoration:none;
	color:#6d7956;
	font: normal 10px verdana;
	margin:0px;
	padding:0px;
	vertical-align:top;
}
.footerLinks a:hover{
	text-decoration:underline;
}
.public_notice 
{
    font-family:Verdana, Arial, Sans-Serif;
    font-size:xx-small;
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    text-transform:none;
    color:Black;
}

/* -------	=GLOBAL MENU - Class --------*/
.global{
    height:16px;
    top:1px;
	left:0px;
	margin:0px;
	padding:2px 0px 0px 80px;
	float:left;
}
.global ul{
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	top:0px;
}
.global li{
	display:inline;
	padding:0px 25px 0px 0px;
	margin:0px;
}
.global a{
	text-decoration:none;
	text-transform:uppercase;
	color:#3d3d3d;             /* chnage from white #fff to Army gray #3d3d3d */
	font: bold 9px verdana;
	margin:0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}
.global a:hover{
	color:#a9afa0;
}

/* top menu css */

/* Give bg color to nav container */
.tnav { margin: 100px 0; background-color: #666666; z-index: 9999;}

/* have ul li float left, clear after the container */
.tnav:after { content: " "; display: table; clear: both; }

/* Removing padding, margin & 'list style' from ul & add position: relative */
.tnav ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 999; }

/* Positioning navigation items inline */
.tnav ul li { margin: 0px; display: inline-block; float: left; background-color: #666666; height: 2.6em; line-height: 2.6em; min-width: 200px; } /* added min-width: 200px 10Jun15 */

/* styling the links */
.tnav a { display: block; padding: 0 10px; color: #fff; font-size: 1.1em; line-height: 2.6em; text-decoration: none; }  /* change font-size from 20px to 1.1 em & line-height from 60px to 2.6em 10Jun15 */

/* background color change on hover */
.tnav a:hover { background-color: #000000; }

/* hide dropdown by default & give it a position of absolute */
.tnav ul ul {display: none; position: absolute; top: 100%; }

/* display dropdown on hover */
.tnav ul li:hover > ul { display: block; }        /* change from inherit to block 10June15 */

/* first tier dropdown */
.tnav ul ul li { min-width: 200px; float: none; display: list-item; position: relative; }  /* change min-wid from 170px to 200px */

/* second, third & more tiers, move 2nd & 3rd tier dropdown */
/* to the left by the amount of the width of the first tier */
.tnav ul ul ul { position: absolute; top: 0; left: 100%; }

/*change '+' in order to change dropdown symbol */
li > a:after { content: ' +'; }
li > a:only-child:after { content: ''; }

/*---- NAV Class for old web menu -------*/
.nav{
	margin:0px 0px 5px 5px;
    border: 1px solid green;
}

.nav:after { content: " "; display: inline; }  /* removed clear: both; changed display:table to display: inline 11Sept15 sc */

.nav ul{
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	font: bold 10px verdana;        /*--- change from 10px to 2.6em to try to match top menu 18Sept14 ---*/
	color:#3d3d3d;
	text-transform:uppercase;
	background-color: #dddfd0;      /* -- change from dee0cb to dddfd0 11Sept15 -- */   
	display:block;
	position: relative;             /* -- added to make top nav work right - 9June2015 -- */
}
.nav ul a{
	list-style-type:none;
	font: bold 10px/25px verdana;
	color:#3d3d3d;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 0px 0px 5px;
	height:25px;
	display:block;
}
.nav ul a:hover{
	color:#6c7429;
	text-decoration:none
}
.nav ul li a{
	list-style-type:none;
	font: bold 10px/25px verdana;
	color:#3d3d3d;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	margin:0px;
}
.nav ul li{
	background-color: #bdc2a9;       
	list-style-image:none;
	display: inline-block;      /* changed from block to inline block 9Jun15 */
	height:25px;
	margin:0px;
	float: left;                /* added 9Jun15 */
}
.nav li.sub{
	background-color:#dee0cb;
	border-left: 0px transparent #bdc2a9;
	border-bottom: 0px transparent #bdc2a9;
}
.nav li.sub a{
	text-transform:none;
	font-weight:normal;
}
.nav li.active{
	background-color:#6c7429;
	color:#FFF;
}
.nav li.active a{
	color:#FFF;
}
.nav li.active a:hover{
	color:#FFF;
}

/* --- CENTER COLUMN - Class --- */
.title{
	font: bold 14px verdana;
	color:#6c7429;
	text-transform:uppercase;
	border-top: solid 0px #3d3d3d;
	border-left: solid 0px #3d3d3d;
	border-bottom: solid 0px #3d3d3d;
	margin:0px;
	padding:3px 0 3px 10px;
	background-color:#c2c2c2;      /* changed from #fff to #c2c2c2 30Oct2014 */
}
.title a{
	text-decoration:none;
	color:#6c7429;
}
.subTitle{
	font: bold 12px verdana;
	color:#6c7429;
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;
	margin:0px;
	padding:4px 0px 4px 10px;
	background-color:#FFF;
}
.subTitle a{
	text-decoration:none;
	color:#6c7429;
}
.halfSection{
	float:left;
	background-color:#ccc;
	width:176px;
	padding:10px;
}

    /* -- fix for floating div problems -- */
 .cf:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
/* Styles specific to get scroll bars working in Chrome and FireFox */
 .scroll-pane-os {
	width: 100%;
	height: 400px;
	overflow: inherit;
}
img {
	margin: 1em 0;
}
.horizontal-only {
	height: auto;
	max-height: 200px;
}
.mainStoryPic {
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    /* width: 404px; */             /* comment out these two lines and try height/width in % */
    /* height: 302px; */
    width: 48%;                     /* 60% width of mainContent div */
    height: 40%;
}
/* div in Default for Main Story text (assoc with big picture in center ) */
.mainStoryTxt {
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    /* width: 200px; */             /* comment out these two line and try using % in height/width */
    /* height: 302px; */
    width: 48%;
    height: 100%;                /* change from 40% to 100% */
    min-height: 440px;
    
}
.mainMCAAPStory {
    background: #4e4e4e;
    color: #000;                /* change from white #fff to black #000 to show up in Default as correct - 13Jun14 */
    float: left;                /* float and clear added to make TOP STORIES stay in center */
    clear: both;
    width: 100%;                /* added to make TOP STORIES cover entire section */
    white-space: normal;
    height: 460px;              /* changed from 600px to 560px 25Sept2014 - added to give top stories more room - 26June2014 */
}
/*---------------------------end class items -----------------------*/

/* -------------------------3. ID's ------------------------- */
/* --- new overall wrapper to center entire page and show as a fixed item in browser ---*/ 
#fixed
{
    margin: 0;             /* change margin to 0 from 0 auto to remove space at top */                
    background-color: #7a7a7a;      /* added to fix color problems */
    width: 95%;
    min-width: 95%;         /* added to make page size always 95% */
    max-width: 1781px;      /* added to cover max size of banner - 9 July 2015 */
    text-align: left;
    overflow: hidden;      /* changed from inherit to hidden 1Aug14 */
    -webkit -overflow-scrolling: hidden;
   /* border: 1px solid red; */
}
/* --- wrapper entire page --- */
#wrapper {
    background: #7a7a7a url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/white_bg.gif) repeat-y top center;  
    width: 100%;
    max-width: 1732px;          /* changed from 1315px to 1200 px to match the size of the banner - try max width 1732 26Jun15 */
    margin-left: auto;          /* added to try to center the wrapper div */
    margin-right: auto;
    height: 100%;
 /*   max-height: 1224px;  */           /* caused problems with seeing footer */
 /*   float:left; */                /* comment out for testing 24Jun15 */
    position: relative;         /* added 24Jun15 for testing */
    /* border: 1px solid blue; */   /* uncomment for testing */
    overflow: inherit;       /* changed from inhert to hidden 1 Aug 14 */
   /* position: static; */         /* ADDED 9May14 - comment our 24Jun15 */
    -webkit -overflow-scrolling: inherit;
}
    /* --- 2nd level for entire page --- */
#container {
    background: #c2c2c2;   /* changed from #c2c2c2 to #7a7a7a 19Aug14 */
    font-size: 62.5%;
  /*  margin: auto; */   /* changed 0 auto 14px to 0 6May14 - changed to auto to try to center 24Jun15 */
    margin-left: auto;
    margin-right: auto;
    padding: 0 0;        /* changed pad from 14px 0 to 0px 0 */
/*    padding-bottom: 14em; */      /* added to try to make footer work better with Chrome */
    width: 100%;       /* change from 996px to 100% */
    max-width: 1732px;      /* changed from 1315 to 1732 to meet same as wrapper 26Jun15 */    
    height: 100%;
 /*   max-height: 1224px; */     /* caused problem with seeing footer */
    position: relative;
  /* border: 1px solid red; */   /* uncomment to test layout */
    float: left;
    overflow: inherit;          /* changed from inhert to visible 1 Aug 2014 */
    -webkit -overflow-scrolling: inherit;
 }
        /* --- hearder div with star map --- */
#harea {                    /* added from site.css for compatibility of previous pages */
	width: 100%;
	max-width: 1732px;      /* changed from 1315px to 1732px 26Jun15 */
	height: 185px;          /* changed from 164px to 20% 26Jun15 */
	padding-bottom: 5px;       /* changed from 12px to 5px 9Jul15 */
	/* border: 3px solid green;  */
	/* background: #c0c0c0 url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/mcal_banner_1824_224.jpg) no-repeat scroll top left 100% 145px;  */  /* fixed top leftchanged from banner.gif to mcal_banner_final.jpb - added color from site.css */
	
}

#header { 
  /*  background: #c0c0c0 url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/mcal_banner_1200_148.jpg) no-repeat scroll top left ; */  /* fixed top leftchanged from banner.gif to mcal_banner_final.jpb - added color from site.css */
  /*  background-color: #c0c0c0;   */
  /*  background-image: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/MCAL_banner_1734_184.jpg); */    /* change from banner_1180_145 to banner_1734_184 for full screen */
  /*  background-repeat: no-repeat; 
    background-attachment: scroll; 
    background-position: top left;
    background-clip: border-box; 
    background-origin: border-box;
    background-size: 100% 184px;    */         /* changed from 100% 125px to auto to try to stretch the image - 25Jun15 */
  /*  border-bottom: 1px solid #8f8f8f;   */
  /*  border: 1px solid red;   */
    height: 165px;      /* changedd frm 135px to 145px - 1Jul2014 - back to 135px 26Jun15*/
    width: 100%;        /* current site.css uses width; 100% - will try this for now - changed from 996px to 100% */
    float: left;  
    clear: both; 
    z-index: 999;
    position: relative; 
    min-width: 100%;        /* added to try to use img background */
    min-height: 148px;      /* added to try to use img background */
    margin: 0;
    padding: 0;
    /* adding for other screens */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
 } 
 
 #bg
 {
     position: relative;
     top: 0;
     left: 0;
     margin: 0;
     height: 100%;
     width: 100%;
     min-width: 100%;
     max-width: 1732px;
     min-height: 100px;
     max-height: 100%;
   /*  border: 1px solid blue; */
     z-index: 800;
 }
      
#headerStar {
    display: block;
    position: relative;
    top: 22%;              /* changed from 24 to 30 px 20Jun14 - changed from 30px to 22% 26Jun15 */
    left: 2%;             /* changed from 15px to 24px 20Jun14 - changed from 24px to 2% 26Jun15 */
    height: 80px;           /* changed from 104 to 80 20Jun14 - changed from 80px to  */
    width: 120px;            /* changed from 80px to 100px 26Jun15 */
}
#headerAMC {
	display: block;
	position: relative;
	top: -40px;             /* changed from -40px to 25% 26Jun15 */
	left: 69%;            /* changed from 929px to 959px 1Jul14 - changed from 831px to 69% 26Jun15 */
	height: 80px;           /* changed from 66px to 80px 1Jul14 */
	width: 66px;            /* changed from 80px to 66px 1Jul14 - changed 66px to 120px 26Jun15 */
	float: left;
}
#headerJMC {
	display: block;
	position: relative;
	top: -40px;             /* changed from -40px to 25% 26Jun15 */
	left: 75%;            /* changed from 929px to 959px 1Jul14 - changed from 879 px to 78% 26Jun15 */
	height: 80px;           /* changed from 66px to 80px 1Jul14 */
	width: 66px;            /* changed from 80px to 66px 1Jul14 */
	float: left;
}
#headerMCAL {               /* in header file removed from MCAAP emblem to name */
	display: block;
	position: relative;
	top: -40px;              /* from 30 to 91 to see if can get to go to name 20Jun14 - changed from -40px to 25% 26Jun15  */
	left: 82%;           /* from 1072 to 1021 1Jul14 - changed from 1061px to 89% 26Jun15 */
	height: 100px;           /* from 100 to 68 1Jul14 */
	width: 80px;          
}
        /* --- navBar div --- */
#navBar {
    background: #c2c2c2 url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/nav_gradient.gif) repeat-x;
    border-bottom: 1px solid #b6b6b6;
    height: 2.6em;      /* changed from 2.8 em as div to 2.6em as ul */
    width: 100%;                 /* added width 84% to try to match nav bar to body/banner */
    float: left;        /* added to make css only drop down */
    z-index: 999;
}

   
            /* --- ul dropdown --- */
ul#dropDownNav {
    float: left;
    font-size: 1.1em;
}
ul#dropDownNav li {
    background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/drop_down_border1.gif) no-repeat right;
    float: left;
    display: block;
    height: 2.6em;
    line-height: 2.6em;
    margin: 0 -1px;
    position: relative;
    z-index: 999;
}
ul#dropDownNav li a {
    display: block;
    padding: 0 24px;
}
ul#dropDownNav li:hover, ul#dropDownNav li.sfHover, ul#dropDownNav li a:active, ul#dropDownNav li:hover a, ul#dropDownNav li.sfHover a {
	background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/nav_hover_gradient.gif) repeat-x;
    color: #7b8738;
}
ul#dropDownNav li ul {
    background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/drop_down_bg.png);
    border: 1px solid #b6b6b6;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    top: 29px;
    width: 200px;           /* change from 148px to 210px 7May14 */
}
ul#dropDownNav li ul li {
    background: none;
    border: none;
    display: block;
    font-size: 0.9em;
    height: auto;
    line-height: 2.6em;
    padding: 0;
}
ul#dropDownNav li ul li a, ul#dropDownNav li:hover li a, ul#dropDownNav li.sfHover li a {
    background: none;
    color: #3d3d3d;
    display: block;
    height: auto;
    padding: 0 0 0 10px;
    width: 155px;           /* changed from 139px to 155px 2Jul14 */
}
ul#dropDownNav li ul li a:focus, ul#dropDownNav li ul li a:hover {
    background-image: none;
    background-color: #b4b4b4;
    color: #7b8738;
}
/* add for multi-level dropdowns */
ul#dropDownNav li ul li ul
{
    background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/drop_down_bg.png);
    border: 1px solid #b6b6b6;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    padding: 0;
    top: 31px;
    width: 200px;
}
ul#dropDownNav li ul li ul li a, ul#dropDownNav li:hover li a, ul#dropDownNav li.sfHover li a
{
    background: none;
    display: block;
    height: auto;
    padding: 0 0 0 10px;
    width: 155px;
}
ul#dropDownNav li ul li ul li a:focus, ul#dropDownNav li ul li ul li a:hover
{
    background-image: none;
    background-color: #b4b4b4;
    color: #7b8738;
}
/* not sure what this is for */
#dropDownNavNS{
	position:absolute;
	top:10px;
 	left:5px;
}
#dropDownNavNS li{
    line-height:15px;
}
                /* Live Search */
#liveSearch {
position:relative;
background: #525252;
float: right;
height: 2.8em;
width: 26em;
/* border: 3px solid blue; */ /* for testing only */
}
#liveSearch input {
color: #737373;
float: left;
font-size: 1em;
height: 1.2em;
margin: 4px 5px;
padding: 0;
}
#liveSearch input#search {
width: 210px;                   /* change to 16% from 210 px to see what looks like 14May14 */
}
#liveSearch input.close {
background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/searchbutton.png) no-repeat 5px 5px;
border: none;
color: #fff;
cursor: pointer;
display: inline;
float: right;
height: 26px;
width: 28px;
margin: 0;
padding: 0;
}
#liveSearchTabs {
position:absolute;
display:none;
cursor:pointer;
top:-22px;
left:-1px;
width:230px;
height:22px;
background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/live_search_tab_1.png) no-repeat;
}
#liveSearchTabs li {
height:22px;
display:inline;
float:left;
text-align:center;
color:#fff;
font-size:11px;
font-family: Verdana, Arial, Sans-serif;
padding-top:7px;
}
#liveSearchTabs1 {
width:36px;
}
#liveSearchTabs2 {
width:64px;
}
#liveSearchTabs3 {
width:66px;
}
#liveSearchTabs4 {
width:64px;
}
#liveSearchLeft {
background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/live_search_left.gif) no-repeat;
float: left;
height: 2.8em;
width: 6px;
}
        /* contentBackGround */
#contentBackground {
    background: #fff url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/white_bg.gif) repeat-y top center ;    /* change background to white #fff from gray 7a7a7a - removed 19Sep14 - url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/3column.gif) repeat-y */
    width: 100%;               /* change from 996px to 100% */
    overflow: hidden;       /* change from auto to hidden - 10Jul14 - to visible 1Aug14 */
    min-height: 75%;        /* change for testing from 75% to 45% */
    height: 75%;            /* change from 75% to 45% - 23Jul15 */
   /*  border: 5px solid orange; */  /* uncomment for layout testing */
    float: left;
    clear: right;
    margin-left: 0;
    margin-right: 0;
    -webkit-overflow-scrolling: visible;
    
}
            /* leftCol  and leftColNav */
#leftCol {
    background: #c2c2c2;        
    float: left;
    width: 16%;       /* change from 196px to 16% 26June2014 - changed from 196px to 200px */
    min-height: 100%;  
 /*   height: 100%; */      /* added 26June2014 */
    position: relative;     /* added 28Jul15 */
 /*   overflow: hidden;  */
 /*   border 2px dashed green; */   /* uncomment for layout testing */
    z-index: 9;
    margin-bottom: -9px;     /* added to try to get equal height columns 11Sept15 */
    padding-bottom: 9px;     /* added to try to get equal height columns 11Sept15 */
}
#leftCol .rss, #leftCol .podcasts {
    margin-left: 10px;
}
#leftColNav li {
    font-size: 11px;
    line-height: 2.8em;
}
#leftColNav .level3 {
    border-left: 1px solid #c2c2c2;
}
#leftColNav .level4 {
    background: #fff;
    border-top: 1px solid #c2c2c2;   /* for test change c2c2c2 to blue */
    padding: 10px 0;
}
#leftColNav .level4 a {
    font-weight: normal;
    line-height: 15px;
}
#leftColNav .level4 a:hover {
    background: none;
    color: #3d3d3d;
}
#leftColNav li a.current {
    background: #4e4e4e;
    color: #fff;
}
#leftColNav li a.current:hover {
    background: #4e4e4e;
    color: #fff;
}
#leftColNav li a.subNav {
    background: #f7f7f7;
    font-weight: normal;
    border-top: 1px solid #c2c2c2;
}
#leftColNav li a.subNav:hover {
    background: #f7f7f7;
    color: #3d3d3d;
}
#leftColNav li#last {
    border-bottom: 1px solid #939393;
    margin: 0.2em 5px 0;
}
#leftColNav li#sections {
    background: #a1a1a1;
    font-weight: bold;
    padding: 0 10px;
}
#leftColNav li a {
    display: block;
    padding: 0 10px;
    width: 196px;               /* changed from 176px to 196px */
}
#leftColNav li a:hover {
    background-color: #b4b4b4;
    color: #7b8738;
}
#leftColRSS {
    padding: 1em 0;
    margin-bottom: 2em;
}

#navLinks {
	width: 100%;                /* added 14May14 to try to get widths correct */
	height: 100%;               /* added 26June2014 */
}
    /* Used in the About sections for the CO/CE/COS Pictures */
#leaderpics {
	float:left; clear:both;
	width: 510px;                    /* change from 100% to 599px */
	height: 215px;
	top: 23px;
	left: 0px;
	overflow: hidden;
	
}
#leadercaption {
	float: left; clear:both;
	width: 510px;               /* changed from 1009 to 599 */
	height: 50px;               /* changed from 45 to 55px to add CO first name;  */
	top: 23px;
	border: 1px solid #7b7b7b;

}
#leadercaption h2{font-size: 1.1em;}
#leadertitle {
    float: left; clear:both;
    width: 510px;
    height: 45px;
    top: 23px;
    background: #c2c2c2;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
}
#leaderphoto
{
    float: left;
    clear: both;
    width: 510px;
    height: 45px;
    top: 23px;
    background-color: #c2c2c2;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
    position: static;
}
#leaderphoto h2{ font-size:1.1em;}
#COS {
	float: left;
	width: 23%;
	top: 23px;


}
                /* navLinks */
                /* no css */
   
            /* mainContent div in Layout - renders body of each page here */
#mainContent {
/*    background: #f7f7f7 url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/white_bg.gif) repeat-y top center;  */      /* change from just a color #f7f7f7 to color with image 'white_bg.gif' */
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    width: 69%;                 /* changed from 70% to 69% 23Jul2015 */
    min-height: 100%;
 /*   overflow: auto; */            /* added 16Oct14 to get Chrome and FoxFire to show Maincontent with scroll */
 /*   height: 100%;  */
 /*   border: 1px dashed red; */  /* uncomment to TS layout issues */
 -webkit -overflow-scrolling: scroll;
}
#mainContent h1, #mainContent h2 {
    padding: 0 10px;          /* change to 0 from 8px 10px 23Jul15 */
}
#mainContent p, #rightCol p {
    padding: 0 10px;
}
#mainContent ul {
    font-size: 1.1em;
    padding-left: 10px;
    padding-right: 10px;
}
#moreInfo 
{
    background: #737373;
    width: 604px;
    border: 1px solid #b6b6b6;
    color: #fff
    
}
/* div in Default for Main Story Picture (big picture in center) */
#mainStoryPicture {
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    /* width: 404px; */             /* comment out these two lines and try height/width in % */
    /* height: 302px; */
    width: 49%;                     /* 60% width of mainContent div */
    height: 40%;
}
/* div in Default for Main Story text (assoc with big picture in center ) */
#mainStoryText {
    background: #f7f7f7;
    float: left;
    padding-bottom: 10px;
    /* width: 200px; */             /* comment out these two line and try using % in height/width */
    /* height: 302px; */
    width: 49%;
    height: 40%;
}
#mainMCAAPStories {
    background: #4e4e4e;
    color: #000;                /* change from white #fff to black #000 to show up in Default as correct - 13Jun14 */
    float: left;                /* float and clear added to make TOP STORIES stay in center */
    clear: both;
    width: 100%;                /* added to make TOP STORIES cover entire section */
    white-space: normal;
    height: 460px;              /* changed from 600px to 560px 25Sept2014 - added to give top stories more room - 26June2014 */
}
#mainMCAAPStoriesBodyLeft {
    width: 33%;                   /* change from 200px to 33% - 26June2014 */
    height: 100%;                  /* change from 600px to 100% 25Sep14  */
    float: left;
    text-align: center;
    background: #f7f7f7;
    padding: 5px, 5px, 5px, 5px;
    color: #000000;             /* added 13Jun14 to try to get text to show as black on the white background */
    overflow: auto;
    border: 1px solid #c2c2c2;
    -webkit -overflow-scrolling: auto;
}
#mainMCAAPStoriesBodyLeft h6 {          /* ------------------Main page Stories------------------*/
    text-align: center;
    font-size:1.0em;                 /* change from .7em to 1.4em 24Sept2014 */
    width: 200px;                   /* added to make header same size as picture 24Sept2014 */
    padding-left: 10%;               /* added to make header same size as picture 24Sept2014 */
    font-family:Verdana;
    font-weight:bold;
    overflow: auto;
    -webkit -overflow-scrolling: auto;
}

#mainMCAAPStoriesBodyCenter {
    width: 33%;                     /* change from 200px to 33% - 26June2014 */
    height: 100%;                  /* change from 600px to 100%  - 25Sept2014 */
    float: left;
    text-align: center;
    background: #f7f7f7;
    padding: 5px, 5px, 5px, 5px;
    color: #000;                    /* added 13Jun14 to try to get text to show as black on the white background */
    overflow: auto;
    border: 1px solid #c2c2c2;
    -webkit -overflow-scrolling: auto;
}
#mainMCAAPStoriesBodyRight {
    width: 33%;                   /* change from 200px to 33% - 26June2014 */
    height: 100%;                  /* change from 600px to 100% - 25Sept2014  */
    float: left;
    text-align: center;
    background: #f7f7f7;
    padding: 5px, 5px, 5px, 5px;
    color: #000;                    /* added 13Jun14 to try to get text to show as black on the white background */
    overflow: auto;
    border: 1px solid #c2c2c2;
    -webkit -overflow-scrolling: auto;
}
#mainMCAAPStoriesHeadline {
    

}
#mainMCAAPStoriesText {


}
#mainMCAAPStoriesPic {


}

#awards
{
    background: #f7f7f7;
    width: 100%;
    height: 14%;
  /*  position:relative;  */
    overflow: hidden;              
    bottom: 0;
    -webkit -overflow-scrolling: hidden;
}
            /* rightCol */
#links {
	float: left; clear:right;
 /*   border: 1px solid orange;  */  /* uncomment for layout testing */
	background-color: #c2c2c2;
	width: 14%;
	min-height: 100%;
	height: 100%;
}            
#rightCol {
    display: inline;
    float: right;
    width: 196px;
 /*   border: 1px dashed blue;  */
}
#rightCol h2 {
    clear: both;
}
#rightCol ul {
    margin: 1em 0 1em 15px;
}
#rightCol li {
    line-height: 1.2em;
    margin: 0.8em 0;
}
#rightCol li a {
    display: block;
}
#sharpImage {
				padding: 15px 0 0 0;
				font-size: 1.1em;
		  	    width: 100%;           /* changed for new location in Links 17Jun14 - 70% w X 45 h -- changed from 599px to 100% */
		/*        width: 70%;    */
		/*		height: 12%;    */       /* changed for new location in Links 17Jun14 - 45h -- changed from 92px to 12% */
		        height: 45;
				float: left;
}
#sharpImageText {
				font-size: 1.1em;
				width: 100%;           /* changed from 600px to 100% */
				height: 7%;          /* changed from 100px to 7% */
				float: left;
				text-align: center;
				background: #f7f7f7;
				padding: 5px, 0px, 5px, 0px;
				border-left: 1px solid #c2c2c2;
}
#dodSafeContent {
				padding: 5px 5px 5px 5px;
				background: #f7f7f7;
				float: left;
				width: 100%;           /* changed from 590px to 100% with move to links section */
}

#dodSafeHelpLineImg {
				padding: 10px 0 0 0;    /* changed from 20 0 0 0 to 10 0 0 0 18June14 */
				width: 100%;           /* changed from 295px to 100% for move to links */
				height: 68px;           /* changed from 66px to 5% */
				border: none;
				float: left;
			
}
#dodSafeResourcesImg {
				padding: 10px 0 0 0px;  /* changed from 20 0 0 8 to 10 0 0 0 18Jun14 */
				width: 100%;           /* changed from 295px to 100% for move to links */
				height: 68px;           /* changed from 66px to 5% */
				border: none;
				float: left;           /* changed from float-right to float-left with move to Links */
} 
    

#Layer1 {                   /* added from site.css for compatibility of previous pages */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1060;
	height: 1000px;
	z-index: 1;
	background-color: #eaecde;
	margin-right: 1px;
}


        /* footer */
#footer {
    background: #4e4e4e;
    float: left;
    clear: both;
    color: #e3e3e3;
 /*   font-size: 1.2em;  */
    padding: 5px 10px;
    overflow: hidden;          /* change from auto to hidden - 10Jul14 */
    width: 100%;                   /* change width from 976px to 100% */
    max-width: 1732px;          /* added to line up footer */
    height: 14em;                /* change from 140px to 14em as trial - 19June2014/change to 10% to correct problems from 12% */
    bottom: 0;
    margin-left: 0;                   /* added to try to line up footer with container */
    margin-right: 0;
 /*   border: 1px solid blue;  */  /* uncomment to test out layout */
}
#footer a {
    color: #e3e3e3;
    font-weight: normal;
}
#footer ul {
    text-align: center;         /* change from align center to justify to see if can correct problem on test server 12June14 */
}
#footer li {
    display: inline;       /* change to  just inline to make them appear horiz vise vert */
  /*  margin-right: 2.4em;  */      /* commented out to see what does to location of text 4Jun14 */
}
#footerLeft, #footerMiddle {
    float: left;
}

#footerLeft {
    width: 14%;               /* changed from 200px to 196px; then from 196px to 14% 4Jun14 */
    height: 14em;           /* changed from 100% to 14em to match center section and footer overall */
}
#footerMiddle {
  /*  margin: 2.8em 0 0;  */        /* commented out to see what does 4Jun14 */
  /*  width: 576px;  */             /* commended out and changed to w=60% */
  width: 70%;
  height: 14em;                  /* add 19June2014 - change to 10em and bottom to 4em from 50% */
  vertical-align: top;          /* commended out 12Jun14 to try to fix test site problem */
  text-align: justify;           /* commended out to see if changes footer menu */
}
#footerRight {
    width: 14%;
    text-align: right;
    clear: right;  
    vertical-align: top;
    height: 100%;               /* changed from 100% to 14em to match center and footer overall */
    float: right;
}
#footerRight a {
    color: #ffd54a;
    text-align: left;
    vertical-align: top;
}
#footerBottom
{
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    vertical-align: top;
    height: 4em;                /* change to 4em from 40% */
    font-size: x-small;
    border: 1px hidden red;  
}

#footerMenu
{
    display: table;
    height: 87px;       /* change from 100% to 87px */
    width: 100%;
    border: 1px hidden blue; 
}
#footerMenu li
{
     display: table-cell;
     height: 60%;      /* change fm 87px to 60% */
     width: 14.2857%;  /* (100/numItems)% */
     line-height: 87px;
     text-align: center;
     background: #4e4e4e;
   /*  border-right: 1px solid #fff;  */
     white-space: nowrap;
}





/* CSS Sprite Icons */
.rss {background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/icon_sprites.gif)           0px -114px no-repeat;}
.podcasts {background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/icon_sprites.gif)      0px -133px no-repeat;}


/* 4. Optional Classes
------------------------------------*/
.block {
    clear: both;
    color: #fff;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    text-transform: uppercase;
}
.bold {
    font-weight: bold;
}
.bordered {
    background: #c2c2c2;
    border-top: 1px solid #9b9b9b;
    border-bottom: 1px solid #9b9b9b;
    border-left: 1px solid #9b9b9b;
    z-index: -1;
}
.centered {
	padding-left: 0;
    text-align: center;
}
.dark-gray {
    background: #4e4e4e;
}
.dark-red {
    background: #af2020;
}
.diamondList li {
    background: url(/web/20161018225029oe_/http://www.mcaap.army.mil/_images/diamond_bullet.gif) no-repeat 0 2px;
    padding-left: 16px;
    margin: 12px 0;
}
.hide {
    display: none;
}
.hide2 {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
.icon_sprite {
    display: block;
    float: left;
    height: 19px;
    margin: 0 4px;
    width: 19px;
}
.light-gray {
    background: #c0c0c0;
    color: #565656;
}
.rss, .podcasts {
    display: block;
    height: 19px;
    line-height: 19px;
    margin: 0.4em 0;
}
.rss .textLink, .podcasts .textLink, #email .textLink, #print .textLink {
    margin-left: 24px;
}


/* 5. Print
------------------------------------*/
@media print {
    body {
        background: #fff;
    }
    #header, #navBar, #breadCrumbs, #leftCol, #rightCol, #footer {
        display: none;
    }
    #mainContent {
        overflow: visible;
    }
}

/* 6. Handheld
------------------------------------*/
@media handheld {
    
}

/* 7. Debug
------------------------------------*/
/* Un-comment for site testing

*[style], font, center {outline: 5px solid red;}
img[alt=""] {border: 3px solid red;}
img[title=""] {border: 3px dotted fuchsia;}
img:not([alt]) {border: 5px solid red;}
img:not([title]) {outline: 5px solid fuchsia;}
table[summary=""] {outline: 3px solid red;}
table:not([summary]) {outline: 5px solid red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}
a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href=""] {background: fuchsia;} */