@charset "utf-8";
/* -----small reset----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { 
	margin : 0; 
	padding : 0; 
	border : 0; 
	outline : 0; 
	font-size : 100%; 
} 
/* -----/small reset----- */

body {  
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	line-height : 14px; 
	margin : 0 0 0 0; 
	padding : 0 0 0 0; 
	text-align : center;
} 

/* -----text related----- */
p { 
	color : #000; 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	line-height : 15px; 
	padding : 0; 
	margin: 5px 5px 5px 10px;
}
 
li { 
	color : #000; 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	line-height : 15px; 
	padding : 0; 
	margin: 5px;
}

h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : 700;
	color : #663606;
	text-align : right;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #9C997A;
	padding-top : 0;
	padding-right : 0;
	padding-left : 0;
	margin-top : 0;
	margin-right : 0;
	margin-left : 0;
	text-transform : uppercase;
	margin-bottom: 5px;

}

h2 { 
	color : #7e470f; 
	font-size : 16px; 
	font-weight : bold; 
	line-height : 16px; 
	padding-top : 5px; 
	padding-right : 5px; 
	padding-bottom : 0; 
	padding-left : 10px; 
}

h3 {
	color : #663606;
	font-size : 12px;
	font-weight : bold;
	line-height : 14px;
	padding-left: 10px;
	line-height:16px;
}

h6 { 
	color : #000; 
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 12px; 
	line-height : 15px; 
	padding : 0; 
	margin-top : 5px; 
	margin-right : 5px; 
	margin-bottom : 5px; 
	margin-left : 5px; 
	font-weight : bold; 
}
/* -----/text related----- */

/* -----links----- */
a, a:link { 
	color : #060; 
	font-weight : bold; 
	text-decoration : none; 
} 
a:visited { 
	color : #060; 
	font-weight : bold; 
	text-decoration : none; 
} 
a:hover { 
	color : #2170bd; 
	text-decoration : underline; 
} 
a:focus { 
	color : #060; 
} 
a:active { 
	color : #060; 
}
/* -----/links----- */
 
#outerWrapper { 
background-color : #FFF; 
text-align : left; 
width : 1000px; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
min-height : 600px; 
height : auto !important ; 
height : 700px;

}
 
#outerWrapper #header { 
height : 150px; 
background-image : url(/web/20161018230750oe_/http://www.ecbc.army.mil/img/siteResources/headerImgs/websiteHeader.png); 
background-repeat : no-repeat;
} 

#outerWrapper #header h1 {
font-family : Arial, Helvetica, sans-serif;
text-align : left;  
font-size : 24px;
text-transform: none;
margin: 5px 0 0 150px;
padding: 0;
float:left;
color: #000;
border: none;
} 

#outerWrapper #header h2 {
font-family : Arial, Helvetica, sans-serif;
text-align : left;  
font-size : 12px; 
text-transform: none;
margin: 95px 0 0 150px;
padding: 0;
float:left;
color: #000;
border: none;
} 

#outerWrapper #topNavigation { 
background-color : #001524; 
padding : 0; 
height : 35px; 
vertical-align : middle; 
} 

#outerWrapper #contentWrapper {
	margin: 0;
	padding: 0;
}

#outerWrapper #contentWrapper #leftColumn1 { 
float : left; 
padding : 5px; 
width : 210px; 
border: 1px solid #999;
border-top:none;
border-right: none;
} 

#features { 
color : #FFF; 
} 

#features a { 
color : #CBB869; 
} 

#outerWrapper #contentWrapper #content { 
margin: 0 0 0 220px;
padding : 10px; 
height : auto; 
min-height : 700px; 
border: 1px solid #999;
border-top:none;
border-bottom:none;
} 

#outerWrapper #contentWrapper .clearFloat { 
clear : left; 
display : block; 
} 

/* old #footer code
#outerWrapper #footer { 
padding : 10px; 
height : 10px; 
background-image : url(/web/20161018230750oe_/http://www.ecbc.army.mil/images/RDEC_Web_#footer_BlackGold.jpg); 
background-repeat : no-repeat; 
background-color : #000000; 
background-position : top; 
clear : both; 
color : #F0F0F0; 
} 
.clear#footer { 
height : 10px; 
clear : both; 
} 
#footer a, #footer a:link, #footer a:visited { 
color : #FF9933; 
text-decoration : none; 
margin : 0; 
} 
#footer a:hover, #footer a:active { 
text-decoration : underline; 
}
 /old #footer code */

