﻿/* Override hotTopics margin-bottom */
#hotTopics {
    margin-bottom: 1em;
}

h5
{
    font-weight: normal;
    font-family: Arial;
    font-size: 1.6em;
    color: #004878;
    padding: 2px 0px 2px 0px;
    text-decoration: none;  
}

h6
{
    font-weight: normal;
    font-family: Arial;
    font-size: 1.6em;
    color: #494949;
    padding: 5px 0px 5px 10px;  
}

img
{
    border:none;   
}

div.pageTitle
{
    padding: 5px 0px 5px 5px;
    font-size: 1.6em;
    font-weight: bold;  
}

div.HomePageNotice
{
    text-align: center;
    font-size: .8em;   
}

div.oneCol
{
   float: left;
   font-size: 1.1em;
   line-height:1.3em;   
   margin: 5px 10px 5px 10px;     
}

div.twoCol1
{
   width: 455px;
   float: left;
   font-size: 1.1em;
   line-height:1.3em;   
   margin: 5px 20px 10px 10px;    
}

div.twoCol2
{
   width: 470px;
   float: left;
   font-size: 1.1em;
   line-height:1.3em;   
   margin: 5px 10px 10px 2px;    
}

div.twoThirds 
{
    width:615px;
    float: left;
    font-size: 1.1em;
    line-height:1.3em;   
    margin: 5px 20px 10px 0px;    
}
div.oneThird
{
    width:301px;
    float: left;
    font-size: 1.1em;
    line-height:1.3em;   
    margin: 5px 10px 10px 0px;    
}

div.phoneCol1
{
    width: 200px;
    float: left;
    font-size:1.3em;
    line-height:1.3em;
    margin: 5px 20px 10px 10px;
}

div.phoneCol2
{
    width: 500px;
    float: left;
    font-size: 1.3em;
    line-height:1.3em;   
    margin: 5px 10px 10px 2px; 
}

div.newsArticle
{
   float: left;
   font-size: 1.4em;
   line-height:1.3em;   
   margin: 5px 10px 5px 10px;     
}

div.homeQuickLinks
{
    width: 615px;
    height: 130px;
    margin:0px;
    margin-top:-2px;
    padding:0px;
/*    padding-top: 2px; */
}

div.homeCommander
{
    /*background-color: #ffffff;*/
    float: left;
    padding: 5px 5px 0px 0px;
    height: 170px;
    overflow: auto;
    border-style: solid;
    border-width: 0px;
    border-color: #494949;
    border-top: none;
    width: 305px;
}

div.homeAlert
{
    
}

div.borderTextWrap
{
    float: left; 
    padding: 0px 5px 0px 0px;
}


img.imgLink
{
    border-style: none;   
}

img.imgBorder
{
    border-style: double;
    border-color: #494949;   
    border-width: 3px;
}

img.imgFloatLeft
{
    border: 1px solid #494949;
    float: left;
    margin-right: 5px;
}

img.imgBorderFloatLeft
{
    border-style: double;
    border-color: #999999;   
    border-width: 3px;
    float: left;
    margin-right: 5px;
}

img.imgBorderFloatRight
{
    border-style: double;
    border-color: #999999;   
    border-width: 3px;
    float: right;
    margin-left: 5px;
}

.newsImgLeft
{
    float: left;
    margin: 5px 15px 15px 0;  
    border: 1px solid #666666;
    box-shadow: 6px 6px 5px #999999;
}

div.newsImgCaption
{
    padding: 3px 3px 3px 3px;
    font-style:italic;
    font-size:.9em;
    background-color:#f7f7f7;   
}

.newsImgRight
{
    float: right;
    margin: 5px 0 15px 15px;
    border: 1px solid #666666;
    box-shadow: 6px 6px 5px #999999;
}

.newsImgCenter
{
    
}

ul.list1
{
    list-style-image: url('../Images/bullet1.png');
    list-style-position: outside;
    margin: 5px 0 5px 15px;  
}

ul.list1 li
{
    margin: 5px 0px 0px 0px; 
}

ul.list1 li a, ul.list1 li a:visited
{
    color: #004878;
    text-decoration: none;  
}

div.bottomSpacer
{
    clear: both;
}

div.newsCol
{
    margin-top: 3px;
    border-top-width: 3px;
    border-top-style: double;
    border-top-color: #999999;
    background-color: #ffffff;
    width: 100%;
    color: #333333;
    font-size: 1.1em;       
}

div.newsItem
{
    border-style: solid;
    border-width: 1px;
    border-color: #494949;
    margin: 0px 0px 5px 0px;
    padding: 5px 5px 5px 5px   
}

a.newsLink:link, a.newsLink:visited
{
    color: #004878;
    text-decoration: none;
    font-size: 1.1em;
    font-family: Arial;
    font-weight:bold;
}

a.historyMenuItem:link, a.historyMenuItem:visited
{
    color: #004878;
    text-decoration: none;
    font-size: 1.2em;
    font-family: Arial;
    padding: 0px 10px 7px 10px;
    white-space: nowrap;
}

div.photoTourLeft
{
    float: left;
    width: 442px;
    height: 148px;
    margin: 0px 10px 10px 15px; 
    padding: 5px 5px 5px 5px;
    border-style: solid;
    border-color: #494949;
    border-width: 1px;
    font-size: 1.1em; 
}

