/* ==== BASICS ==== */

BODY {
	background-color: white;
	/* margin: 0px; */
	/* padding: 0px; */
	background-image: url(pics/backgrounds/Main_BG.jpg);
	background-repeat: no-repeat;
}

P {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.spacer1{
	height: 20px;
	line-height: 50px;
}

ul {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

A {
	text-decoration: none;
	color: #003399;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

A:hover {
	text-decoration: underline;
	color: #AA0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


H1 {
	color: Black;
	font: normal 2.25em Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* RJS changed margin-bottom from -0.5em 2014-03-28. It is not that I want -0.3em, just that 
	 * -0.5em was too much and causing overlaps of things. I'm just as happy with no margin-bottom.
         * I think teh other headers could do with a similar change, but there is no where I have seen yet
	 * where they become completely unreadable. */ 
	margin-bottom: -0.3em;	
}


H2 {
	color: Black;
	font: normal 1.61em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: -0.6em;
}

H3 {
	color: Black;
	font: italic 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: -0.7em;
}

/* RJS 2014-03-28
 * This format is not set in stone or anything partcularly special. It was really just designed to clone as 
 * close to possible how the web archive used to look, but do it in more efficient css instead of
 * inlined gifs. 
 */
shadowbanner
{
  font-size: 28px;
  color:#3046a6;
  font-variant:small-caps;
  text-shadow:3px 3px 6px #707070;
}




img.screenshot {
  border: 2px silver solid;
  }





/* ==== MEDIA SPECIFIC ==== */
.printonly{ 
  display: none;
}
.screenonly{ 
  display: block;
 }



/* ==== FRONT PAGE ==== */


/* --------------- */
/* PHASE2 GUI LINK */
/* --------------- */
#p2gui_link{
	float: left;
	clear: left;
	width: 150px;
	color: #000000;
	font: bold 13px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 2px;
}

#p2gui_link div{
	padding: 8px;
	border: 2px solid #c7c7c7;
}




/* STATUS BOX */

#ct_status{
	float: left;
	clear: left;
	width: 150px;
	color: #000000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 4px;
}

#ct_status div{
	padding: 4px;
	border: 2px solid #c7c7c7;
}

.status_title{
	color: #000;
	font: bold 13px/13px "Courier New", Courier, mono;
	text-decoration: underline;
	margin-top: -0.1em;
	margin-bottom: 0.1em;
}

/* this one for the bodytext */
.bodytext_date{
	color: #000;
	font: 11px "Courier New", Courier, mono;
	margin-top: -0.1em;
}

.status_date{
	color: #000;
	font: 11px "Courier New", Courier, mono;
	margin-top: -0.1em;
}

.status_date_old{
	color: #BB0000;
	font: bold 11px "Courier New", Courier, mono;
	margin-top: -0.1em;
}

.status_body{
	color: #000;
	font: bold 12px "Courier New", Courier, mono;
	margin-top: -0.8em;
	margin-bottom: -0.1em;
}


/* SEARCH BOX */

#ct_search{
	float: left;
	clear: left;
	width: 150px;
	color: #000000;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 4px;
}

#ct_search div{
	padding: 1px;
	/* border: 1px solid #DD0000; */
}








/*==== NEWS BANNER ====*/
#ct_newsbanner{
	width: 600px;
	background-color: #c7c7c7;
	margin-top: 4px;
	position: relative;
}
#ct_newsbanner div{
	border-top: 2px solid #c7c7c7;
	border-right: 2px solid #c7c7c7;
	border-left: 2px solid #c7c7c7;
	padding: 4px;
}
.newsbanner_text{
	color: #616161;
	font: small-caps bold 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/*==== NEWS BOX ====*/
#ct_newsbox{
	width: 600px;
	background-color: #f1f1f1;
	position: relative;
}
#ct_newsbox div{
	border-left: 2px solid #c7c7c7;
	border-bottom: 2px solid #c7c7c7;
	border-right: 2px solid #c7c7c7;
	padding: 4px;
}



.newsbox_title{	
	color: #616161;
	font: 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
} 

.newsbox_date{
	color: #414141;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
}

.newsbox_body{
	color: #000;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}





#ct_pic_right{
	float: right;
	clear: right;
	width: 350px;
	padding: 4px;
	border: 1px solid black;
	margin-left: 4px;
}


#ct_optics_right{
	float: right;
	clear: right;
	width: 204px;
	padding: 4px;
	border: 1px solid black;
	margin-left: 4px;
	margin-bottom: 4px;
}


img.floatRight{
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}



/* ------ */
/* TABLES */
/* ------ */

TD,TH {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 12px;
}

table.noborder {
	border-collapse: collapse;
}

table.genericbox {
	background-color: #F6F7FF;
	border: 2px solid #005599;
}

td.genericboxheader {
	background-color: #C1C2FF;
}