#slide { 
padding-right : 0; 
height : 380px; 
float : left; 
width : 540px; 
} 
#social { 
width : 210px; 
float : right; 
padding : 5px; 
height : 380px; 
} 
div.c5 { 
text-align : right; 
} 
p.c4 { 
text-align : center; 
} 
img.c3 { 
border : 0; 
margin-top : 0; 
margin-right : 2px; 
} 
div.c2 { 
text-align : left; 
} 
input.c1 {
	width : 120px;
} 

submit.c6 {
	float: right;
} 
#search {
	padding-right : 20px;
	padding-top : 5px;
	padding-bottom : 0px;
	float: right;
	width: 180px;

} 


p.high_header { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #A69767; 
font-size : 12px; 
text-transform : uppercase; 
font-weight : bold; 
padding-left : 5px; 
padding-top : 21px; 
margin-top : 0; 
margin-right : 10px; 
margin-bottom : 0; 
margin-left : 0; 
padding-right : 0; 
padding-bottom : 0; 
border : none 0; 
} 



/* Additional page elements not in common with main */
#outerWrapper #contentWrapper #content img { 
margin : 0 10px; 
float : right; 
} 

/* Additional page elements not in common with main */
#outerWrapper #contentWrapper #content img.no-align {
	margin : 0;
	float : none;
} 
#printheader {display: none; } /* Makes the print header not visible */

#print-btn {
	float: right;
	width: 80px;
	}

#relcon ul
{
list-style-type:none;
margin:6px;
padding:0;
padding-bottom:25px;
}

#relcon a
{
display:block;
padding: 7px;
width:175px;
background-color:#D6D0B3;
text-align:center;
}

#relcon a:hover,a:active
{
background-color:#ab9f64;
color:black;
}

#relcon #stories li a {
	font-size: 14px;
}

#relcon #stories li#active {
	font-size: 14px;
	font-weight:bold;
	display:block;
	padding: 7px;
	width:175px;
	background-color:#D6D0B3;
	text-align:center;
	background-color:#ab9f64;
	color:black;
}

.poweredBy {
	margin: 20px 0 20px 0;
	padding: 4px 0 4px 4px;
}

.poweredBy :hover {
	color: #000;
}

.poweredBy img {
	width: 33%;
	float: left;
	padding: 0 5px 0 0;
	border: 0;
}

.poweredBy p {
	padding: 0;
	margin: 0;
	overflow: hidden;
	font-weight: normal;
}

.poweredBy p span {
	font-weight: bold;
	color: #060;
}

#navcontainer h4 {
	text-align:center;
	font-size:15px;
	padding: 6px 15px;
}

#pageBody h2 {
	font-size:26px;
	line-height: 32px;
	padding: 0 10px 6px 12px;
	}
	
#pageBody #date {
	font-size:12px;
}
	
#pageBody h3
{
	font-size:16px;
	line-height: 20px;
	padding: 0 10px 6px 12px;
}

#pageBody h5
{
	font-size: 14.5px;
	line-height: 20px;
	padding: 0 10px 6px 12px;
	color: #959595;
}

#pageBody p {
	padding: 0 10px 16px 12px;
	font-size:15px;
	line-height: 18.5px;
	margin: 0;
}


#pageBody p.lead_p
{
	font-size:16.5px;
	line-height:20px;
	color: #7e470f;
}

#pageBody p.lead_p a {
	font-size: 16.5px;
	color: #060;
	font-weight: bold;
}

#pageBody a {
	font-size: 15px;
	font-weight: normal;
	color: #060;
	font-weight: bold;
}

#pageBody a:hover,click {
	font-size:15px;
	color: #060;
	background-color: #FFF;
}

#pageBody a:visited {
	font-size: 15px;
	color: #060;
}

/*--new in text link styles--
#pageBody p.lead_p a.inTextLink {
	font-size: 16.5px;
}

#pageBody a.inTextLink {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #FF3;
	vertical-align: baseline;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 0;
}

#pageBody a.inTextLink:hover,click {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	border-bottom: 2px solid #FF3;
	background-color: #FF0;
}

#pageBody a.inTextLink:visited {
	font-size: 15px;
	color: #444;
	text-decoration: none;
}
-----*/

div.photo-by h4 {
	padding: 7px 2px 2px 2px;
	font-size: 12px;
	line-height:14px;
}

blockquote
{
	color: #ab9f64;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	border-left: 6px #ab9f64 solid;
	padding-left: 6px;
	margin-top: 30px;
	margin-bottom: 30px;
}

blockquote#new
{
	color: #ab9f64;
	font-weight: normal;
	font-size: 24px;
	line-height: 26px;
	border: none;
	margin-top: 20px;
	margin-bottom: 30px;
}


