/* Basic styles for real old browsers */

body { font-family:Arial, Helvetica, sans-serif; font-size:85%;}
img { border:0; display:block;}
 a:link,  a:visited { color:#006699; text-decoration:underline;}
 a:hover { color:#333;}
dl dt { margin-left:10px;}
dl dd { margin-left:10px;}
.hidden { height: 0; width: 0; overflow: hidden; position: absolute;}
.textonly { display:none;}
.imagesandtext { display:none;}

#headimage img { display:none;}
#nasahead {width:auto; height:auto;}

/* NASA Header */

#nasahead { position:relative; background:transparent url(../webdesign/nasa-logo.png) no-repeat top left;  width:950px;  height:98px; margin:-106px 0 0 0; padding:0;}

#nasahome { display:inline; position:absolute;}
#nasahead img { padding:0; float:left;} #nasahead #searchbox { position:absolute; top:0; right:0px; height:98px; width:252px;}
#nasahead form { margin:25px 0px 0 0px; padding:0px 15px 6px 0px;}
#input[type=text]{color:#FFF;}
.dark{  position:absolute;  top:0; right:0px;}
.dark input[type=text]{ border:0; height:34px; width:165px; margin-right:45px; background:#333  no-repeat; color:#FFF;}
.nasalogo img{opacity:1;}
.nasalogo img:hover { opacity:.6;}

/* BANNER */

#headimage { position:relative; clear:both; padding-top:0px; padding-bottom:6px; width:955px;}
#headimage h1 { display:none;} #headimage img { display:block; margin-left:auto; width:955px;}

/*  MAIN PAGE DEFINITIONS */

div#paperTop { position:relative; margin:114px auto 0 auto; padding:0; width:955px; z-index:6;}
div#paper { position:relative; margin:0px auto 0 auto; padding:0px; width:952px; z-index:2; background-color:transparent; margin-top:88px; }
div#paper h1 { color:#FFFFFF;  font-size:40px; line-height:110%;  text-align:left;  font-weight:100; font-family:times;  }  
div#paper h2  { font-size:18px; line-height:26px; font-weight:normal; color:#336699; margin:10px;    font-family:Arial, Helvetica, sans-serif; }  
div#paper h3   { font-size:26px;  line-height:26px;  font-weight:normal;  margin:0; margin-top:0px; padding:0;    font-family:Arial, Helvetica, sans-serif; }  

div#paperwhite { position:relative;   margin:0px;  width:900px; z-index:2; background-color:#FFFFFF;  text-align:left;  padding:20px;  }


div#paperdkgry { position:relative;   margin:0px auto 0 auto;  width:900px; z-index:2; background-color:#333;   text-align:left;  padding:20px; margin-top:0px; }


div#paperblack { position:relative;   margin:0px auto 0 auto;  width:900px; z-index:2; background-color:#000000;  text-align:left;  padding:20px; margin-top:0px; color:#888;  border:1px solid #000  ;   }

#bkg_surround {position:relative; top:-30px; border:0; margin:0; padding:0; z-index:1;}

div#paperwhite  h1 { font-size:33px;  font-weight:normal; margin:10px; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:110%;  }  
div#paperwhite  h2 { font-size:22px; line-height:26px; font-weight:normal; color:#336699; margin:10px;   font-family:Arial, Helvetica, sans-serif; }  
div#paperwhite  h3 { font-size:22px; line-height:26px;  font-weight:normal;  margin:10px;  padding:0;    font-family:Arial, Helvetica, sans-serif; }  
div#paperwhite  h4 { font-size:19px; font-family:Arial, Helvetica, sans-serif;   font-weight:normal ; color:#000; margin:10px;  line-height:115%;}
div#paperwhite  h5 { font-size:14px; color:#000;  font-weight:normal; margin:10px;  padding:0;  line-height:110%;  padding-top: 10px ;}
div#paperwhite  h6 { font-size:18px; color:#666;  line-height:22px; font-weight:normal; margin:0; padding:0;  padding-top: 20px ;}
div#paperwhite  h7 { font-size:17px; font-weight:normal; color:#666; padding:0;}
div#paperwhite  h8 { font-size:17px; font-weight:normal; color:#666; padding:0;}
div#paperwhite  h9 { font-size:17px; font-weight:normal; color:#666; padding:0;}

#bkg_layer { position:absolute; background: transparent url(../webdesign/auraBG.png) no-repeat center top; height: 800px;  width: 100%;}

body { font-family: Arial,Helvetica,sans-serif; font-size:13px; line-height:130%; color:#000; background:#000;   margin:0; margin-bottom:10px; text-align:center;}

ul { padding-left:5px; list-style-position:outside; text-align:left; line-height:110%; margin-top: 5px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px;  list-style-image: url(../webdesign/plus.gif);}
ol { padding-left:5px; list-style-position:outside; text-align:left; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;  list-style-type: lower-alpha;}
li { padding-bottom:5px; margin-left: 20px; line-height:18px; }
dl {  margin-top: 5px; margin-left: 30px; font-size:14px;  text-align: left;  color: #666; list-style-image: url(../webdesign/plus.gif);}
 a:link { color:#668CC2; text-decoration:none;}
 a:visited { color:#668CC2; text-decoration:none;}
 a:active { color:#D32424; text-decoration:underline;}
 a:hover { color:#0099ff; text-decoration:underline;}
p { font-size:13px; line-height:18px;  text-align:left; margin:10px; }

img { border:0; display:block;}

div.clear { clear:both; margin:0; border:0; padding:0;}
div.clearleft { clear:left; margin:0; border:0; padding:0;}

/* SOCIAL MEDIA */

#socialtop img {padding:0px; margin:0px;}
#socialtop a{ text-align:left; padding:5px; background-color:#000000; background-image:none; border-width:0px; font:12px Arial; color:#FFFFFF; text-decoration:none;}

/* SOCIAL DROP DOWN MENU */
ul#socialmenu ul{ display:none; position:absolute; left:0px; top:60%; background-color:#000000; background-image:none; border-width:0px; padding:0px;}
ul#socialmenu li:hover>*{display:block;}
ul#socialmenu li{  position:relative; display:block; white-space:nowrap; font-size:0;  float:left;}
ul#socialmenu li:hover{ z-index:1;}
ul#socialmenu a{ display:block;}
ul#socialmenu ul li {float:left; margin: 0px ;}
ul#socialmenu ul a{ text-align:left;  background-image:none; border-width:0px 0 0 0; border-style:solid; border-color:#000000; font:12px Arial; color:#FFFFFF; text-decoration:none;}
ul#socialmenu img{ height:40px; width:40px; padding:0px; float:left; position:relative; opacity:1;}
ul#socialmenu  img:hover { opacity:.6;}

/* NASA Footer */

#nasafoot { position:relative; width:955px; height:150px; clear:both; border-top:0px solid #FFF; margin:0px; background:transparent;}
.nasafoothome img{ display:block; padding-left:10px; opacity:1;}
.nasafoothome img:hover { opacity:.6;}
#nasafootsignature { position:absolute; left:108px; top:10px; color:#b2b2b2; padding-top:10px; padding-left:10px;}
#nasafootsignature img{ width:162px; height:68px; opacity:1;}
#nasafootsignature  img:hover { opacity:.6;}
#nasafooter { position:absolute; left:0px; top:0px; width:162px; height:68px;}
#nasafootrno { color:#b2b2b2; font-size:11px; width:350px;}
#nasafootrno  ul { list-style:none; margin:0px; padding: 0px;}
#nasafootrno  ul li { margin:0px 0px 5px 0px; padding:0 0 0 12px;}
#nasafootrno  ul li  a:link, #nasafootplus ul li  a:visited { text-decoration:none; color:#CCC; font-size:12px;}
#nasafootrno  ul li  a:hover { text-decoration:underline;}
#nasafootplus { position:absolute; right:0px; top:0; color:#b2b2b2; font-size:11px; width:300px;}
#nasafootplus  h1{ position:relative; color:#666; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:16px; padding-top:10px; padding-left:0px; padding-bottom:0px; font-weight:normal;}
#nasafootplus ul { list-style:none; margin-top: 10px; margin-right: 15px; margin-bottom: 15px; margin-left: 3px; padding: 0px;}
#nasafootplus ul li { margin:0px 0px 5px 0px; padding:0 0 0 12px;}
#nasafootplus ul li  a:link, #nasafootplus ul li  a:visited { text-decoration:none; color:#CCC; font-size:15px;  line-height:16px;}
#nasafootplus ul li  a:hover { text-decoration:underline;}

#nasafootlinks { position:absolute; left:350px; right:260px; top:20px; color:#CCC; font-size:11px;}
#nasafootlinks img{ height:40px; width:40px; padding:2px; float:left; position:relative; opacity:1;}
#nasafootlinks img:hover { opacity:.6;}
#nasafootpriv  { position:absolute; border-left:0px solid #FFF; left:880px; right:300px; top:20px; color:#CCC; font-size:11px;}
#nasafootpriv  img{ height:40px; width:40px; padding:2px; position:relative; opacity:1;}
#nasafootpriv a:link,  #nasafootpriv  a:visited { text-decoration:none; color:#CCC; font-size:11px;}
#nasafootpriv  img:hover { opacity:.6;}

.nasafblink { position:absolute; left:350px; right:260px; top:20px; color:#CCC; font-size:11px;}
.nasafblink img{  padding:2px; float:left; position:relative; opacity:1;}
.nasafblink img:hover { opacity:.6;}

/* Image Opacity Scrollover*/

img.scrollover { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
img.scrollover:hover { opacity:.7; filter:alpha(opacity=60); /* For IE8 and earlier */ }

/* BOX */

.box {border:1px solid gray; padding:20px; margin:10px;}
.bold {font-weight:bold;}
.boldred {font-weight:bold; color:red;}
.italic {font-style:italic;}
a {font-weight:bold;}

/* 3 COLUMN  */

.cols3 { text-align:left; background-size:100% auto;  border:1px solid gray; padding:20px; margin:10px;    -webkit-column-count: 3; -webkit-column-gap: 20px; -webkit-column-rule: 1px solid #666; -moz-column-count: 3; -moz-column-gap: 20px; -moz-column-rule: 1px solid #666; column-count: 3; column-gap: 20px; column-rule: 1px solid #666; text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);} .cols3 li { padding-bottom:10px; margin-left: 20px;}

/* TOP MENU  */

ul#css3menu1,ul#css3menu1 ul{margin:0;list-style:none;padding:0;background-color:#000;background-repeat:repeat;border-width:0px;border-style:solid;  border-color:#000000; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{display:none;position:absolute;left:0;top:100%;-webkit-box-shadow:0.7px 0.7px 1px #000000;box-shadow:0.7px 0.7px 1px #000000;background-color:#003366; background-image:none;border-width:1px; border-style:solid; border-color:#000000; padding:0 9px 9px;}
ul#css3menu1 li:hover>*{display:block;}
ul#css3menu1 li{position:relative;display:block;white-space:nowrap; float:left;}
ul#css3menu1 li:hover{z-index:9;}
ul#css3menu1 ul ul{position:absolute;left:100%;top:0;}
ul#css3menu1{ position:relative; padding:0px 0px 0px 0;}
* html ul#css3menu1 li a{display:inline-block;}
ul#css3menu1>li{margin:0 0 0 1px;}
ul#css3menu1 ul>li{margin:1px 0 0;}
ul#css3menu1  a:active, ul#css3menu1  a:focus{outline-style:none;}
ul#css3menu1 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font: 15px  Tahoma, Arial;color:#FFFFFF;cursor:default;padding:10px;background-color:#333;  background-repeat:repeat;background-position:0 0px;border-width:0px;border-style:none;}

ul#css3menu1 ul li{float:left;margin:6px 20px 6px 6px;   }

ul#css3menu1 ul a{text-align:left;padding:8px 0 0 0;background-color:#003366;background-image:none;border-width:0px 0 0 0;border-style:solid;border-color:#003366;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma, Arial;color:#FFFFFF;text-decoration:none;}

ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{background-color:#003366;border-style:none;color:#ffffff;background-position:0 0px;text-decoration:none;}
ul#css3menu1 span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{background-color:#003366; background-image:none;border-style:solid;border-color:#003366;color:#FFFFFF;text-decoration:underline;}

/* Clear MENU  */

ul#css3menu2,ul#css3menu2 ul{margin:0;list-style:none;padding:0;background-color:#000;background-repeat:repeat;border-width:0px;border-style:solid;  border-color:#000000; -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu2 ul{display:none;position:absolute;left:0;top:100%;-webkit-box-shadow:0.7px 0.7px 1px #000000;box-shadow:0.7px 0.7px 1px #000000;background-color:#003366; background-image:none;border-width:1px; border-style:solid; border-color:#000000; padding:0 9px 9px;}
ul#css3menu2 li:hover>*{display:block;}
ul#css3menu2 li{position:relative;display:block;white-space:nowrap; float:left;}
ul#css3menu2 li:hover{z-index:9;}
ul#css3menu2 ul ul{position:absolute;left:100%;top:0;}
ul#css3menu2{ position:relative; padding:0px 0px 0px 0;}
* html ul#css3menu2 li a{display:inline-block;}
ul#css3menu2>li{margin:0 0 0 1px;}
ul#css3menu2 ul>li{margin:1px 0 0;}
ul#css3menu2  a:active, ul#css3menu2  a:focus{outline-style:none;}
ul#css3menu2 a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font: 15px  Tahoma, Arial;color:#FFFFFF;cursor:default;padding:10px;background-color:transparent;  background-repeat:repeat;background-position:0 0px;border-width:1px; border-color:#000000; border-style:solid; }
ul#css3menu2 ul li{float:none;margin:3px 0 0;}
ul#css3menu2 ul a{text-align:left;padding:10px 0 0 0;background-color:#003366;background-image:none;border-width:0px 0 0 0;border-style:solid;border-color:#000000;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma, Arial;color:#FFFFFF;text-decoration:none;}
ul#css3menu2 li:hover>a,ul#css3menu2 li a.pressed{background-color:#003366; border-width:1px; border-color:#000000; border-style:solid; }
ul#css3menu2 span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu2 ul span{background-image:url("arrow.gif");padding-right:10px;}
ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{background-color:#003366; background-image:none;border-style:solid;border-color:#003366;color:#FFFFFF;text-decoration:underline;}

/* LEFT SIDE MENU Styles */

.leftnav { width:200px; margin:0px 0px 0px 0px; border:0px solid #FF0000;  float:left;}
.leftnav h1 {color:#FFF; font-size:20px;  margin:0px;}
.leftnav ul { width:185px; list-style:none; padding:2px; padding-top: 5px; margin:0;  margin-top:0px; border:0; background:#222;}
.leftnav ul li { text-align:left; margin:0; padding:2px;}
.leftnav ul li a { display:block; font-size:13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-decoration:none; color:#CCC; border-bottom:0px solid #666; border-bottom:0px solid #000;  padding-top: 0px; padding-right: 5px; padding-bottom: 6px; padding-left: 12px;  background:url(../webdesign/rsaquo_gray.gif) 0px 1px no-repeat;}
.leftnav ul li  a:hover { color:#FFF;}

#rightcontent {position:relative;float:right;background:#fff; text-align:left;width:715px;margin:0px 6px 0px 0px;padding:20px;} 

/* FULL Screen INTRO Feature */

#fullscreenfeature  div.largeleft{ float:left; width:620px;  height:400px; border:0px; margin:0px; padding: 0px; background:transparent;  color:#FFF; font-size:11px; line-height:12px;}
#fullscreenfeature  div.largeright{ float:right; width:620px; border:0px ; margin:0px; padding: 0px; 

 background: #000; color:#999; font-size:11px; line-height:12px;}
#fullfeaturebody { margin:0px;  background:transparent; padding:0px;}


/*  Full Three Column  */

.threecol1 {background-color:#fff;  width: 270px; margin-left:1px; vertical-align:top; color:#000;  float:left;  padding:10px; border-left:1px solid #666;  border-right:1px solid #666; }
.threecol2 {background-color:#fff;  width: 270px; margin-left:1px; vertical-align:top; color:#000;  float:left;  padding:10px; border:0px; }

/*  Full Two Column White bg  */

.twocolleft {background-color:#FFF; width: 582px;  vertical-align:top; font-size:14px; float:left;  padding:10px;}
.twocolright {background-color:#FFF;  width: 292px;  vertical-align:top; float:right;  padding:10px;}

/* D LIST*/

#dl { position:relative; margin:0px  0px 10px 0px; padding:0;}
#dl dt  a:hover { text-decoration:underline; margin:0px 0px 0px 0px;}
#dl dt { margin:0px 0px 0px 0px; padding:0;}
#dl dd { margin:0px  0px 0px 0px; padding:0;}

/*Two Column styles */

.urone { background:transparent; float:left; width:600px; margin:0 0px 0 0px; padding:0 0 0 0px;}
.urtwo { margin:0 -5px 0 0;  padding:0; margin-left:620px;}

/* Special FORMATTING */

div#introfeature { z-index:10; margin:10px 10px 10px 10px;}
#introltgray { position:relative; font-family: Arial, Helvetica, sans-serif; text-decoration:none;  color:#666666; font-size:14px; line-height:20px; font-weight:normal; text-align:left;}
#introltgray  a:link,  #rightltgray v:link  { font-family: Arial, Helvetica, sans-serif; text-decoration:none; color:#000; font-size:13px;}
#introltgray a:hover { text-decoration:underline;}

/* FULL SCREEN */

#fullscreen { position:relative; float:right; background:transparent; border:0; text-align:left; width:949px; margin:0px ; padding:0px;}
#fullscreenwhite { position:relative; float:left; background:#FFF;  border:0; text-align:left; width:922px; margin:2px 0px  0px  2px ; padding:8px;}
.fullscreen { position:relative; float:right; background:transparent; border:0; text-align:left; width:949px; margin:0px ; padding:0px;}
.fullscreenwhite { position:relative; float:left; background:#FFF;  border:0; text-align:left; width:928px; margin:2px 0px  0px  2px ; padding:8px;}
.fullscreenwhite  h9{ border-bottom:0px; font-family: Arial,Helvetica,sans-serif; color:#006699; line-height:18px; font-size:15px;  margin-left:620px;}

p.caption { font-size:13px;  line-height:16px;  text-align:left;   color:#666666;}
p.right {  float:right;}

/*TABLES Basic */

.quicktable{  display: table; padding: 0px; margin: 0px 20px 5px 400px ;}
.quickrow{  display: table-row; vertical-align: center; padding:0px; border-left: 0px;}
.quickcell{  display: table-cell; vertical-align: top; padding:5px;  text-align: left; margin: 1px; border: 0px  ;}

.table{  display: table; padding: 0px; margin: 20px ;  text-align: center;  width:96%;}
.row{  display: table-row; vertical-align: center; padding:0px; border-left: 0px;}
.cell{  display: table-cell; vertical-align: top; padding:5px;  text-align: left; margin: 1px; border: 0px  ;}
.celltop{  display: table-cell; vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 2px; text-align: center;  margin: 1px;  }


.cellwithborder { display: table-cell; padding:10px; border: 1px solid #666;   font-family: Arial; color: #ffffff; }

.darktable { display: table; font-size:12px; margin-bottom:10px; width:100%;  font-family: Arial; color: #ffffff; background: #333;  border: 1px solid #000;}
.darkrow { display: table-row;}
.darkcell1 { display: table-cell; padding:10px; border-right: 1px solid #000;  border-top: 1px solid #333;  background: #444; font-family: Arial; color: #ffffff;}
.darkcell2 { display: table-cell; padding:10px; border-right: 1px solid #000;  border: 0px solid #333; background: #333;  font-family: Arial; color: #ffffff;}
.darkcell3 { display: table-cell; padding:10px; border-right: 1px solid #000;  border-right: 1px solid #333; border-bottom: 1px solid #333;  background: #000;  font-family: Arial; color: #ffffff;}
.darkcell4 { display: table-cell; padding:10px;  border:0px;  border-top: 0px solid white;  border-bottom: 0px solid white; background: #333;  font-family: Arial; color: #ffffff;}
.darkcell5 { display: table-cell; padding:10px;  border:0px;  border-top: 0px solid white;  border-bottom: 0px solid white; background: #333;  font-family: Arial; color: #ffffff;  width:100%  }

/*  Mission Header*/

.missionhead { display: table; font-size:14px; margin-bottom:1px; border: 0px;  width:100%;  color: #ffffff;}
.missionhead  a{  color: #ffffff;}
.missionhead  h1{  color: #ffffff; border-bottom: 1px solid white;  text-align:center;  font-size:19px;  line-height: 0px  ;}

.missionheadcell { background: #3498db; background-image: -webkit-linear-gradient(top, #336699, #2980b9); background-image: -moz-linear-gradient(top, #336699, #2980b9); background-image: -ms-linear-gradient(top, #336699, #2980b9); background-image: -o-linear-gradient(top, #336699, #2980b9); background-image: linear-gradient(to bottom, #336699, #2980b9); font-family: Arial; color: #ffffff; line-height: 20px; width: 290px; padding: 10px 20px 10px 20px; text-decoration: none;  display: table-cell; text-align:center; border-right: 1px solid black;}

.missionheadcell:hover { background: #3cb0fd; color: #ffffff; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none;}

/* IMAGE with CAPTION*/

.imageRight {font-size: 12px; line-height: 13px;  color:#666;  text-align:center;  

  font-weight:normal;  float:right;  padding: 0px;  width: 500px; margin-left:20px;  margin-bottom:20px;}
.imageRight img {width: 500px; float:right;}

.imageRightSmall {font-size: 12px; line-height: 13px;  color:#666;  text-align:center;  

  font-weight:normal;  float:right;  padding: 0px;  width: 250px; margin-left:20px;  margin-bottom:20px;}
.imageRightSmall img {width: 250px;}

.imageLeft {font-size: 12px; line-height: 13px;  color:#666; text-align:center; 

  font-weight:normal;  float:left;  padding: 0px;  width: 500px; margin-right:20px; margin-bottom:20px;}
.imageLeft  img {width:500px;}
.imageLeftSmall {font-size: 12px; line-height: 13px;  color:#666; text-align:center; 

 font-weight:normal;  float:left;  padding: 0px;  width: 250px; margin:20px;}
.imageLeftSmall img {width: 250px;}
.imageCenter {font-size: 12px; line-height: 13px;  color:#666;  text-align:center; 

  font-weight:normal;  float:left; padding: 0px;  width: 100%;  margin-bottom:20px;}
.imageCenter img {width: 100%;}

.image100percent img {font-size: 12px; line-height: 13px;  color:#666;  text-align:center;  

  font-weight:normal;  float:right;  padding: 0px;  width: 918px; margin-right:2px;  margin-bottom:2px;}
.image50percent img {font-size: 12px; line-height: 13px;  color:#666;  text-align:center;  

  font-weight:normal;  float:right;  padding: 0px;  width: 458px; margin-right:2px;  margin-bottom:2px;}

/* FIGURE*/

figure { cursor: pointer; margin: 10px ; overflow: hidden; position: relative; float: right;}
figure:hover figcaption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; bottom: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
figure a { color: white; text-decoration: none;}
figcaption { background-color: rgba(255,255,255,.9) ; height: 50px; padding: 5px; opacity: 0; position: absolute; bottom: -100%; width: 900px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; -o-transition-delay: .5s; -ms-transition-delay: .5s; transition-delay: .5s;}

/* whats new gallery */

.lgfeature { position:relative;  margin: 10px  10px 50px 10px ; padding:0;  text-align:left;}
.lgfeature img { margin:0; float:left;  padding:0px 20px 15px 0px; width:270px;}
.lgfeature dl { padding:10px 10px 10px 10px; margin:0px 35px 0px 110px; color:#000; text-align:left;}
.lgfeature dt { padding:0; margin:0; font-weight:bold;}
.lgfeature dd { padding:0; margin:0;}
.lgfeature dd a { color:#004d93; text-decoration:none; display:inline;} 
.lgfeature dd  a:visited { color: #004d93; text-decoration:none; display:inline;} 
.lgfeature dd  a:hover { color:#668CC2;  text-decoration:underline; display:inline;}

/* science feature gallery */

.sciencefeature { position:relative;  margin: 10px 10px 50px 10px ; padding:0; height:90px;  text-align:left;}
.sciencefeature img { margin:0; float:left;  padding:0px 20px 15px 0px; width:100px;}
.sciencefeature dl { padding:10px 10px 10px 10px; margin:0px 35px 0px 110px; color:#000; text-align:left;}
.sciencefeature dt { padding:0; margin:0; font-weight:bold;}
.sciencefeature dd { padding:0; margin:0;}
.sciencefeature dd a { color:#004d93; text-decoration:none; display:inline;} 
.sciencefeature dd  a:visited { color: #004d93; text-decoration:none; display:inline;} 
.sciencefeature dd  a:hover { color:#668CC2;  text-decoration:underline; display:inline;}

/* newsroom listing */

.newsitem { position:relative;  margin: 10px  10px 10px 10px ; padding:0;  text-align:left;}
.newsitem img { margin:0; float:left;  padding:0px 10px 10px 0px; width:30px;}
.newsitem dl { padding:10px 10px 10px 10px; margin:0px 35px 0px 110px; color:#000; text-align:left;}
.newsitem dt { padding:0; margin:0; font-weight:bold;}
.newsitem dd { padding:0; margin:0;}
.newsitem dd a { color:#004d93; text-decoration:none; display:inline;} 
.newsitem dd  a:visited { color: #004d93; text-decoration:none; display:inline;} 
.newsitem dd  a:hover { color:#668CC2;  text-decoration:underline; display:inline;} 

/* gallery */

.gallery { margin:0px;padding:6px; border:0px solid #cccccc; height:auto; width:100%; float:left; text-align:left;  }
.gallery img { display:inline; margin:6px;padding:0px; border:1px solid #ffffff; }
.gallery  a:hover img { border:1px solid #000000;opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ }
.desc { text-align:center; font-weight:normal; width:280px; margin:0px;}

/* team gallery */

.team { background-color:#003366; margin:6px;padding:6px; border:1px solid #cccccc;   float:left; text-align:left;  width:204px; height:320px; ;}
.team  img { display:inline; margin:6px;padding:0px; border:1px solid #ffffff; width:190px;}
.team  img  a:hover  { background-color:#336699; border:1px solid #000000; opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ }
.teamdesc { text-align:center; font-weight:normal; width:110px; margin:0px;}
.team h1 { font-size:23px; font-weight:normal; color:#336699; margin:0; padding-top: 20px ;}
.team h2 { font-size:16px; font-weight:bold; margin:0; margin-top:0px; padding:0;}
.team h3 { font-size:18px; font-weight:bold; margin:0; margin-top:20px; padding:0;}

/* BASIC SCROLLOVER BUTTON LINK*/

p.buttonlink a:link  { background-color:#003366; text-decoration: none; color: #FFF; padding:10px; font-size:11px; font-weight:normal; }
p.buttonlink a:visited { background-color:#003366; text-decoration: none; color: #FFF; font-size:11px;}
p.buttonlink a:hover {  background-color:#336699; text-decoration:none; color: #FFF;  font-size:11px;}
p.buttonlink a:active { text-decoration: none; color: #FFF; font-size:11px;}

.btn  { background:#003366; padding: 15px; margin:5px; text-decoration: none;   float:right; font-weight:normal;}
.btn a  {  font-family: Arial; font-size:16px; line-height:18px;  text-decoration:none;  color: #ffffff;}
.btn:hover { color: #ffffff;  background:#336699;  text-decoration: none;}

.btn2  {float:left;  background:#333;  padding: 15px;  margin:2px 5px 10px 5px; text-decoration: none;   color: #fff; font-weight:normal;  }
.btn2  img {width:150px; float:left; padding-right:9px;}
.btn2 a  {font-family: Arial; font-size:17px; line-height:20px; text-decoration:none; color: #fff; font-weight:normal;}
.btn2:hover {  color: #fff;  background:#003366;  text-decoration: none;   }

.btn3  { background:#222; padding: 15px; margin:5px; text-decoration: none; margin-bottom:0px;  float:left;  border-radius:5px;}
.btn3 a  {  font-family: Arial; font-size:26px; line-height:28px;  text-decoration:none;  color: #ffffff;}
.btn3:hover { color: #ffffff;  background:#336699;  text-decoration: none;}

/* Floating  BOXES */

.bluebox {float: right; padding: 10px;   font-size:90%; background: #003366;  margin:10px;  width:320px; color:#FFF;}
.bluebox img {  width:98% ; padding:6px 2px 2px 2px;  margin-bottom:2px; display:block;  opacity:1;  filter:alpha(opacity=100);}
.bluebox a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.bluehighlightbox{ 	background-color:#003366;  color:#FFF;  padding:10px;  margin-left:0px; 	margin-right:10px;   	margin-top:2px;  	margin-bottom:2px;  vertical-align:top;  font-size:13px; line-height:14px;}
.bluehighlightbox h1 { font-size:23px; line-height:22px; font-weight:bold; color:#fff; margin:0; padding-top: 10px ;}

.graybox {float: right; padding: 2px 0px 8px 8px;   background: #ccc;   font-family: Arial;  font-size: 13px;  line-height:15px; text-decoration: none; margin:20px 20px 0px 20px; width:320px;}
.graybox img {  width:96% ; padding:6px 2px 2px 2px;  margin-bottom:2px; display:block;  opacity:1;  filter:alpha(opacity=100);}
.graybox a img:hover  {  opacity:.8; filter:alpha(opacity=80);}
.graybox p { font-family: Arial;  font-size: 13px;  line-height:15px;} 

.whitebox {float: right; padding: 2px 0px 8px 8px;  background: #FFF;     font-family: Arial;  font-size: 13px;  line-height:15px; text-decoration: none;  margin:20px 20px 0px 20px; width:300px;   box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.9);}
.whitebox img {  width:96% ; padding:6px 2px 2px 2px;  margin-bottom:2px; display:block;  opacity:1;  filter:alpha(opacity=100);}
.whitebox a img:hover  {  opacity:.8; filter:alpha(opacity=80);}
.whitebox p { font-family: Arial;  font-size: 13px;  line-height:15px;} 

.largeleftwhitebox {float: left; padding: 2px 0px 8px 8px;  background: #FFF;   font-family: Arial;  font-size: 13px;  line-height:15px; text-decoration: none;  margin:5px;  width:500px;}
.largeleftwhitebox  img {  width:96% ; padding:6px 2px 2px 2px;  margin-bottom:2px; display:block;  opacity:1;  filter:alpha(opacity=100);}
.largeleftwhitebox  a img:hover  {  opacity:.8; filter:alpha(opacity=80);}
.largeleftwhitebox  p { font-family: Arial;  font-size: 13px;  line-height:15px;} 

.saltbox {display: inline-block; line-height: 10px; /*Same as height*/  padding-left: 5px;  padding-right: 5px;  padding-top: 5px;  padding-bottom: 10px;  margin: 10px 10px 10px  0px; font-size: 12px; font-weight: bold; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
.saltbox p { display: inline-block; line-height: 20px; /*Same as height*/ padding:20px;  margin: 15px; font-size: 14px;}

/*  Original  WIDE Content styles -without Side Navigation */

.wideleft {  border:0px solid red;  margin-left:0px;   width:600px;  padding-left:20px;  padding-top:10px;  background:#FFF;  float:left; 
 text-align:left;} 
.widerighttransparent {  border:0px solid blue;  margin-left:640px;  padding:0px;  background:transparent; 
 text-align:left;} 
.widerightvideo {  border:0px solid ;  margin-left:640px;  padding-left:0px;  padding-top:10px;  background:transparent;} 
.widerightwhite { border:0px solid  #CCCCCC; margin-left:640px; margin-right:10px;  margin-top:0px; margin-bottom:10px; padding-left:10px; padding-top:10px;  padding-bottom:10px; background-color:#FFF; text-align:left;} 
.widerightwhite img {   padding:2px;  margin-bottom:2px;  width:250px;}
.widerightblue { background: #003366; 
 margin-left:640px; margin-right:10px; padding-left:10px; padding-top:0px; padding-bottom:10px; padding-right:5px; text-align:left; color:#FFFFFF;} 
.widerightblue h1 {color:#FFFFFF; font-weight:normal; line-height:105%;} 

/* FADED BOXES  */

.threesquare { background-color:#003366;   height:290px; width: 309px;  padding:0px; margin-left:5px; margin-right:2px; margin-top:0px; margin-bottom:5px; vertical-align:top; color:#FFF; float:left;}
.threesquare p { padding-left:10px;  font-size:12px;  line-height:13px;  text-align:left;}
.threesquare h1 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:12px;  padding:10px; font-weight:bold ; border-bottom:0px ;  text-align:left;}
.threesquare img {  padding-left:0px; padding-right:0px;  padding-top:0px;  margin:0px; width:100%; opacity:1;}
.threesquare img:hover {  opacity:.7;}

.foursquare { background:transparent;   width: 230px;  padding:0px; margin-left:5px; margin-right:2px; margin-top:0px; margin-bottom:5px; vertical-align:top; color:#FFF; float:left;}
.foursquare p { padding-left:10px;  font-size:12px;  line-height:13px;  text-align:left;}
.foursquare h1 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:12px;  padding:10px; font-weight:bold ; border-bottom:0px ;  text-align:left;}
.foursquare img {  padding:10px;  margin:0px; width:95%; opacity:1;}
.foursquare img:hover {  opacity:.7;}

.longfullcol{ background:#333; width: 925px;  margin-left:5px; margin-bottom:5px; padding:10px; padding-left:6px;}
.longleftcol { background:#333;   width: 630px;}
.longleftcol  h1 { position:relative; color:#ccc; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:17px;  line-height:17px;  font-weight:bold ; border-bottom:0px ;  text-align:left;}
.longleftcol  h2 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:15px;  line-height:15px;   font-weight:bold ; border-bottom:0px ;  text-align:left; padding-bottom:20px;}
.longleftcol  img.intro{ width:100%;}
.longleftcol p {  color:#ccc;  font-size:12px;  line-height:14px; text-align:left;}

.longrightcol {width: 300px;  margin-right:2px; vertical-align:top; color:#FFF; float:right;  padding:5px;}
.longrightcol  p { padding-left:0px;  font-size:12px;  line-height:14px; text-align:left;}
.longrightcol  h1 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:18px; line-height:20px;  padding:0px; font-weight:normal ; border-bottom:0px ;  text-align:left;}
.longrightcol  h2 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:16px; line-height:18px;  padding:0px; font-weight:normal ; border-bottom:0px ;  text-align:left;}
.longrightcol img {  padding-left:10px; padding-right:5px;  padding-top:10px;  margin:0px; width:93%;}

.introleft {  width: 705px; margin-left: 1px; margin-right:5px; margin-top:2px; margin-bottom:5px;}
.introleft  h1 { position:relative; color:#ccc; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:17px;  line-height:17px;  padding:10px; font-weight:normal; border-bottom:0px ;  text-align:left;}
.introleft  h2 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:15px;  line-height:15px;  padding-left:10px; font-weight:normal; border-bottom:0px ;  text-align:left; padding-bottom:20px;}
.introleft  img.intro{ width:100%;}
.introleft  p { padding-left:10px;  color:#ccc;  font-size:12px;  line-height:14px; text-align:left;}
.introleft  img.other{  padding:10px; margin:0px;}

.introright {width: 230px;  margin-right:2px; vertical-align:top; color:#FFF; float:right;  padding:5px;}
.introright  p { padding-left:10px;  font-size:11px;  line-height:12px;}
.introright  h1 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:20px; line-height:26px;  padding:10px; font-weight:normal ; border-bottom:0px ;  text-align:left;}
.introright  h2 { position:relative; color:#FFF; font-family:Lucida Grande, Arial,Helvetica,sans-serif; font-size:20px; line-height:20px;  padding:10px; font-weight:normal ; border-bottom:0px ;  text-align:left;}
.introright img {  padding-left:10px; padding-right:10px;  padding-top:10px;  margin:0px; width:93%;}

/* captions */

.titlecaption  { background:transparent;    text-decoration: none;   padding:10px; font-size: 18px;  line-height:18px; border-bottom:1px; color:#FFF; text-align:left;}
.titlecaption  a:link  {  text-decoration: none; color: #FFF;  font-size: 15px;}
.titlecaption  a:visited  { background-color:#000;  border:1px; text-decoration: none; color: #FFF;}
.titlecaption  a:hover { text-decoration:none; color: #3399ff;}
.titlecaption  a:active { text-decoration: none; color: #FFF;}

.bigtitlecaption  {  background-color:#003366; text-decoration: none; color: #FFF;  padding:10px; font-size: 19px;  line-height:21px; text-align:left;}
.bigtitlecaption  a:link  {  text-decoration: none; color: #FFF;}
.bigtitlecaption  a:visited  { background-color:#000;  border:1px; text-decoration: none; color: #FFF;}
.bigtitlecaption  a:hover { text-decoration:none; color: #3399ff;}
.bigtitlecaption  a:active { text-decoration: none; color: #FFF;}

/* photos with nested captions */

.leftfloat {float: left; padding:2px;  margin-right: 20px;  width:330px;  color:#666;    }
.leftfloat  img {width: 100%;   opacity:1;  filter:alpha(opacity=100);}
.leftfloat a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.leftfloat2 {float: left; padding:2px;  margin-right: 20px;  width:430px;  color:#666;    }
.leftfloat2  img {width: 100%;   opacity:1;  filter:alpha(opacity=100);}
.leftfloat2 a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.leftfloatthumb {float: left; padding:2px 8px 8px 8px;  margin-right:10px;   width:130px;  color:#666;    }
.leftfloatthumb  img {width: 100%;    opacity:1;  filter:alpha(opacity=100);}
.leftfloatthumb a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.leftfloatthumb2 {float: left; padding:2px 8px 8px 8px;  margin-right:10px;   width:100px;  color:#666;    }
.leftfloatthumb2  img {width: 100%;    opacity:1;  filter:alpha(opacity=100);}
.leftfloatthumb2 a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.leftfloatsmall {float: left; padding:2px 8px 8px 8px;  margin-right:10px;   width:200px;  color:#666;    }
.leftfloatsmall  img {width: 100%;    opacity:1;  filter:alpha(opacity=100);}
.leftfloatsmall a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.leftfloatlarge {float: left; padding:2px 8px 8px 8px;  margin: 0;  width:500px;  color:#666;    }
.leftfloatlarge  img {width: 100%;    opacity:1;  filter:alpha(opacity=100);}
.leftfloatlarge a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.rightfloat { float:right; padding-left: 8px;  margin: 0;   width:430px;  color:#666;       }
.rightfloat  img {width: 100%;  opacity:1;  filter:alpha(opacity=100);}
.rightfloat a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.photofull {float: right; padding: 2px 0px 8px 8px;  margin: 0;   width:100%;  color:#666;       }
.photofull img {width: 100%;  opacity:1;  filter:alpha(opacity=100);}
.photofull a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

.rightfloathalf {float: right;  padding:2px 8px 8px 8px;  margin: 0;  width:330px;  color:#666;    }
.rightfloathalf  img {width: 100%;    opacity:1;  filter:alpha(opacity=100);}
.rightfloathalf a img:hover  {  opacity:.8; filter:alpha(opacity=80);}
.rightfloatsmall{float: right; padding:2px 8px 8px 8px;  margin: 0;  width:250px;  color:#666;    }
.rightfloatsmall  img {width: 100%;   opacity:1;  filter:alpha(opacity=100);}
.rightfloatsmall a img:hover  {  opacity:.8; filter:alpha(opacity=80);}

/* gallery  */

.img { padding:3px; border:0px solid #cccccc; height:auto;  float:left; text-align:left; width:31%; margin:6px;}
.img img { display:inline; margin:6px;padding:0px; border:1px solid #ffffff;  width:95%; }
.img a:hover img { border:1px solid #000000;opacity:0.8;filter:alpha(opacity=80); /* For IE8 and earlier */ }
.desc { text-align:left; font-weight:normal; width:280px; margin:0px;}


/* SCROLLER  */

#wrapper { width:935px; }
#paneltwo {display:inline; float:left; margin:0; width:735px; }
#paneltwo div img {border:0; margin:10px 0 0 9px; padding:0;  }
#paneltwo div a {color:#725c4a; text-decoration:none;  }
#paneltwo div a:hover {color:#d34d08;  }
#paneltwo div span {display:block; margin:1px 0 0; }
.controls {float:right; padding:0px; width:180px; }
.controls ul {list-style:none; margin:0; padding:0; text-align:left; }
.controls li {font:1.8em/1.8em Helvetica, Arial ; }
.controls a {color:#666666; display:block; height:57px; outline:none; padding:0; text-decoration:none; }
.controls a:hover {background:url("starover.png") no-repeat 2px 0; color:#cccc00; text-decoration:none; }

div.scroller { margin:0 0 0 0px; overflow: hidden; width: 735px;  }
div.scroller div.section { float:left; font:.95em/1.5em arial, helvetica, sans-serif; margin:0; margin-top:-20em; overflow:hidden; width: 735px;  }
div.scroller div.content { padding:0 0 0 0px;  width: 10000px;  }
div.scroller div.section p, div.scroller div.section h2 {margin:0 0 1em 2px; width:700px; }
div.scroller hr {background:none; border:none; clear:left; color:#fff; height:1px; width:735px; }
#panelone img {border:0px solid #ccc; clear:both; display:inline; float:left; margin:0px 0 0 0px; width:700px; color:#80a610; }
body div.scroller div#estimate div {border:1px dotted #80a610; display:inline; float:left; height:1em; margin:0 0 0px 0px; padding:10px; width:700px; }
body div.scroller div#estimate div p, div.scroller div#estimate div h2 {margin:0 0 .5em; width:700px; }
body div.scroller div#estimate div h2#cost {color:#FFF; }


/* Active IMAGE opacity rollover */
img  { opacity:1;  filter:alpha(opacity=100);}
a img:hover  {  opacity:.8; filter:alpha(opacity=80);}