div.photoTourRight
{
    float: left;
    width: 435px;
    height: 170px;
}


div.photoTourMain
{
   margin: 0px 16px 10px 17px;
   border-style: double; 
   border-width: 5px;
   border-color: #494949;
}

a.akoLogo
{
    position:absolute;
    left:150px;    
}

div.singleHotTopic
{
    font-size: 1.2em;
    padding: 5px 0px 0px 180px; 
}

#header {
    background: url(../Images/DPGBanner.jpg) no-repeat !important;
}

#headerATEC {
	display: block;
	position: relative;
	top: -78px;
	left: 750px;
	height: 102px;
	width: 80px;
}

#headerDPG {
	display: block;
	position: relative;
	top: -180px;
	left: 850px;
	height: 102px;
	width: 80px;
}

#headerGarrison {
	display: block;
	position: relative;
	top: -280px;
	left: 640px;
	height: 102px;
	width: 80px;
}


/* Styles for Units Box - overwrites root.css*/
#unitsBox {
    padding: 0px;
    width: 310px;
    height:135px;
}
#unitsBoxItems {
    background: #f7f7f7;
	border: 1px #939393 solid;
    height: 80px;
    margin-top: -2px;
    overflow: hidden;
    width: 278px;
}
#unitsBoxItems ul {
    width: 1085px;
}
#unitsBoxItems li {
    display: inline;
    float: left;
}
#unitsBoxItems a {
    display: block;
    line-height: 12px;
    margin: 5px 5px 0px 20px;
}
#unitsBoxItems a.bottomImage {
    margin-left: 20px;
}
#unitsBoxItems h2 {
	font-weight:bold;
	font-size: 14px;
    line-height: 16px;
    margin: 6px 0px;
}
#unitsBoxItems h3 {
	font-size: 12px;
    margin: 6px 0px 6px 0px;
    font-weight: bold;
}
#unitsBoxItems h3 a {
    display: inline;
    font-weight: bold;
    margin: 0;
}
#unitsBoxItems .unitsBoxSection {
    border-left: 1px solid #c3c3c3;
    display: inline;
    height: 80px;
    width: 620px;
}
#unitsBoxFirst {
    border-left: none;
}


#mainButtonsBox {
    padding: 0px;
    width: 615px;
    height:135px;
    border:0px black dashed;
}

#mainButtonBoxItems 
{
    height: 85px;
    margin-top: -2px;
    overflow: hidden;
    width: 615px;
}

#mainButtonBoxItems ul {
    width: 615px;
}

#mainButtonBoxItems li {
    display: inline;
    float: left;
}

#mainButtonBoxItems .mainButtonBoxSection
{
    background: #f7f7f7;
	border: 1px #939393 solid;
	/*border-top:0px none white;*/
	display:inline;
    height: 80px;
	width: 300px;
	text-align:center;
	vertical-align:bottom;
	margin-top:0px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
}

#mainButtonBoxItems .mainButtonBoxSpacer
{
    background: #f7f7f7;
	display:inline;
    height: 80px;
	width: 11px;
}

#mainButtonBoxItems .buttonContainer {
    width: 615px;
    padding:0px;
    margin:0px;
}
.facebookicon {
	left: 2%;
}
.milsuiteicon {
	left: 24%;
}
.milsuiteicon:hover, .milsuiteicon.current {
	color: #3959a2;
	font-weight: bold;
}
.milsuiteicon .milsuite 
{
	background: url('../images/Milbook.png') no-repeat center;
}
.milsuiteicon span {
	display: block;
	text-align: center;
	font-size: 10px;
}
.dialogButton {
    margin:5px 5px 5px 5px;
    width:75px;
    height:25px;
    text-align:center;
    vertical-align:middle;
    color:#ffffff;
    background-color:#414141;
    border-style:solid;
    border-width:2px;
    border-color:#414141;
    font-family:Arial,Helvetica;
    font-size:12pt;
    -moz-border-radius: 7px;
    border-radius: 7px;
    cursor:pointer;
}
.CPACPopup {
    display:none;
    width:400px; 
    font-size:10pt;
    font-family:Arial, Helvetica; 
    color:#414141;
    margin:0px 0 0 0px;
    border-collapse: separate;
    border: 1px solid #414141;
    background-color:#efefeb;
    z-index: 999 !important;
    box-shadow: 0px 0px 25px 2px #6B6B6B;
    -moz-box-shadow: 0px 0px 25px 2px #6B6B6B;
    -webkit-box-shadow: 0px 0px 25px 2px #6B6B6B;
    /* FOR IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strenght=5, Direction=35, Color='#6B6B6B')";
    /* FOR IE 5 */
    filter: "progid:DXImageTransform.Microsoft.Shadow(Strenght=5, Direction=35, Color='#6B6B6B')";
}
.popupText 
{
    padding:10px 10px 10px 10px;
    float:left;
    line-height:18px;
}
.popupHR 
{
    border:none;
    height:1px;
    background-color:#cccccc;
    color: #cccccc;
    margin: 0px 0px 0px 0px;
}