/* CSS Document */   /**/
body 
{
    background-color:#D0E3E8;
    font-family: arial;
    font-size: .7em;
}

p 
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size:1em; 
margin-bottom: 15px;
}

#contentDisplay
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size:1em; 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	padding-top:15px;
}
#contentDisplay p
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size:1em; 
	line-height:1.25em;
	margin-left:0px;
	margin-right:0px;
}
	
hr 
{
    border: none 0;
    border-top: 1px dashed #000;/*the border*/
    width: 80%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

h1 { font-family:Arial, Helvetica, Sans Serif; 
	color:#003366; 
	font-weight:bold; 
	font-size:1.4em; 
	margin-left: 0px; 
	margin-bottom:12px;}

h2 { font-family:Verdana, Arial, Helvetica, Sans Serif; 
	color:#003366; 
	font-weight:bold; 
	font-size:1.1em; 
	margin-bottom:6px;}
	
h3 { font-family:Verdana, Arial, Helvetica, Sans Serif; 
	color:#003366; 
	font-weight:bold; 
	font-size:1em; 
	margin-bottom:6px; 
	margin-top:6px;}
	
h4 { font-family:Verdana, Arial, Helvetica, Sans Serif; 
	color:#333333; 
	font-weight:bold; 
	font-size:1em; 
	/*margin-left:5px; */
	margin-bottom:4px;}
	
h5 { font-family:Verdana, Arial, Helvetica, Sans Serif; 
	color:#FFFFEE; 
	font-weight:bold; 
	font-size:1em; 
	margin-left:0px; 
	margin-bottom:0px; 
	margin:inherit;}

a 
{ 
	text-decoration:none; 
	color:#014171; 
	font-weight: bold;
}
a:hover 
{ 
	text-decoration: underline; 
	color:#666699;
}
a:active  { color:#014171 }
a:visited { color:#014171 } 

/* TO LINK BACKGROUND IMAGES */
#logolink {
display: block;
height: 72px;
width: 345px;
background-image: url("../images/LogoDCoE.jpg");
}        
#bglink span { display: none; }



ul {
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, Sans Serif;
	color:#333333;
	font-size:1em; 
	margin-top:0px;
	margin-bottom:10px;
	/* margin-left: 5px;  DISABLED TO ALLOW PROPER ALIGNMENT OF NEW DROPDOWN SUBMENUS */ }

li {
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, Sans Serif;
	color:#333333;
	font-size:1em;
	margin-top:5px;
	margin-bottom:10px;
	margin-left: 25px;}




li.list1 {list-style: square; margin-left:30px; }

li.number {list-style: decimal;}




table.box {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px 0px;
	border-style: outset outset outset outset;
	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8;
	border-collapse: separate;
	background-color: #FFFFFF;}
	
table.box th {
	border-width: 1px 1px 0px 1px;
	padding: 4px 4px 4px 4px;
	border-style: outset outset outset outset;
 	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8; 	
	background-color: #F8F8F8;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CCCCCC' ,endColorStr='#E6E6E6' ,gradientType= '0' );
	-moz-border-radius: 1px 0px 0px 0px;}

table.box td {
	border-width: 1px 1px 1px 0px;
	padding: 6px 6px 6px 6px;
	border-style: outset outset outset outset;
	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8;
	background-color: #FFFFFF;
	-moz-border-radius: 1px 1px 1px 0px;}

	
table.box2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px 0px;
	border-style: outset outset outset outset;
	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8;
	border-collapse: separate;
	background-color: #FFFFFF;}
	
table.box2 th {
	border-width: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	border-style: outset outset outset outset;
 	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8; 	
	background-color: #F8F8F8;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CCCCCC' ,endColorStr='#E6E6E6' ,gradientType= '0' );
	-moz-border-radius: 0px 0px 0px 0px;}

table.box2 td {
	border-width: 1px 0px 1px 0px;
	padding: 2px 2px 2px 2px;
	border-style: outset outset outset outset;
	border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8;
	background-color: #FFFFFF;
	-moz-border-radius: 1px 1px 1px 0px;}
	

/*Header_________________________________________________________*/
.datetext {font-family:Arial, sans-serif;
		   font-size:1.1em;
		   font-weight:500;
		   color:#FFFFFF;
		   text-align:left;
		   padding-left:20px;}
		   
.healthmil {font-family:Arial, sans-serif;
		   font-size:12px;
		   font-weight:bold;
		   color:#FFFFFF;
		   text-align:right;
		   padding-right:8px;}
.healthmil a { color: White; }
.healthmil a:visited { color: White; }
		   
.searchLinks {font-family:Arial, sans-serif;
		   font-size:12px;
		   font-weight:bold;
		   color:#013052;
		   text-align:right;
		   padding-right:15px;}
		   
.search {font-family:Arial, sans-serif;
		   font-size:12px;
		   font-weight:bold;
		   color:#013052;
		   text-align:right;
		   padding-right:15px;}

/*Main Content Area Below Flash_________________________________________________________*/
.sectionHeader {font-family:Arial, sans-serif;
		   font-size:1.2em;
		   font-weight:bold;
		   color:#013052;
		   text-align:left;
		   padding-left:5px;
		   padding-top:3px;}
		  
.mission  {
font-family:Arial, sans-serif;
		   font-size:1.1em;
		   font-weight:bold;
		   color:#245175;
		   text-align:left;
		   padding-right:17px;
		   padding-left:5px;
		line-height: 30px;}		  

.overflow {overflow:auto;
           font-family:Arial, sans-serif;
		   font-size:1.1em;
		   font-weight:bold;
		   color:#245175;
		   text-align:left;
		   padding-left:5px;
		   padding-right:5px;}
		   
.more {overflow:auto;
           font-family:Arial, sans-serif;
		   font-size:1.2em;
		   font-weight:bold;
		   font-style:italic;
		   color:#245175;
		   text-align:left;
		   padding-left:5px;
		   padding-right:7px;}
		   
.newsMediaImages {padding-top:3px;
				  padding-left:10px;
				  padding-right:10px;
				  padding-bottom:100px;}
				  
.newsLetterImages {padding-top:3px;
				  padding-left:10px;
				  padding-right:10px;}
		   
.newsLetterHeader {font-family:Arial, sans-serif;
		   font-size:1.4em;
		   font-weight:bold;
		   color:#245175;
		   text-align:left;
		   padding-left:5px;
		   padding-top:3px;}

.newsLetterIssue {font-family:Arial, sans-serif;
		   font-size:1.3em;
		   font-weight:bold;
		   color:#245175;
		   text-align:left;
		   padding-left:5px;
		   padding-top:3px;}
/*Footer_________________________________________________________*/
.footerContent {font-family:Arial, sans-serif;
		   font-size:1em;
		   font-weight:bold;
		   color:#000000;
		   text-align:left;
		   padding-left:5px;
		   padding-top:3px;}
		   
.dodLinks {font-family:Arial, sans-serif;
		   font-size:1em;
		   font-weight:bold;
		   color:#013052;
		   text-align:left;
		   padding-top:3px;}
		   
.footerLinks
{
	font-family: Arial, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-align:right;
}
.footerLinks a
{
	padding-right:15px;
	color:#FFFFFF;
}

/* Navigation button mouseovers start_________________________________ */
		   
/* Top navigation button start_________________________________ */

/* Who We Are button */
#whoweare{
  display: block;
  width: 214px;
  height: 35px;
  background: url("../images/WhoWeAre_test.jpg") no-repeat 0 0;}

#whoweare:hover{ 
  background-position: 0 -35px;}

#whoweare span{
  display: none;}
  