table.archivelist {
	border-collapse: separate;
	border-spacing: 0px 4px;
}

tr.archivelist {
	background-color: #E7EBEF;
}

td.archivedate{
	text-align: right;
	padding: 0px 3px 0px 10px;
}

td.archivelink {
	padding: 0px 3px 0px 10px;
}


table.timeline{
	background-color: #e7ebef;
	border: 1px solid #c3c6c9;
}
td.timeline{
	background-color: #b9cee0;
	border: 1px solid #9fb1c0;
	text-align: left;
}
.time_num{
	background-color: #ffc140;
	color: #000;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: 2px solid #1463b3;
	border-right: 2px solid #1463b3;
}






/* THE QUEEN'S DING DONG */
#dingdong {
	position: absolute;
	top: 0px;
	left: 633px;
}


/* THES LOGO */
#theslogo {
	position: absolute;
	top: 0px;
	left: 540px;
}


/* SIDEBAR */

#ct-sidebar{
	position: absolute;
	top: 79px;
	left: 4px;
	width: 150px;
}status_title

#ct-menu {
	/*position: absolute;*/
	/*top: 79px;
	left: 4px;*/
	width: 148px;
}

#ct-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 148px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#ct-menu li a {
	height: 1.5em;
	width: 148px;
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #2a2a28;
	text-indent: 7px;
	border-bottom: 1px solid #b3b3b3;
}
#ct-menu li a:hover {
	color: #000000;
	background-color: #dae3bc;
}
#ct-menu li li a {
	height: 1.5em;
	line-height: 1.5em;
	width: 148px;
	display: block;
	font-size: 12px;
	color: #25175f;
	text-indent: 15px;
	text-decoration: none;
}
#ct-menu li li a:hover {
	color: #ce0000;
}
#ct-menu li li li a {
	height: 1.5em;
	line-height: 1.5em;
	width: 148px;
	font-size: 11px;
	color: #660522;
	text-indent: 25px;
}
#ct-menu li li li a:hover {
	color: #ce0000;
}
#ct-menu li li li li a {
	height: 1.5em;
	line-height: 1.5em;
	width: 148px;
	display: block;
	font-size: 10px;
	color: #006800;
	text-decoration: none;
	text-indent: 38px;
}
#ct-menu li li li li a:hover {
	color: #ce0000;
}
#ct-menu li li li li {
	height: 1.5em;
	line-height: 1.5em;
	width: 148px;
	display: block;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-indent: 38px;
	border-bottom: 1px solid #b3b3b3;
}




/* LOCATION TEXT */
#ct_location {
	position: absolute;
	top: 75px;
	left: 160px;
	height: 2em;
	line-height: 2em;
	width: 600px;
	border-bottom: 1px solid Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
}

#ct_location a {
	color: Black;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#ct_location a:hover {
	background-color: #336699;
	color: White;
}

/* ------- */
/* CONTENT */
/* ------- */

#ct_content {
	position: absolute;
	top: 99px;
	left: 160px;
	border: 0px solid Black;
	width: 600px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 12px;
	background-color: #FFFFFF;
}

/* ------ */
/* FOOTER */
/* ------ */

.footer {
	font: italic 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: thin solid Black;
}

/* ----------- */
/* PHASE BOXES */
/* ----------- */

.phase_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 22px;
	font-weight: normal;
}

.phase_date {
	font-family: "Courier New", Courier, monospace;
	color: #44512C;
	font-size: 16px;
	font-weight: bold;
}

.phase_link a {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #4499BB;
	border: thin solid black;
}

.phase_link a:hover {
	color: #FF0000;
}

/* ==== STAFF LIST ==== */
.staffbox{
	width: 400px;
	background-color: #f2f2f2;
	margin-left: 20px;
	padding-left: 10px;
	border: 1px solid #d8d8d8;
}
.staffbox ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 300px;
	font-family: Courier New;
}

.staffbox ul li{
	text-decoration: none;
	height: 1em;
	display: block;
	font-size: 14px;
	font-family: Courier New;
	font-weight: bold;
}











/* --------------- */
/* QUICKLINKS MENU */
/* this should probably all go in a separate index-only css file */
/* --------------- */

#QLcontainer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#QLcontainer a {
	display: block;
	color: #FFF;
	background-color: #036;
	width: 9em;
	padding: 3px 12px 3px 8px;
	text-decoration: none;
	font-weight: bold;
}

#QLcontainer a:hover {
	color: #FFF;
	background-color: #369;
}

#QLcontainer li {
	margin: 0;

}

#QLcontainer li li a {
	display: block;
	color: #FFF;
	background-color: #69C;
	width: 9em;
	padding: 3px 3px 3px 17px;
	text-decoration: none;
 	font-weight: normal;
}

#QLtitle {
	display: block;
	color: #FFF;
	background-color: #036;
	font-weight: bold;
}

