/* CSS Document */


/* global framework */
html,body{
  height:100%;
  margin:0;
  padding:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#dfdfdf;
  border:none;
}
#shell { height:100%; }
#shell_left { width:20px; background-image:url(images/bkgd_left.gif); background-repeat:repeat-y; }
#shell_right { width:20px; background-image:url(images/bkgd_right.gif); background-repeat:repeat-y; }
#innershell { width:778px; }
#logo { position:absolute; z-index:0; }
#topbar { position:relative; padding-top:3px; padding-bottom:3px; font-size:10px; color:#ffffff; text-align:right; text-align:right; }
#topbarlinks { position:relative; display:inline; float:right; height:16px; padding-top:2px;text-align:right; background-image:url(images/topbar_grad.gif); background-repeat:repeat-x; }
a.top { font-size:10px; color:#ffffff; text-decoration:none; }
a.top:hover { text-decoration:underline; }
#footer { height:23px; padding-top:5px; font-size:9px; color:#002266; text-align:center; background-image:url(images/bottombar_grad.gif); background-repeat:repeat-x; }
#currentdate { position:relative; padding-right:10px; font-size:10px; color:#990000; text-align:right; }


/* navigation bar */
#navbar  { height:24px; background-image:url(images/navbar_grad.gif); background-repeat:repeat-x; }
#nav { position: relative; z-index: 10; width:40em; height:24px; }
.collapse, .expand { 
	display: inline;
	float:left;
	text-align:left;
	cursor: pointer; 
	background-image:url(images/navbar_btn_grad.gif); 
	background-repeat:repeat-x;
}
.collapse .dropmenu {
	display:none;
}
.expand .dropmenu {
	display:block;
}
.nav_btn { padding:2px 15px 4px 15px; font-size:11px; font-weight:bold; color:#FFFFFF; vertical-align:middle; border-right:#002266 1px solid; }
.nav_btnl { padding:2px 15px 4px 15px; font-size:11px; font-weight:bold; color:#FFFFFF; vertical-align:middle; border-right:#002266 1px solid; border-left:#002266 1px solid; }
.dropmenu {   
	position: relative;
	width: 10px;
	overflow: visible;
	
}
.dropdown {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	overflow: visible;
	clear: both;
	font-size:9px;
	text-align:left;
	background-color:#000066;
	border: 1px solid #999;
}
/*
.dropmenu .dropdown {
	position: absolute;
}*/
.dropdown a {
	font-weight:bold;
	color:#FFFFFF; 
	text-decoration:none;
	
}
.dropdown .dropitemHi { 
	background-color:#3366FF;
}
.dropitem, .dropitemHi { padding:6px;
    border-bottom:#999 1px solid;
}


/* 
--------------------------------------------------------------------------------
HOMEPAGE
-------------------------------------------------------------------------------- 
*/

/* a.adlink { font-size:12px; color:#ffffff; text-transform:uppercase; text-decoration:none } */
/* a.adlink:hover { text-decoration:underline } */
/* a.special { text-decoration:none; color:#990000;font-size:9px } */
/* a.special:hover { text-decoration:underline;font-size:9px } */
/* #bannercontent { padding-left:30px; padding-top:15px; color:#FFFFFF; width:390px; height:200px } */
/* .lowerfeaturetopics { white-space:normal } */

#newsbar { background-image:url(images/newsbar_grad.gif); padding-left:11px; height:21px; }
#newsarea { background-image:url(images/bottom_grad.gif); background-repeat:repeat-x; background-color:#e4e9f4; height:171px; color:#262626; font-size:11px; padding-left:11px }
.newsitem { padding-top:10px; padding-right:15px; padding-bottom:15px }
.newstitle { margin-bottom:0px; font-size:11px; color:#002266; }
#floatlinks {padding-left:35px; padding-right:35spx; position:absolute; top:335px}

img {
  max-width: 100%;
}

video {
  max-width: 100%;
}

h1 {
  font-size: 18px;
}

h4 {
  margin: 10px 0;
}

.banner {
  position: relative;
  width: 778px;
  margin: auto;
  overflow: hidden;
  color: #fff;
  background-color: #02070a;
  background-image: url(images/space.jpg);
  background-size: cover;
}

.asteroid-background {
  background-image: url(images/asteroid.png);
  background-repeat: no-repeat;
  background-position: right -50px top -20px;
  background-size: 250px;
}

#bannercontent {
  width: 390px;
  padding-top: 15px;
  padding-left: 30px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.8;
}


/* 
-----------------------
Featured Topics
-----------------------
*/
.featuredtopics {
  margin: 30px 30px 0 30px;
  padding: 5px 15px 10px;
  background-color: rgba(56, 102, 191, 0.3);
  border: 4px solid;
  border-radius: 5px;
}

.featuredtopics ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.featuredtopics ul li {
  display: inline-block;
  width: 19%;
  margin: 5px 0;
  padding: 0 15px;
  vertical-align: top;
  background-image: url(images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.featuredtopics a {
  font-size: 80%;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
}

.featuredtopics a:hover {
  text-decoration: underline;
}

/* 
-----------------------
Lower Featured Topics
-----------------------
*/
.lowerfeaturetopics {
  padding: 50px 30px 20px 30px;
  font-size: 80%;
  color: #333;
  background: #fafafa;
  background: linear-gradient(
    to bottom,
    rgba(125, 185, 232, 0) 0%,
    rgba(238, 238, 238, 0.7) 25px,
    rgba(238, 238, 238, 0.8) 30px,
    rgba(255, 255, 255, 1) 100%
  );
}

.lowerfeaturetopics ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.lowerfeaturetopics ul li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* dash separator */
.lowerfeaturetopics ul li::after {
  margin-left: 10px;
  content: "-";
}

.lowerfeaturetopics a {
  color: #900;
  text-decoration: none;
}

.lowerfeaturetopics a:hover {
  text-decoration: underline;
}


/* 
--------------------------------------------------------------------------------
INNER PAGES
-------------------------------------------------------------------------------- 
*/

.breadcrumbs { padding:3px 20px 3px 20px; font-size:10px; color:#990000; background-color:#FFFFFF; border-bottom:#BBBBBB 1px solid; }
a.crumb { color:#990000; text-decoration:none; }
a.crumb:hover { color:#990000; text-decoration:underline; }
#update { float:right; font-style:italic; }

#contentarea { padding:10px 20px 40px 20px; font-size:11px; }
#contentarea h2 { margin-bottom:0px; font-size:11px; color:#002266;}
#contentarea h1 { font-size:14px; color:#002266;}
#contentarea p { margin-top:0px; font-size:11px; color:#002266;}
#contentarea td { font-size:11px; color:#002266;}

.image{ font-style:italic;}
.smcontent { font-size:10px; }
a { color:#000099; text-decoration:underline; }
a:hover { text-decoration:none; } 

#rightbox { float:right; width:200px; margin:0px; background-image:url(images/popup_mid.gif); background-repeat:repeat-y; }
#rightboxcontent { padding:0px 15px 10px 15px; font-size:11px; color:#FFFFFF; }
#rightboxtop { height:35px; margin:0px; }
#rightboxbottom { height:33px; margin:0px; }
a.poplink { display:block; margin:5px; color:#ffffff; text-decoration:none; }
a.poplink:hover { display:block; color:#ffffff; text-decoration:underline; }

.canvas { background-image:url(images/canvas.jpg); background-repeat:repeat;}
.blgradient{ color:#262626; background-color:#e4e9f4; background-image:url(images/blgradient.jpg); background-repeat:repeat-x;}
.redgradient{ color:#262626; background-color:#f2e3e3; background-image:url(images/redgradient.jpg); background-repeat:repeat-x; }
.metal{ color:#262626; background-image:url(images/metal.jpg); background-repeat:repeat-y; }
.clouds{ color:#262626; background-image:url(images/clouds.jpg); background-repeat:repeat-y; }
.parpaper{ color:#262626; background-image:url(images/parpaper.jpg); background-repeat:repeat-y; }