/* What We Do button */
#whatwedo{
  display: block;
  width: 214px;
  height: 35px;
  background: url("../images/WhatWeDo_test.jpg") no-repeat 0 0;}

#whatwedo:hover{ 
  background-position: 0 -35px;}

#whatwedo span{
  display: none;}
  
/* How We Do It button */
#howwedoit{
  display: block;
  width: 214px;
  height: 35px;
  background: url("../images/HowWeDoIt_test.jpg") no-repeat 0 0;}

#howwedoit:hover{ 
  background-position: 0 -35px;}

#howwedoit span{
  display: none;}
  
/* Get Involved button */
#getinvolved{
  display: block;
  width: 214px;
  height: 35px;
  background: url("../images/GetInvolved_test.jpg") no-repeat 0 0;}

#getinvolved:hover{ 
  background-position: 0 -35px;}

#getinvolved span{
  display: none;}
  
/* Top navigation button end_________________________________ */
  
/* Middle navigation buttons start_________________________________ */

/* For Warriors button */
#forwarriors{
  display: block;
  width: 137px;
  height: 46px;
  background: url("../images/NavForWarriors_test.jpg") no-repeat 0 0;}

#forwarriors:hover{ 
  background-position: 0 -46px;}

#forwarriors span{
  display: none;}
  
