/* structure--------------------------------- */
body {margin: 0px; padding: 0px 0px 30px 0px; background: #495159; background: url(/images/starbackground1.jpg); color: #000; text-align: center; font-size: 71%;}

/* banner--------------------------------- */
#printbanner {display: none;}
#banner {width: 780px; margin: 0px auto 0px auto; background: url(/images/background_banner.png); text-align: left; padding: 0px;}
* html #banner {background: url(/images/background-trans.png);}

#wrapper-top {padding: 0px 0px 0px 0px; height: 220px; background: url(/images/background_earth4b.gif) no-repeat top center;}

/* logo--------------------------------- */
#logo {background: transparent;}
#logo img {margin: 15px 0px 10px 15px;}
#logo h1 {color: #fff; font-size: 2em; margin: 0px; padding: 10px 10px 0px 10px; font-weight: bold;}
#logo h2 {color: #fff; font-size: 1.5em; margin: 0px; padding: 10px 10px 10px 10px; font-weight: bold;}

/* search--------------------------------- */
#search_bar {float: right; text-align: right; background: transparent; color: #fff; padding: 0px; margin: 0px;}
#search_bar p {text-align: left; padding: 15px; margin: 0px;}

/* earth--------------------------------- */
#earth {display: none; width: 780px; margin: 0px auto 0px auto; background: url(/images/background_earth2.gif) no-repeat top center; height: 200px;}

/* wrapper--------------------------------- */
#wrapper {width: 780px; margin: 0px auto 0px auto; background: transparent; text-align: left;}
#wrapper-portal {width: 780px; margin: 0px auto 0px auto; background: transparent; text-align: left;}

/* navigation--------------------------------- */

#navbar {font-size: 0.9em; font-weight: bold; text-transform:uppercase;}
#navbar ul {margin: 0px 0px 0px 0.5em; padding: 0px 0px 0px 0.5em;}
#navbar ul li{list-style-type:none; margin:0px; padding:0px 5px 0px 0px;}
#navbar li {float:left; width:8em; margin-right:2px; text-align:center;}
#navbar a {float:left; width:8em; text-decoration:none; background: #eee; color: #666; padding: 0px 0px 4px 0px;}
#navbar li.currenttab a {color: #000; background: url(/images/background_tab.gif);}
#navbar a:hover, #navbar a:active {color: #000}

/*navigation2--------------------------------- */

#nav2 {font-size: 0.9em; clear: both; background: #263248; font-weight: bold; text-transform:uppercase; width: 100%;}
#nav2 ul {margin: 0px 0px 0px 10px; padding: 0.2em 0px 0.5em 1em;}
#nav2 ul li {display: inline; list-style-type: none; border: 0px; margin: 0px; padding: 0px 20px 10px 0px;}
#nav2 a {text-decoration:none; color: #999;}
#nav2 li.currenttab a:link, #nav2 li.currenttab a:visited {color: #9cf;}

#nav2 a:link, #nav2 a:visited {color: #fff; text-decoration: none;}
#nav2 a:hover, #nav2 a:active {color: #9cf; text-decoration: none;}

/* maincontent--------------------------------- */
#content {clear: both; background: url(/images/background_content.png); margin: 0px; padding: 10px;}
* html #content {background: #3f4551;}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #content {height: 1%;}
*:first-child+html #content {height: 1%;}
/* End hide from IE5-mac */

#maincontent {clear: both; margin: 0px; padding: 10px; background: #fff; font-size: 1em; line-height: 1.4em; word-wrap: break-word; font-family: Verdana, Helvetica, Sans-serif; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #maincontent {height: 1%;}
*:first-child+html #maincontent {height: 1%;}
/* End hide from IE5-mac */
#maincontent a:link, #maincontent a:visited {text-decoration: none;}
#maincontent a:hover, #maincontent a:active {text-decoration: underline;}
#maincontent h2 {margin-top: 0px;}

/* breadcrumb--------------------------------- */

#breadcrumb {clear: right; margin: 0px; padding: 0px 0px 20px 0px; font-size: 0.9em; font-weight: bold; line-height: 1.5em;}
#breadcrumb ul {list-style: none; padding: 0px; margin: 0px;}
#breadcrumb li {display: inline; padding: 0px; margin: 0px; white-space: nowrap;}
#breadcrumb li:before {font-weight: normal; content: " > "; }
#breadcrumb li:first-child:before {font-weight: normal; content: ""; }
#breadcrumb a {font-weight: normal;}

/* footer--------------------------------- */

#footer {width: 780px; margin: 0px auto 0px auto; text-align: center; background:#263248; color:#fff; font-size: 0.9em; padding: 5px 0px 0px 0px; text-transform:uppercase;}
#footer ul {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 10px;}
#footer ul li{display: inline; list-style-type:none; margin:0px; padding:0px 5px 0px 5px; border-right: 1px solid #fff;}
#footer ul li.last {border: 0px;}
#footer a {color: #fff; text-decoration: none; font-weight: bold; padding: 0px 5px 0px 5px;}
#footer a:link, #footer a:visited {text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration: underline;}

/* Main Index Specific--------------------------------- */
h2 a:link, h2 a:visited {color:#091252;}

.row1 {clear: both;}
.row2 {clear: both; padding-top: 10px;}
.row3 {clear: both; padding-top: 10px;}

#imagebox {float: left; margin: 5px 10px 10px 10px; border: 2px solid #fff;}

.box1 {float: left; width: 285px; margin-right: 10px; background: #fff; padding: 0px;}
.box1 h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box1 img {margin: 5px 10px 0px 10px; border: 2px solid #fff;}
.box1 p {padding: 5px 10px 0px 10px;}
.box1 ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box1 dl {padding: 0px 10px 0px 10px;}

.box1a {float: left; margin-right: 10px; background: #eee; padding: 0px;}
.box1a h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box1a img {margin: 5px 10px 0px 10px; border: 2px solid #fff;}
.box1a p {padding: 5px 10px 0px 10px;}
.box1a ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box1a dl {padding: 0px 10px 0px 10px;}

.box2 {float: left; width: 170px; background: #fff; padding: 0px;}
.box2 h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box2 img {margin: 5px 10px 0px 10px; border: 2px solid #fff;}
.box2 p {padding: 0px 10px 0px 10px;}
.box2 ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box2 dl {padding: 0px 10px 0px 10px;}

.box2a {float: left; background: #eee; padding: 0px;}
.box2a h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box2a img {margin: 5px 10px 0px 10px; border: 2px solid #fff;}
.box2a p {padding: 0px 10px 0px 10px;}
.box2a ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box2a dl {padding: 0px 10px 0px 10px;}

.box3 {float: left; width: 240px; background: #eee; padding: 0px; margin: 0px 10px 0px 0px;}
.box3 h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box3 img {margin: 5px 10px 0px 10px; border: 1px solid #7e8aa2; padding: 2px;}
.box3 p {padding: 0px 10px 0px 10px;}
.box3 ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box3 dl {padding: 0px 10px 0px 10px;}
.box3_inner {min-height: 18em;}

.box3a {float: left; width: 240px; background: #eee; padding: 0px; margin: 0px;}
.box3a h2 {background: #7e8aa2; color: #000; padding: 0px 0px 4px 10px; font-size: 0.9em; text-transform:uppercase;}
.box3a img {margin: 5px 10px 0px 10px; border: 1px solid #7e8aa2; padding: 2px;}
.box3a p {padding: 0px 10px 0px 10px;}
.box3a ul {list-style-type: none; margin: 0px; padding: 0px 10px 0px 10px;}
.box3a dl {padding: 0px 10px 0px 10px;}
.box3a_inner {min-height: 18em;}

/* Content Specific--------------------------------- */

.sidebar {float: right; padding: 0px; margin: 0px 0px 10px 10px; background: #fff;}
.sidebar2 {float: right; width: 250px; padding: 0px; margin: 0px 0px 10px 10px; background: #fff;}
.sidebar2 img {border: 1px solid #bbb;}
.floatright {float: right; margin: 0px 0px 15px 15px;}
.section {clear: both; border-bottom: 1px solid #bbb; margin: 10px 0px 10px 0px;}
.update {color: #eee; margin-left: 20px;}

#toc {border: 1px solid #bbb; padding: 5px; margin: 0px 0px 15px 0px; width: 100%;}
#toc a {text-decoration: none;}
#toc a:hover {text-decoration: underline;}
#content h1 {padding-bottom: 20px;}

.update {color: #eee; margin-left: 20px;}
.challenge1 {font-style: italic; font-weight: bold;}
.challenge2 {font-style: italic;}
.constraint {margin-left: 5em; margin-right: 25em; line-height: 1em; border: solid thin; padding: 8px;}
.constraint1 {font-size: .9em; font-style: italic; padding: 1px;}
.constraint2 {font-style: italic; font-size: .9em;}
.solution1 {font-weight: bold;}
.result1 {font-weight: bold;}
.footer-list  {margin-left: 40px;}
.justify p {text-align: justify}
.sidebar, .sidebar2, .floatright, .right-noborder, .left-noborder, .caption {font-style: italic;}

/* Print--------------------------------- */

@media print {
body {margin: 0px; padding: 0px; background: #fff; color: #000; font-family: Arial, Verdana, Sans-serif;}
#printbanner {display: block; width: 100%; text-align: left; vertical-align: middle; letter-spacing: 5px; border-top: 1px solid #091252; border-bottom: 1px solid #091252;}
#printbanner h1 {margin: 0px; padding: 5px 0px 5px 5px; color: #091252; font-weight: bold;}
#printbanner h2 {margin: 0px; padding: 0px 0px 5px 5px; color: #091252;}
#wrapper-top, #banner, #earth, #navbar, #nav2, #footer {display: none;}
#content, #maincontent {margin: 0px; padding: 0px; background: #fff;}
#wrapper, #wrapper-portal {width: 100%; margin: 15px 0px 5px 0px; text-align: left;}
.box1 {width: 37.5%;}
.box2 {width: 20%;}
.box3 {width: 75%;}
.box4 {width: 20%;}
.sidebar, .sidebar2, .floatright, .right-noborder, .left-noborder {float: none;}
 }