.tt-content h2{
	color:white;
}

.tt-content p{
	color:white;
}

.tt-wrap h2{
	color:white;
}

.tt-wrap p{
	color:white;
}

/* Previous Story Sidebar */
#prevStory {
	margin: 10px 0 10px 0;	
}

#prevStoryImg{
	display:block;
	margin: 0 auto;
	border: 0;
}

#prevStoryImg a{
	outline: none;
	border: none;
}

#prevStory a:hover {
	color: #060;
	background-color: #FFF;	
}

#prevStory h5 {
	text-align:center;
	font-size:12px;
	padding: 15px 15px 0 15px;
}

#prevStory hr {
	border:0;
	border-bottom: 1px dashed #BEBEBE;
	background: #FFF;
	margin: 15px 25px;
}
/* -------------------------------- */


/* Other Stories Bottom Bar */
#otherStories {
	border-top: 1px dotted #BEBEBE;
	border-bottom: 1px dotted #BEBEBE;
	margin: 25px 0 0 0;
}

#otherStories .otherStoriesItem {
	width: 31.5%;
	float: left;
	margin: 15px 0 10px 0;
	padding: 0 5px;
	border-right: 1px dotted #BEBEBE;
}

#otherStories .otherStoriesItem p,h2 {
	color: #555;
}

#otherStories h3 {
	color: #555;
	margin-top: 5px;
}

#otherStories a:hover {
	color: #060;
}

#otherStories .otherStoriesItem:nth-child(4) {
	border-right: none;
}

#outerWrapper #contentWrapper #content #otherStories .otherStoriesItem img.otherStoriesImg {
	width: 75px;
	border: 0;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.rightLink {
	float: right;
	padding: 5px 5px 0 0;
	margin: 0 0 15px 0;
}

.clearBoth {
	clear: both;
}
/* -------------------------------- */

/* start new #footer styles */
#footer {
	padding: 0 20px;
	background-color: #000E17;
	border-top: 4px #8EB541 solid;
}

#footerContainer {
	width: 1000px;
	margin: 0 auto;
}

#footer #slogan {
	padding: 7px;
	margin: 10px 0 20px 0;
}

#footer #slogan h4 {
	font-size: 12px;
	text-align: center;
	font-style: italic;
	color: #777;
}

#footer #contactInfo p {
	color: #FFF;
	margin: 15px 0 10px 0;
}

#footer #contactInfo li {
	color: #FFF;
}

#footer #footerNav div {
	width: 172px;
	float: left;
	padding: 0 10px;
}

#footer #footerNav ul {
	list-style-type:none;
	padding:0;
	margin: 0;
}

#footer #footerNav h5,h6 {
	margin: 0 0 2px 0;
}

#footer #footerNav h5 a {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
}

#footer #footerNav h6 a {
	font-size: 11px;
	color: #AB9F64;
	font-weight: normal;
}

#footer #footerNav li {
	margin: 0 0 8px 0;
}

#footer #footerNav li:last-child {
	margin: 0 0 25px 0;
}

#footer #footerNav li a{
	font-size: 11px;
	color: #AAA;
	margin: 0 0 25px 0;
	font-weight: normal;
}

#footer #requiredLinks {
	float: left;
	margin: 20px auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

#footer #requiredLinks ul {
	clear:left;
	float:left;
	list-style-type:none;
	padding:0;
	margin: 0;
	position:relative;
	left:50%;
	text-align:center
}

#footer #requiredLinks ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#footer #requiredLinks ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 20px;
   text-decoration:none;
   line-height:1.3em;
   color: #FFF;
   border-right: 1px solid #FFF;
}

#footer #requiredLinks a:last-child {
   border-right: none;
}

#footer #requiredLinks ul li a:hover {
   text-decoration:underline;
   background: #000;
}

#footer #requiredLinks ul li a:active {
   text-decoration:underline;
   background: #000;
}

#footer #higherHQ {
	margin: 15px 0 0 0;
	padding: 0 200px;
}

#footer #higherHQ h4 {
	color: #AAA;
}

#footer #higherHQ #commandNav {
	margin: 15px 0 0 50px;
}

#footer #higherHQ #commandNav img {
	display: block;
	float: left;
	height: 50px;
	margin: 0 50px 15px 50px;
    border: 0;
}
/* end new #footer styles */

/*helper cols*/
.helpCol {
	padding: 8px;
}

.helpCol2 {
	width: 48%;
	float: left;
}

.helpCol3 {
	width: 32%;
	float: left;
}

.helpCol4 {
	width: 23%;
	float: left;
}