/* For Families button */
#forfamilies{
  display: block;
  width: 124px;
  height: 46px;
  background: url("../images/NavForFamilies_test.jpg") no-repeat 0 0;}

#forfamilies:hover{ 
  background-position: 0 -46px;}

#forfamilies span{
  display: none;}
  
/* For News Media button */
#fornewsmedia{
  display: block;
  width: 161px;
  height: 46px;
  background: url("../images/navForNewsMedia_test.jpg") no-repeat 0 0;}

#fornewsmedia:hover{ 
  background-position: 0 -46px;}

#fornewsmedia span{
  display: none;}
  
/* For Health Professionals button */
#forhealthpros{
  display: block;
  width: 231px;
  height: 46px;
  background: url("../images/navForHealthPros_test.jpg") no-repeat 0 0;}

#forhealthpros:hover{ 
  background-position: 0 -46px;}

#forhealthpros span{
  display: none;}
  
/* Middle navigation buttons end_________________________________ */

/* Right side red navigation buttons start_________________________________ */
/* 247 Help button */
#help{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_247Help_test.jpg") no-repeat 0 0;}

#help:hover{ 
  background-position: 0 -40px;}

#help span{
  display: none;}
  
/* Updates button ------------ */
#updates{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_Updates_test.jpg") no-repeat 0 0;}

#updates:hover{ 
  background-position: 0 -40px;}

#updates span{
  display: none;}
  
/* Events button------------ */
#events{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_Conferences_test.jpg") no-repeat 0 0;}

#events:hover{ 
  background-position: 0 -40px;}

#events span{
  display: none;}
  
/* Newsletter button------------ */
#newsmedia{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_NewsMedia_test.jpg") no-repeat 0 0;}

#newsmedia:hover{ 
  background-position: 0 -40px;}

#newsmedia span{
  display: none;}
  
/* Podcasts button------------ */
#podcasts{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_ReasourcesPodCast_test.jpg") no-repeat 0 0;}

#podcasts:hover{ 
  background-position: 0 -40px;}

#podcasts span{
  display: none;}
  
/* Blog button------------ */
#blog{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_ResourcesBlog_test.jpg") no-repeat 0 0;}

#blog:hover{ 
  background-position: 0 -40px;}

#blog span{
  display: none;}
  
/* Videos button------------ */ 
#videos{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_videos_test.jpg") no-repeat 0 0;}

#videos:hover{ 
  background-position: 0 -40px;}

#videos span{
  display: none;}

/* Building Bridges button------------ */ 
#buildingbridges{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_BuildingBridges.jpg") no-repeat 0 0;}

#buildingbridges:hover{ 
  background-position: 0 -40px;}

#buildingbridges span{
  display: none;}
  
/* Links button------------ */ 
#links{
  display: block;
  width: 189px;
  height: 40px;
  background: url("../images/Btn_links_test.jpg") no-repeat 0 0;}

#links:hover{ 
  background-position: 0 -40px;}

#links span{
  display: none;}
  
/* Resources button------------ */
#resources
{
	display: block;
	width: 189px;
	height: 40px;
	background: url("../images/dcoe_resource_bttn.jpg") no-repeat 0 0;
}

#resources:hover
{
	background-position: 0 -40px;
}

#resources span
{
	display: none;
}
  
/* Navigation button mouseovers end_________________________________ */

/* Left side blue navigation buttons start_________________________________ */
/* About DCoE button */
#aboutdcoe{
  display: block;
  width: 162px;
  height: 40px;
  background: url("../images/Btn_AboutDCoE.jpg") no-repeat 0 0;}

#aboutdcoe:hover{ 
  background-position: 0 -40px;}

#aboutdcoe span{
  display: none;}
  
/* Mission Statement button ------------ */
#mission{
  display: block;
  width: 162px;
  height: 40px;
  background: url("../images/Btn_MissionStatement.jpg") no-repeat 0 0;}

#mission:hover{ 
  background-position: 0 -40px;}

#mission span{
  display: none;}
  
/* Our Leadership button------------ */
#leadership{
  display: block;
  width: 162px;
  height: 40px;
  background: url("../images/Btn_OurLeadership.jpg") no-repeat 0 0;}

#leadership:hover{ 
  background-position: 0 -40px;}

#leadership span{
  display: none;}
  
/* Component Centers button------------ */
#centers{
  display: block;
  width: 162px;
  height: 40px;
  background: url("../images/Btn_ComponentCtrs.jpg") no-repeat 0 0;}

#centers:hover{ 
  background-position: 0 -40px;}