/*----------------------------------------------------- */

.GuideNotes_Title {
	color: #676767;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	background-color: #e4e4e4;
	width: 100%;
	display: block;
	border-bottom: 2px solid #cbcbcb;
}

/*------------------------------------------------- */

table.spec {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	background-color: #fafafa;
	border-top: 1px solid #fafafa;
	border-left: 1px solid #fafafa;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #f3f3f3;
}

/* ------------------------------------------------------- */

/* ============ */
/* HEADER FONTS */
/* ============ */

.PageTitle {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 34px;
}

.Level1 {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.Level2 {
	color: Black;
	font: 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Level3 {
	color: Black;
	font: italic 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* =========== */
/* SMALL FONTS */
/* =========== */

/* Standard small font */

.sm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* ============= */
/* NEWS ARTICLES */
/* ============= */

.ArticleHeadline {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 20px;
}

.ArticleDate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	font-weight: bold;
}

.ArticleBody {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
}

.ArticleCaption {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 10px;
}

/* ============= */
/* MISCELLANEOUS */
/* ============= */

/* Getting-attention "NB" text */

.NBorange {
	color: Red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: Yellow;
}

/* Standard bold link font*/

.boldlink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* Night Reports Date Header */

.NReportDate {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCC99;
}

.NiceBoldHeader {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
	font-weight: bold;
}

/*========== */
/* LIVE DATA */
/* ========= */

.LiveTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 18px;
	font-weight: normal;
}

.LiveSectionTitle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 11px;
	font-weight: bold;
}

.LiveSectionValue {
	font-family: Arial Black;
	color: #484845;
	font-size: 12px;
	font-weight: normal;
}

.LiveValueBlack {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3B3B39;
	font-size: 18px;
	font-weight: normal;
}

.LiveValueRed {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F91514;
	font-size: 18px;
	font-weight: bold;
}

.LiveValueBlue {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3B85DF;
	font-size: 18px;
	font-weight: bold;
}

.LiveValueBlackSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3B3B39;
	font-weight: bold;
	font-size: 12px;
}

.LiveValueBlueSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3B85DF;
	font-weight: bold;
	font-size: 12px;
}

/* Date/Time font  */

.date_OK {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.date_BAD {
	color: Red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.time_OK {
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.time_BAD {
	color: Red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* STAFF LIST */

table.staff {
	width: 500px;
	background-color: #fafafa;
	border: 1px #000000 solid;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.contact {
	border-bottom: 1px #6699CC dotted;
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 16px;
	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}

/* INFO STAGES */

table.stages {
	width: 520px;
	background-color: #fafafa;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.stagetitle {
	background-color: #ebebeb;
	color: #505050;
	font: 20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	border: 3px solid #a6a6a6;
}

td.stagenum {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
	text-align: center;
	background: #fff url(pics/Info/stagegradient_darker.jpg);
	border-bottom: 1px solid #a6a6a6;
	border-left: 3px solid #a6a6a6;
}

td.stagetext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
	text-align: left;
	background: #fff url(pics/Info/stagegradient.jpg);
	border-bottom: 1px solid #a6a6a6;
	border-left: 2px solid #a6a6a6;
}

td.stageqlinks {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
	text-align: center;
	background: #fff url(pics/Info/stagegradient.jpg);
	border-bottom: 1px solid #a6a6a6;
	border-right: 3px solid #a6a6a6;
}


/* INFO TABLE */
table.geninfo {
	width: 580px;
	background-color: #fafafa;
	border-collapse: collapse;
	border-spacing: 5px;
}

/*.geninfo_title{
	background: #ebebeb;
	color: #505050;
	font: small-caps bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 3px solid #a6a6a6;
	width: 100%;
	padding-right: 1em;
	padding-left: 1em;
}*/

p.geninfo_title{
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	font-size: 14px;
	text-align: left;
	border-bottom: 2px solid #545454;
	margin-bottom: 0.1em;
}

p.geninfo_subtitle{
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	font-size: 12px;
	text-decoration: underline;
}

.geninfo_subtitle a {
	color: #3d5076;
}


.geninfo_subtitle a:hover {
	color: #AA0000;
}



p.geninfo_item {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10px;
	font-weight: normal;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

td.gencell{
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
}

#low-indent-list ul{
	margin-left: 0;
	padding-left: 15px;
}


/* ---- PUBLICATIONS ---- */
ul.publist{
	list-style-image: url(pics/buttons/arrow.gif);
}

ul.publist li{
	margin-bottom: 2em;
}

.pubtitle{
	font-weight: bold;
}

.pubauthor{
	font-weight: normal;
	font-style: normal;
}
.pubjournal{
	font-style: italic;
}



/* ---- GALLERY ---- */
.copy{
	display: block;
	font-size: 10px;
	font-weight: normal;
}