﻿html, body {
	margin: 0;
	padding: 0;
}


/*needed for resources page - overflow was causing a scrollbar*/
.article-content {
	 overflow: hidden;
}
.article-content div{
	 border:0;
}

a, a:hover { text-decoration:none; }

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  
} 

hr { clear:both; width:100%; border:none; display:block; color:#cbcbcb; background:#cbcbcb; margin:10px 0; height:1px } .right { float:right } .left { float:left } a img { border:none; }

ul { list-style:none; margin:0; padding:0; } li { margin:0; padding:0; }

ul#breadcrumbs { margin-bottom:12px; }
ul#breadcrumbs li { display:inline; margin:0 2px; } ul#breadcrumbs li a { font:bold 12px arial; color:#fff; text-transform:uppercase; text-shadow:1px 1px #37393d; }

ul#breadcrumbs li { font:bold 12px arial; color:#fff; text-transform:uppercase; text-shadow:1px 1px #37393d; }

.SolidBreadCrumb
{
	margin-bottom:12px;
	display:inline; margin:0 2px; 
	font:bold 12px arial; 
	color:#fff; 
	/*text-transform:uppercase;*/ 
	text-shadow:1px 1px #37393d;
	line-height:50px;
}

.SolidBreadCrumb a
{
	margin-bottom:12px;
	display:inline; margin:0 2px; 
	font:bold 12px arial; 
	color:#fff; 
	/*text-transform:uppercase;*/ 
	text-shadow:1px 1px #37393d;

}

.SolidBreadCrumb > a:first-child + span + span {
  display: none;
}
#dockFooter {overflow :hidden;
	padding-bottom: 110px; }  

/*
******************************* COMMON & STRUCTURE */ 
#wrap { position:relative; width:960px; margin:0 auto; min-height: 100%; border:medium aqua; background-color: #ffffff;
	top: 0px;
	left: 0px;
}
.MainContent {position:absolute;top:150px;}


h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 1.6em;
    line-height: 1.2em;
}


h2 {
    font-size: 1.2em;
	 line-height: 1.5em;
}

#content {
	
}




/*Navigation*/



/*info section styles*/
div.cld.info {
	/*background: rgb(168, 88, 163);*/
	height: 25px;
	float: left;
	bottom: 0;
	padding: 5em 10px 4em 10px;
	width: 260px;
	margin-right: 20px;
	text-align:center;

	}
div.cpd.info {
	/*background: rgb(251,174,44);*/
	height: 25px;
	float: left;
	padding: 3em 4em;
	width: 260px;
	text-align:center;
}

div.cpt.info {
	/*background: rgb(2, 99, 174);*/
	height: 25px;
	float: right;
	padding: 5em 0px;
	width: 260px;
	text-align:center;
}

div.info h2 {
	color: white;
	background: url(/web/20161023072238oe_/http://www.civiliantraining.army.mil/images/diag_pattern.png);
	font-family: 'Libre Baskerville', serif;
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 ;
}

div.info h3 {
	color: #d7d7d7;
	font-family: 'Oxygen', sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing:.1em;
	margin: .5em  0 1em 0;
}

div.info img {
	display: block;
	margin: 0 auto 2em;
}


div.info .date {
	font-weight: bold;
	color: white;
	display: block;
}
div.info ul {
	margin: 1em 1.2em;
	list-style: none;
}
div.info li {
	margin-bottom: .8em;
	font-size: .9em;
}
div.info li a {
	display: block;
}



/* 1st footer UI designer provided for layout 2

#pageFooter {
	background: rgb(125, 125, 125);
	color: rgb(225, 225, 225);
	clear: both;
	border-top:4px solid #600;
	
	}
	
.footercol1 {
	height: 200px;
	float: left;
	padding: 20px;
	width: 266.6px;
	margin-right: 20px;
}
.footercol2 {
	height: 200px;
	float: left;
	padding: 20px;
	width: 266.6px;
}

.footercol3 {
	height: 200px;
	float: right;
	padding: 20px;
	width: 266.6px;
}

#pagefooter.col:last-child {
	border: none;
}


#pagefooter h3 {
	font-family: Bitter, Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 1em;
}

#pagefooter p {
	margin: 0 auto;
	font-size: 1em;
	text-align: center;
	clear: both;
}

#pagefooter p a {
	color: rgb(189, 177, 166);
	text-decoration: none;
}

#pagefooter a:hover {
	color: white;
	text-decoration:underline;
}


#pagefooter ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#pagefooter li {
	margin-bottom: 1em;
}

#pagefooter li  a{
	font-size: 1.1em;
	line-height: 1.2em;
	color: rgb(189, 177, 166);
	text-decoration: none;

}
END of 1st footer UI designer provided */