#centers span{
  display: none;}
  
/* Left side blue navigation button mouseovers end_________________________________ */

.leftSideNav
{
border-collapse: collapse;
}
.leftSideNav td
{
    display: block;
    width: 140px;
    height: 44px;
    background: url("../images/BlueButton.jpg") no-repeat 0 0;
    padding-left: 18px;
    padding-right: 12px;
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 0px;
    padding-top: 0px;
}

.leftSideNav td:hover
{
    background-position: 0 -44px;
}

.leftSideNav a
{
    font-family: Arial, sans-serif;
    font-size:12px;
    font-weight:500;
    color: White;
    position: relative;
    text-decoration: none;
    font-weight: bold;
}
.leftSideNav a: visited;
{
color: white;
}
.breadcrumb
{
    font-family: Arial, sans-serif;
	font-size:12px;
	color:#014171;
    text-decoration: none;
    font-weight: bold;
}

#timeline
{
    font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
}

#timeline #timelineContent
{
    font-size: 7pt;
}

/* videoPreview */
.vidPlay
{
    float: left;
    position: absolute;
    left: 124px;
    top: 99px;
    filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
}

.vidScreenshot
{
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 292px;
    height: 236px;
}

.vidPreviewLink
{
    float: left;
    position: relative;
    min-width: 292px;
    min-height: 236px;
}
.vidPreviewLink:hover
{
    text-decoration: none;
}

.vidTitle
{
    position: absolute;
    background: #000;
    font-size: 13px;
    left: 0px;
    bottom: 0px;
    width: 280px;
    padding: 6px;
    color: #fff;
    filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;
    cursor: pointer;
    cursor: hand;
}

/* CLASSES FOR USE INSIDE CONTENT */
.ContentTable
{
        border-collapse: collapse;
        border: solid 1px black;
        width: 568px;
}
.ContentTable th
{
        background-color: #bbbbbb;
        border: solid 1px #999999;
        padding: 3px;
        font-weight: bold;
}
.ContentTable td
{
        border: solid 1px #999999;
        padding: 3px;
}

img.imgBorder
{
	border: solid 1px #999999;
}
table.imgBorder
{
	border: solid 1px #999999;
	margin-left: 5px;
	margin-right: 5px;
}

.nicoemenu {
width: 200px;
}
.nicoemenu ul {
display: block;
padding: 0px;
margin: 0px;
list-style: none;
}
.nicoemenu ul li {
display: block;
margin: 0px;
list-style: none;
}
.nicoemenu a {
display: block;
color: #003366;
text-decoration: none;
padding: 5px;
border-bottom: 1px solid #e8e8e8;
}
.nicoemenu a:hover {
background-color: #e8e8e8;
border-bottom: 1px solid #d8d8d8;
color: black;
}

a.specialLink:link 
{ 
	text-decoration:none; 
	color:#014171; 
	font-weight: normal;
}
a:specialLink:hover 
{ 
	text-decoration: underline; 
	color:#666699;
	font-weight: normal;
}
a:specialLink:active  
{ 
	color:#014171;
	font-weight: normal;
}
a:specialLink:visited 
{ 	
	color:#014171;
	font-weight: normal;
} 

/* TEST OF SCROLLER BEGIN */

#pscroller2{
width: 955px;
height: 20px;
border: 0px;
padding: 3px;

}
#pscroller2 a{ 
	color:#FFFFFF; 
	font-weight: bold;
}
.someclass{ //class to apply to your scroller(s) if desired
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
    	font-weight: bold;
	background-color: #003366;
}


a.scrolling:link 
{  
	color:white; 
	font-weight: bold;
}
a:scrolling:hover 
{ 
	text-decoration: underline; 
	color:white;
	font-weight: bold;
}
a:scrolling:active  
{ 
	color:white;
	font-weight: bold;
}
a:scrolling:visited 
{ 	
	color:white;
	font-weight: bold;
} 

/* END TEST OF SCROLLER */

.Global_NewsTicker
	{
		font-family:Verdana;
		font-size:8pt;
		color:white; 
		text-decoration:none; 
		font-weight:bold;
	}
a.Global_NewsTicker:link
	{
		color:white;
	}
a.Global_NewsTicker:hover
	{
		color:#C6E2FF;
	}
a.Global_NewsTicker:active
	{
		color:white;
	}
a.Global_NewsTicker:visited
	{
		color:white;
	}


p.qa 
{
    	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#333333; 
	font-size: 10pt; 
	margin-bottom: 0px;
	margin-top: 0px;
}