/* NTTDS Web Site Styles */

/* Old CDSS Colors: header blue = #293e6b, tab blue = #467189, blue label = #4a6dba, menu blue = #30507e */

/* New CDSS Colors: Text = #333333, header blue = #005282, nav bar green = #27AE60, page background blue = #B9D7E6,
box blue = #4C7AB8, box rust = #CD4E38, box purple = #9067C3, box dark orange = #FF7E13,
box light orange = #F7992B, tab blue = #00748D, tab green = #00BC5C, tab orange = #FFA929, tab text blue = #4378AC */

.boxshadow { box-shadow: 3px 3px 3px #b8b8b8;} 

.txtshadow {  text-shadow: 1px 1px 1px #b8b8b8;}

.noborder{border: 0;}

fieldset {margin-top: 10px; border-radius: 10px; box-shadow: 3px 3px 3px #b8b8b8;} 

a:link {color: #005282}
a:visited {color: #660066}
a:active {color: #CD4E38}
a:hover {color: #CD4E38}

a.plain {text-decoration: none; color: #000000}
a.plain:link {text-decoration: none; color: #000000}
a.plain:visited {text-decoration: none; color: #000000}
a.plain:active {text-decoration: none; color: #000000}
a.plain:hover {text-decoration: none; color: #000000}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 
color: #333333; background-color: #6d83c2; line-height: 1.5; margin: 0px; border: 0px;}
th {font-weight: bold;}
caption {font-size: 14px; font-weight: bold; text-align:center;}
.site-title-old {font-size: 26px; font-weight: bold; color: #FFFFFF; background-color: #1a2d63; padding: 24px 0px 18px 152px;} /* text-align:center; */
.site-title {font-size: 26px; font-weight: bold; color: #FFFFFF; background-color: #1a2d63; padding: 25px 15px 25px 15px;} /* text-align:center; */
.title {font-size: 20px; font-weight: bold; color: #4a6dba; } /* text-align:center; */
.subtitle {font-size: 16px; font-weight: bold; color: #4a6dba;}
img {box-shadow: 4px 4px 4px #b8b8b8; margin-right: 10px; margin-bottom: 10px;}
.img-caption {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
#logo-img {float:left; margin: 0px 4px 0px 0px; padding: 0px 4px 0px 0px; border: 0px; box-shadow: none;}
#cdss-br {line-height: 0.5em;}
#cdss-old {font-size: 12px; margin: 0; padding: 4px 0px 16px 140px;}
#cdss {font-size: 12px; margin: 0; padding: 0px 4px 16px 4px;}
#page_header {font-size: 26px; font-weight: bold; color: #1A2D63; margin: 0 0 0 0; padding: 0 0 0 0;}
#main-content {width: 750px; padding: 24px; margin: 0 auto 0 auto;  background-color: #FFFEF7;}  /*  width: 95%;  background-color: #FFFFFF;*/
/*    margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px; */

.normal {font-size: 13px;}
.smaller {font-size: 10px;}
.larger {font-size: 15px;}
.larger2 {font-size: 18px;}
.space_before{border-top: 2em; margin-top: 2em;}
 
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}

.blue {color: #2040A0;}
.red {color: #FF0000;}
.red2 {color: #880000;}
.green {color: #00FF00;}
.green2 {color: #008800;}

/* Colors for page divider lines and headings */
h1,h2,h3,h4{color: #4A6DBA; }
.blue-fg{color:  #4378AC;}
.green-fg{color: #27AE60;}
.rust-fg{color: #CD4E38;}
.purple-fg{color: #9067C3;}
.orange-fg{color: #FF7E13}
.blue-bg{background-color:  #4378AC; }
.green-bg{background-color:  #27AE60; }
.rust-bg{background-color:  #CD4E38; }
.purple-bg{background-color:  #9067C3; }
.orange-bg{background-color:  #FF7E13; }
.height-8px{border: 0px; height: 8px;}
div .height-8px{clear: both;}

.center {text-align:center;}
.centered {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.left-float{float: left;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.noprint {display:block;}
.clear {clear:both;}
.no-top-margin{margin-top: 0px;}
.no-bottom-margin{margin-bottom: 0px;}
.line-ht-150{line-height: 1.5em;}
.width-11em{width: 11em;}
.width-12em{width: 12em;}
.width-16em{width: 16em;}
.width-18em{width: 18em;}
.width-19em{width: 19em;}
.width-20em{width: 20em;}
.width-22em{width: 22em;}
.pad-left-4px{padding-left: 4px;}
.border-blue-2px{border:solid 2px #2040A0;}
.page-break-before{page-break-before: always;}

/* --- Styles for Menu --- */
/*==============================================================================
	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.
	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
  This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	Modified by Glenn Manuel
==============================================================================*/
/*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:1px;
/*	min-width:410px; */
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
/* position:relative;  */   /* establish a menu-relative positioning context */
/* float:left;   */     /* play nicely with others */
   background-color: #27ae60;  /* background color green */
	margin: 0;  /*  margin-left: 0px margin: 0 */
	padding: 6px 0 8px 0;
	border: 0;
	height: 1.5em;     /* the menu's overall height */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;         /*  menu font size */
	font-weight: normal;
   text-align:left;
 }

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu ul li  {  /* for all top-level menu items, selected and not */
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	font-weight: normal;  /* for all items */
	color: #F8F8F8;   /* text color */
	background-color: #27ae60;  /* background color green*/ 
}

.menu ul li a,
.menu ul li a:visited {  /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	color: #F8F8F8;   /* text color */
	background-color: #27ae60;  /* background color green */
/*	border: 1px solid  #27ae60;   background color green */
  padding-left: 4px; padding-right: 4px; /* optional spacing within each item */
}

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* box border width ? */
   z-index: 500;   /* make submenu overwrite higher level */
	margin: 0;
	height: auto;  /*  the drop-down height will be determiend by line count */
	padding-top: 3px;  /* space between the top buttons and drop down */
}

.menu ul li:hover a,
.menu ul li a:hover,
.menu ul li.active a, .menu ul li.parent-active a
{                        /* selected top-level menu items */
/* 	border-top:1px solid #000;    these 2 lines create the push-in illusion 
	height:16px;
*/
	color: #F8F8F8;   /* text color */
	background-color: #4a6dba;  /* background color blue*/ 
}
.zzmenu ul li.menu_children > a:after{content:" >";}
.zzmenu ul li.menu_children > a:visited:after{content:" >";}
.zzmenu ul li.menu_space > a:after{content:"  |  ";}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	top: 1.5em;              /* place it just up underneath the top-level images */
	left:-2px;       /* left-align the drop-down to the top button border */
}

.menu ul li:hover ul li {
   width: 100%;  /* this makes all items in the list have the same full width */
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a,
.menu ul li a:hover ul li a:visited
{                   /* 2nd level unselected items */
  width: 100%;  /* this makes each item have the full width */
	color: #F8F8F8;                    /* text color */
	background-color: #27ae60;   /* background color green*/
/* 	border: 1px solid #27ae60;   border color green*/
  padding-left: 4px; padding-right: 4px; /* optional spacing within each item */
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover
{                /* 2nd level selected item */
	color: #F8F8F8;                     /* text color */
	background-color: #4a6dba;    /* background color blue*/
}


/* --- Styles for Printing. Convert to black/white --- */
@media print { 

.noprint { display:none; }
.boxshadow { box-shadow: none; } 
.txtshadow { text-shadow: none; }
.menu { display:none; }
.noborder{border: 0;}
fieldset {border-radius: 10px; box-shadow: none;}

a:link {color: #000000}
a:visited {color: #000000}
a:active {color: #000000}
a:hover {color: #000000}

a.plain {text-decoration: none; color: #000000}
a.plain:link {text-decoration: none; color: #000000}
a.plain:visited {text-decoration: none; color: #000000}
a.plain:active {text-decoration: none; color: #000000}
a.plain:hover {text-decoration: none; color: #000000}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; 
color: black; background-color: white; line-height: 1.5;
margin:0px; padding:0px; border:0px;}
th {font-weight: bold;}
.title {font-size: 26px; font-weight: bold; color: black; background-color: white; padding: 24px 0px 18px 152px;}
.subtitle {font-size: 12pt; font-weight: bold; color: #000000;}
img {box-shadow: none; margin-right: 10px; margin-bottom: 10px;}
#logo-img {float: left; margin-right: 0px; padding-right: 0px; border: 0px; box-shadow: none;}
#page_header {font-size: 26px; font-weight: bold; text-align:left; color: #000000;}
#main-content {width: 95%; padding: 15px; padding-right: 15px; 
   margin-right: auto; margin-left: auto; background-color: white; 
   border: 0px; box-shadow: none;} 
h1,h2,h3,h4{ color: black; text-shadow: none;}

.blue {color: black;}
.red {color: black;}
.red2 {color: black;}
.green {color: black;}
.green2 {color: black;}

/* Colors for page divider lines and headings */
h1,h2,h3,h4{color: black;}
.blue-fg{color:  black;}
.green-fg{color: black;}
.rust-fg{color: black;}
.purple-fg{color: black;}
.orange-fg{color: black}
.blue-bg{background-color:  black;}
.green-bg{background-color:  black;}
.rust-bg{background-color:  black;}
.purple-bg{background-color:  black;}
.orange-bg{background-color:  black;}

#webring {display:none;}

.border-blue-2px{border:solid 2px black;}
.page-break-before{page-break-before: always;}
} /* --- media:print ---*/

/* --- Styles for small screens (mobile phones, tablets, etc.) --- */
@media screen and (max-width: 770px){

.boxshadow {box-shadow: none;}

.txtshadow {text-shadow: none;}

/* larger font for easier reading */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; 
color: #333333; background-color: #6d83c2; line-height: 1.5; margin: 0px; border: 0px;}

/* variable width, no border */
#main-content {padding: 4px; width: 98%;
   margin-right: auto; margin-left: auto; margin-top: 0px; margin-bottom: 0px;
    border: 0px; box-shadow: none;
    } 
#logo {display:none;}
#webring {display:none;}
.nomobile {display:none;}
/* .noprint {display:none;} */
#cdss-br {line-height:0.5em; clear:both;}
#cdss {font-size: 12px; margin: 0; padding: 4px 0 4px 4px;}
.site-title {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #1a2d63; padding: 4px 4px 4px 4px;  text-shadow: none;}
.subtitle {font-size: 16px; font-weight: bold; color: #4a6dba; text-shadow: none;}
img {box-shadow: none; margin-right: 10px; margin-bottom: 10px;}
.img-caption {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
fieldset {margin-top: 10px; border-radius: 10px; box-shadow: none;}
h1,h2,h3,h4{ color: #4a6dba;  text-shadow: none;}

/* Make main menu font larger for easier touching */
.menu {
	font-size: 18px;         /*  menu font size */
}
/* Put space around links to make them easier to touch, except for menu */
.menu a {margin: 0px;}
a {margin: 5px;}

} /* small screens */