/*
                 _                      
 _ __ ___   __ _(_)_ __     ___ ___ ___ 
| '_ ` _ \ / _` | | '_ \   / __/ __/ __|
| | | | | | (_| | | | | | | (__\__ \__ \
|_| |_| |_|\__,_|_|_| |_|  \___|___/___/
                
Incorporating Ruthsarian layout
Could include variables but can't guarantee modern client browsers.
*/

/*
 _                    _   
| |__ _ _  _ ___ _  _| |_ 
| / _` | || / _ \ || |  _|
|_\__,_|\_, \___/\_,_|\__|
        |__/              
*/

@media screen, projection {
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	font-size: 100%;
	background: #999;  /* was 999 */ 
	color: #000;
}
.wrapper {
	width: 100%;
	background: white;
}
#header {
  height: 75px;
	background: none;
	background-image: url(pics/backgrounds/Main_BG_extended.png);
	padding: 1px .5em; /* avoid margin collapse */
}

#header_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 75px;
}

#header_left a {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 75px;
}

#header_left a h4 {
  display: none;
}

.main {
	border-left: 10em solid white;      /* left sidebar  was 10em solid white */
	/* RJS border-left: 11em solid white; */     /* left sidebar  was 10em solid white */
	/*border-right: 10em solid white;*/   /* right sidebar was 10em solid white */
	border-right: 10px solid white;
	background: white;
	color: black;
	position: relative; /* for WinIE */
}

.inner {
	width: 100%;
	float: right;
}

#content {
	width: 100%; /* was 92% */
	float: left;
	padding: 0;  /* was 1px 0 1em 5% */
	background: white;
	color: #000;
}

/* RIGHT SIDEBAR */
#sidebar {
	width: 9.5em;         /* (was 9em; 1em less than .main border width) */
	padding-left: .5em; /* avoid WinIE 'off' positioning */
	padding-top: 1px;   /* avoid margin collapse */
	float: right;
	margin-right: -10em; /* (was -9.5em) overlay right border */
	background: white;
	color: #000;
	position: relative; /* avoid WinIE peekaboo bug */
}

/* LEFT SIDEBAR */
#navbar {
	width: 9.5em;         /* (was 9em; 1em less than .main border width) */
	/* RJS width: 10.5em; */       /* (was 9em; 1em less than .main border width) */
	float: left;
	margin-left: -10em; /* (was -9.5em) overlay left border. -10 = flush left */
	/* margin-left: -11em;*//* (was -9.5em) overlay left border. -10 = flush left */
	padding-top: 1px;   /* avoid margin collapse */
	background: white;
	color: #000;
	position: relative; /* avoid WinIE peekaboo bug */
	border-bottom: 1px solid black;
}

/* FOOTER */
#footer {
	clear: both;
	background: #ddd;
	color: #eee;
	padding: 1px .5em;  /* avoid margin collapse */
	border-top: 1px solid black;
	margin-top: 5px;
/*	
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	*/
}


#footer2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 42px;
	background: #ddd;
}









/* clear floats to stretch column lengths */
.skiplinks:after,
.main:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* zoom stretches float containers in WinIE. If you're a 
stickler for validation, put this in a conditional comment */
.skiplinks,
.main {
	zoom: 1;
}
/* end float clearing */


/* IE5 targeted hacks. You could put these in a conditional
comment if you want. You could leave them out altogether, but
the result won't be pretty */
/* WinIE 5 */
* html .main {
	width: 100%;
	wid\th: auto;
} /* end */



/* accessibility stuff */
ul.skiplinks,
ul.skiplinks li {
	margin: 0; /* use negative top margin to hide off-screen */
	padding: 0;
	list-style: none;
}
ul.skiplinks li {
	width: 33%;
	float: left;
	text-align: center;
	font-size: 80%;
}

#navbar ul {
	margin-left: 1em;
	padding-left: 0;
}

} /* end screen media rules */

@media print {
.skiplinks,
#navbar {
	display: none;
}
} /* end print rules */



/*
 _             _       
| |__  __ _ __(_)__ ___
| '_ \/ _` (_-< / _(_-<
|_.__/\__,_/__/_\__/__/
                       
*/

BODY {
   background-color: white;
   margin: 0px;
   padding: 0px;
   min-width: 870px;
   max-width: 1170px;
   /*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;
}

/* standard small font */
.sm {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 9px;
}
/* standard font outside a <p></p> for use in <span class="std"></span>*/
.std {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}


ul, ol {
   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.bold {
   font-weight: bold;
}

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


H1 {
   /* size was 2.25em */
   color: Black;
   font: normal 2.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 0;
   /*border-bottom: 1px dashed black;*/
}

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

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

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

H5 {
   color: Black;
   font: italic 1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-bottom: 0.5em;
}


.footnote {
  display: block;
  width: 50%;
  margin-top: 2em;
  border-top: 1px dashed black;
  font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
  }


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

img.centre {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


/* ----------------- */
/* OLD-STYLE HEADERS */
/* ----------------- */
.PageTitle {
   color: #100;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 34px;
}

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

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

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






/*
          _     _       __                          
 _ __ _ _(_)_ _| |_    / /  ___ __ _ _ ___ ___ _ _  
| '_ \ '_| | ' \  _|  / /  (_-</ _| '_/ -_) -_) ' \ 
| .__/_| |_|_||_\__| /_/   /__/\__|_| \___\___|_||_|
|_|                                                 
*/

.printonly{ 
   display: none;
}
.screenonly{ 
   display: block;
}







/*
  __             _                         
 / _|_ _ ___ _ _| |_   _ __  __ _ __ _ ___ 
|  _| '_/ _ \ ' \  _| | '_ \/ _` / _` / -_)
|_| |_| \___/_||_\__| | .__/\__,_\__, \___|
                      |_|        |___/     
*/


/* --------------- */
/* LATEST NEWS BOX */
/* --------------- */
#ct_latest{
  float: right;
  height: 56px;
  color: blue;
  background-color: #ffffb5;
  margin-top: 4px;
  margin-left: 4px;
  padding: 4px;
  border: 1px solid black;
}

#latest_title{
   color: black;
   font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-decoration: underline;
   margin-top: -0.1em;
   margin-bottom: 0.1em;
}

#latest_body{
   color: black;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 0;
   margin-bottom: 0;
   height: 50px;
}


/* ------------ */
/* ARI LOGO BOX */
/* ------------ */
#arilogo{
  float: right;
  height: 65px;
  margin-top: 4px;
}
#arilogo div{
   border: 2px solid #c7c7c7;
}


/* ----------------- */
/* FACEBOOK LOGO BOX */
/* ----------------- */
#facebooklogo{
  float: right;
  height: 65px;
  margin-top: 4px;
  margin-right: 4px;
}
#facebooklogo div{
   border: 2px solid #c7c7c7;
}


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


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


/* ---------------- */
/* LIVE STATUS BOX  */
/* ---------------- */
#ct_status{
   float: right;
   height: 56px;
   color: #000000;
   background-color: #FFFFB5;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin-top: 4px;
   margin-left: 4px;
   padding: 4px;
   border: 1px solid black;
}
#ct_status div{
   padding: 4px;
   border: 2px solid #c7c7c7;
}

A.StatusBoxLink:hover{
  text-decoration: none;
}

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

.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: #D00;
   font-weight: bold;
   /*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;
   color: #000000;
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 0;
   background: none;
}

#ct_search_inner{
   padding: 1px;
}

#ct_search_text{
  float: left;
}

#ct_search_button{
  float: left;
  vertical-align: top;
}


/* ----------- */
/* NEWS BANNER */
/* ----------- */
#ct_newsbanner{
   background-color: #ddd;
   margin-top: 4px;
   position: relative;
}
#ct_newsbanner div{
   border-top: 2px solid #bbb;
   border-right: 2px solid #bbb;
   border-left: 2px solid #bbb;
   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{
   background-color: #eee;
   position: relative;
}

#ct_newsbox div{
   border-left: 2px solid #bbb;
   border-bottom: 2px solid #bbb;
   border-right: 2px solid #bbb;
   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;
}

.newsbox_sub{
   border-style: none;
}

.newsbox_articlebox {
   border: none;
   border-bottom: 1px #aaa solid;
   overflow: auto;
}

.newsbox_articlebox_picleft {
   float: left;
   clear: left;
   padding: 1px;
   border: 1px solid black;
   background-color:#f1f1f1;
   margin-right: 10px;
   margin-bottom: 5px;
}

.newsbox_articlebox_picright {
   float: right;
   clear: right;
   padding: 1px;
   border: 1px solid black;
   background-color:#f1f1f1;
   margin-left: 10px;
   margin-bottom: 5px;
}

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

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








/*
 _        _    _        
| |_ __ _| |__| |___ ___
|  _/ _` | '_ \ / -_|_-<
 \__\__,_|_.__/_\___/__/
                        
*/

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

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


/* ----------------- */
/* NEWS ARCHIVE LIST */
/* ----------------- */

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

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

td.archivedate{
   width: 140px;
   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;
}


/* -------------------------- */
/* GENERIC BLACK BORDER TABLE */
/* with 1 pixel grid          */
/* -------------------------- */

table.basicgrid {
  border-collapse: collapse;
  border: 1px solid black;
}

th.basicgrid{
  border: 1px solid black;
}

tr.basicgrid{
  border: 1px solid black;
}

td.basicgrid {
  border: 1px solid black;
}


/* -------------------------- */
/* GENERIC BLACK BORDER TABLE */
/* with 1 pixel grid          */
/* and better formatting      */
/* -------------------------- */

table.p1 {
  border-collapse: collapse;
  border: 1px solid black;
}

th.p1{
  border: 1px solid black;
}

tr.p1{
  border: 1px solid black;
}

td.p1 {
  border: 1px solid black;
  padding: 0.4em;
}


/* ---------- */
/* SPEC TABLE */
/* ---------- */

table.spec {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background: #eee;
   border-top: 1px solid Black;
   border-left: 1px solid Black;
   border-bottom: 1px solid Black;
   border-right: 1px solid Black;
   padding: 20px;
   margin-top: 15px;
}




/*
    _    _     _              
 __(_)__| |___| |__  __ _ _ _ 
(_-< / _` / -_) '_ \/ _` | '_|
/__/_\__,_\___|_.__/\__,_|_|  
                              
*/

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




/*                    
 _ __  ___ _ _ _  _ 
| '  \/ -_) ' \ || |
|_|_|_\___|_||_\_,_|
                    
*/

#ct-menu {
   /*width: 148px;*/
}

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

#ct-menu ul.hz {
   list-style: none;
   padding: 0;
   margin: 0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: inline;
}


/* ------- */
/* LEVEL 1 */
/* ------- */
#ct-menu li a {
   display: block;
   text-decoration: none;
   font-size: 14px;
   line-height: 100%;
   font-weight: normal;
   /*color: #2a2a28;*/
   color: Black;
   padding: 4px 0 4px 2px;
   border-top: 1px solid #000;
}
#ct-menu li a:hover {
   color: #eee;
   background-color: #2a2a28;
} 
/* Normally menu items highlight and invert when pointed at. This prevents that for any li flagged with class="noHoverHighlight"
 * It is mainly for use with class="imgButton" */
#ct-menu li a.noHoverHighlight:hover{
   color:inherit;
   background-color: inherit;
} 


/* ------- */
/* LEVEL 2 */
/* ------- */
#ct-menu li li a {
   padding: 0.10em 0 0.10em 0;
   font-size: 12px;
   line-height: 100%;
   font-weight: normal;
   font-variant: normal;
   /* color: #25175f; */
   color: Navy;
   padding-left: 10px;
   border-top: none;
   border-bottom: none;
}
#ct-menu li li a:hover {
	background-color: #251754;
	color: #eee;
}


/* ------- */
/* LEVEL 3 */
/* ------- */
#ct-menu li li li a {
   padding: 0.05em 0 0.05em 0;
   font-size: 11px;
   font-weight: normal;
   line-height: 100%;
   /*color: #660522; */
   color: Navy;
   padding-left: 18px;
}
#ct-menu li li li.hz a {
   display: inline;
   text-decoration: none;
   font-size: 11px;
   line-height: 100%;
   font-weight: normal;
   /*color: #660522;*/
   color: Navy;
}
#ct-menu li li li a:hover {
	background-color: #660522;
   color: #eee;
}
#ct-menu .imgButton {
	text-align:right;
	padding: 0px 3px;
	/*Set the 40px high image for each button with style="" when this class is invoked.
	 *background-image:url('/pics/menu_nrt2.png');	*/
	color:#FFFFFF;
	display:inline-block;
	width:95%;
	height:40px;
	border-style:solid;
	border-width:1px;
	border-color:#333333;
	border-radius:7px;	/* Match the phase2ui button */
	box-shadow: 2px 2px 3px #999999;
}
#ct-menu .imgButton:active {
	box-shadow: 1px 1px 1px #999999;
}



/* ------------------------- */
/* CURRENT PAGE HIGHLIGHTING */
/* ------------------------- */

/* Level 1 */
/* ------- */
body.home a.home,
body.about a.about,
body.ack a.ack,
body.cont a.cont,
body.dataprod a.dataprod,
body.gal a.gal,
body.list a.list,
body.live a.live,
body.news a.news,
body.ovst a.ovst,
body.priv a.priv,
body.prop a.prop,
body.propsubs a.propsubs,
body.pubs a.pubs,
body.reports a.reports,
body.telinst a.telinst
{
  background-color: #e8e8dd;
  background-color: #AAD3FA;
  background-color: #B1D2F2;
}

/* Level 2 */
/* ------- */
body.alloc a.alloc,
body.archive a.archive,
body.calc a.calc,
body.call a.call,
body.galby a.galby,
body.galmisc a.galmisc,
body.galof a.galof,
body.inst a.inst,
body.opti a.opti,
body.phase1 a.phase1,
body.phase2 a.phase2,
body.pipes a.pipes,
body.react a.react,
body.prtz a.prtz,
body.rtml a.rtml,
body.robot a.robot,
body.spec a.spec,
body.stds a.stds,
body.target a.target,
body.tour a.tour,
body.y2004 a.y2004,
body.y2005 a.y2005,
body.y2006 a.y2006,
body.y2007 a.y2007,
body.y2008 a.y2008,
body.y2009 a.y2009,
body.y2010 a.y2010,
body.y2011 a.y2011,
body.y2012 a.y2012,
body.y2013 a.y2013
{
    background-color: #dae3bc;
    background-color: #EBE0B5;
}

/* Level 3 */
/* ------- */
/* body.acat a.acat,
body.acci a.acci,
body.ajmu a.ajmu,
body.aopti a.aopti,
body.apatag a.apatag,
body.apatt a.apatt,
body.calc a.calc,
body.frodo a.frodo,
body.ioi a.ioi,
body.ioo a.ioo,
body.Meaburn a.Meaburn,
body.ratcam a.ratcam,
body.ringo2 a.ringo2,
body.ringo a.ringo,
body.ringo3 a.ringo3,
body.rise a.rise,
body.skycam a.skycam,
body.supircam a.supircam,
body.thor a.thor
{
    background-color: #dae3bc;
}
*/
/* ---- END OF MENU ---- */




/*
 _              _   _            _           _   
| |___  __ __ _| |_(_)___ _ _   | |_ _____ _| |_ 
| / _ \/ _/ _` |  _| / _ \ ' \  |  _/ -_) \ /  _|
|_\___/\__\__,_|\__|_\___/_||_|  \__\___/_\_\\__|
                                                 
*/

#ct_location {
   height: 1.5em;
   line-height: 1.5em;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: Black;
   font-size: 10px;
   border-bottom: 1px solid black;
}

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

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




/*
            _           _   
 __ ___ _ _| |_ ___ _ _| |_ 
/ _/ _ \ ' \  _/ -_) ' \  _|
\__\___/_||_\__\___|_||_\__|
                            
*/

#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;
}

/* ------------------------ */
/* END OF (CONTENT) FILE    */
/*i.e. not end of page file */
/* ------------------------ */
.eof {
   font: italic 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   border-top: thin solid #aaa;
}




/* ============= */
/* 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;
}

.NewsHeadline {
   font: 2.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
   margin-bottom: 0;
}

.NewsDate {
   font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}

.NewsBody {
   /* Just use default */
   /*font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

.NewsCaption {
   font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.NewsInfoBoxCaption {
  font: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.NewsH2 {
   font: 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}

.NewsH3 {
   font: 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
   display: block;
}

.DraftComment {
  color: red;
  font-style: italic;
}

.NewsPicRight {
    float: right;
    clear: right;
    padding: 1px;
    background-color: white;
    margin-left: 10px;
    margin-bottom: 5px;
  }

.NewsPicRight400 {
    float: right;
    clear: right;
    width: 402px;
    padding: 1px;
    background-color: white;
    margin-left: 10px;
    margin-bottom: 5px;
  }

.NewsPicLeft {
    float: left;
    clear: left;
    padding: 1px;
    background-color: white;
    margin-right: 10px;
    margin-bottom: 5px;
  }

.NewsPicLeft400 {
    float: left;
    clear: left;
    width: 402px;
    padding: 1px;
    background-color: white;
    margin-right: 10px;
    margin-bottom: 5px;
  }





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

  .ice_floatimage {
      float:left;
      border: 0;
      padding:2px;
      margin:1px;
      overflow:hidden;
      text-align:left;
      width: 270px;
      height: 240px;
  }

  .floatimage {
      float:left;
      border: 0;
      padding:1px;
      margin:1px;
      overflow:hidden;
      text-align:left;
  }
  /* clearfix needed after floatimage as "<div class="clearfix"></div>" */
  .clearfix {
      clear: both;
  }

  .updatebox{
    margin: 1em 1.5em 1em 1em;
    padding: 0.5em 0.5em;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
  }



/* 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: 20px;
   font-weight: bold;
   background-color: #ddd;
   display: block;
   border-bottom: 4px solid #ccc;  /* was cc9 */
   margin-top: 2em;
   margin-bottom: 0;
   padding-left: 1em;
}

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

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

.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;
}


/* 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;
}



/*
 _       __     
(_)_ _  / _|___ 
| | ' \|  _/ _ \
|_|_||_|_| \___/
                
*/

/* ------------------- */
/* REACTIVE TIME RULES */
/* ------------------- */
#rt_rules {
  margin-left: 1em;
  padding-left: 1em;
  list-style-image: url(pics/buttons/rulebullet.png);
}

#rt_rules li {
   margin-bottom: 1em;
}

#rt_rules li li {
  margin-left: -1em;
  padding-left: 0em;
  margin-bottom: 0.5em;
  list-style: disc;
}


/* ------------------ */
/* STEP-BY-STEP TABLE */
/* ------------------ */

#boxtable {
  /*width: 600px;*/
  text-align: left;
  background: #98c0dc;
  border: 1px solid black;
}

#boxtable th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#box1, #box2, #box3, #box4, #box5 {
  width: 110px;
  color: black;
  font-size: 12px;
  padding: 5px;
  border: 1px solid black;
}

/* BLUES: eff3ff bdd7e7 6baed6 3182bd 08519c */
/* ORANGES: */

#box1 {
  background: #eff3ff;
}
#box2 {
  background: #bdd7e7;
}
#box3 {
  background: #6baed6;
}
#box4 {
  background: #3182bd;
  color: #eff3ff;
}
#box5 {
  background: #08519c;
  color: #eff3ff;
}

.boxtitle{
  font-weight: bold;
  vertical-align: middle;
  height: 2.75em;
  margin-bottom: 0.5em;
}

.boxtext {
  font-size: 90%;
}

.boxlink {
  font-size: 10px;
  font-weight: bold;
}




/* ----------- */
/* ALLOC TABLE */
/* ----------- */
table.mytable {
  margin-left:auto;
  margin-right:auto;
  width: 600px;
  padding: 10px;
  border: 1px solid #ddd;
  }

table.mytable td{
  width: 95px;
}

table.mytable tr.TAG td {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}

table.mytable tr.semesters td {
  font-size: 14px;
  vertical-align: top;
  font-weight: bold;
  text-align: center;
}










/* INFO TABLE */
table.geninfo {
   width: 600px;
   background-color: white;
   border-spacing: 5px;
   border-color: black   ;
}

td.gencell{
   border: none;
}


p.geninfo_title{
   text-decoration: none;
   font-size: 17px;
   margin: 0.4em 0 0.1em 0;
   font-weight: bold;
}

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

.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;
}



/* -------------------- */
/* DATA PRODUCTS TABLES */
/* -------------------- */

#dataprod_table_1 {
  width: 700px;
  margin-left: 50px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_1 th {
  border: 1px solid black;
  padding: 8px;
}
#dataprod_table_1 td {
  border: 1px solid black;
  padding: 8px;
}



#dataprod_table_2 {
  width: 500px;
  margin-left: 50px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_2 th {
  border: 1px solid black;
  background: silver;
  padding: 4px;
}
#dataprod_table_2 td {
  border: 1px solid black;
  padding: 4px;
}


#dataprod_table_3 {
  width: 550px;
  margin-left: 50px;
  margin-bottom: 30px;
  border: 1px solid black;
  border-collapse: collapse;
}
#dataprod_table_3 th {
  border: 1px solid black;
  background: silver;
  padding: 8px;
}
#dataprod_table_3 td {
  border: 1px solid black;
  padding: 8px;
}







/* ---- ACKNOWLEDGEMENTS ---- */
.ackbox{
  border:1px solid silver;
  background-color: #f0f0f0;
  padding: 5px;
  font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 1.5em;
}


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

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

li.sci {
  margin-left: -50px;
  list-style-type: none;
  list-style-image: none;
  background-image: url(../pics/buttons/pub_icon_sci_2.png);
  background-repeat: no-repeat;
  padding-left: 50px;
}

li.tech {
  margin-left: -50px;
  list-style-type: none;
  list-style-image: none;
  background-image: url(../pics/buttons/pub_icon_tech_2.png);
  background-repeat: no-repeat;
  padding-left: 50px;
}

.pubtitle{
   font-weight: bold;
}

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


/* Current News Page (bullet points) */
ul.newspoints {
   width: 500px;
   margin-left: 50px;
   list-style-type: circle;
   font-size: 1.0em;
}

ul.newspoints li {
   margin-bottom: 0.75em;
}


/* PHASE 2 UI TUTORIALS */
.tut_pic {
  border: 1px solid #aaa;
  padding: 10px;
}



/* CONFERENCES NEWS ITEM  */

  table.confbox{
    width: 90%;
    margin-left: 1em;
    margin-bottom: 1.5em;
    border: 1px solid silver;
    border-collapse: collapse;
  }
  
  table.confbox td.conflogo{
    width: 15%;
    padding: 10px;
  }
  
  table.confbox td.conflabel{
    height: 4em;
    background: #f3f3f4;
    border-bottom: 4px solid silver;
    padding-left: 0.5em;
    vertical-align: middle;
  }

  table.confbox td.confdetails{
    padding: 0.5em;
  }
  
  table.confbox ul{
    padding-left: 1em;
  }
 
  table.confbox ul ul{
    list-style-type: none;
  }
  
  span.conftitle{
    font-size: 2em;
    margin-right: 1em;
  }
  
  span.confdatesetc{
    color: #444;
    font-weight: bold;
  }

  
/* Priority Z Form */

.pzti1 {
   width: 100%;
}

.pzti10 {
   width: 100%;
   height: 10em;
}

.pzblock100 {
   display: inline-block;
   width: 100px;
   text-align: left;

}
  
  .pzblock200 {
    display: inline-block;
    width: 200px;
    text-align: left;
  }

.pzyellowbox {
   background: #FFFFAA;
}
 
    
.vktest {
  display: none;
}




/*
           _ _              
 __ _ __ _| | |___ _ _ _  _ 
/ _` / _` | | / -_) '_| || |
\__, \__,_|_|_\___|_|  \_, |
|___/                  |__/ 

Weird colours for planning purposes, to be commented out when live.
*/

.gal_box{
   /*background: yellow;*/
   width: 700px;
   border: none;
   padding: 0;
   overflow: hidden;
   margin-bottom: 2em;
}

.gal_entry{
   /*background: blue;*/
   width: 100%;
}

.gal_sidecap{
   background: #eee;
   width: 180px;
   float: left;
   margin: 0;
   padding: 5px 5px 5px 10px;
   border-radius: 0.5em;
}

.gal_topcap{
   background: #eee;
   margin: 0 0 4px 0;
   padding: 0.5em;
   border-radius: 0.5em;
}

.gal_sub_box{
   /*background: blue;*/
   margin-top: 0;
   margin-bottom: 5px;
}

.gal_sub_sidecap{
   /*background: green;*/
   width: 190px;
   float: left;
   margin: 0;
   padding: 0 5px;
   text-align: right;
}

.gal_figure{
   /*background-color: red;*/
   margin: 0 0 0 200px;
   width: 500px;
   padding: 0;
   position: relative;
}

.gal_figcaption{
   /* font */
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: white;

   /* text align */
   text-align: center;

   /* position */
   position: absolute;
   top: 4px;
   left: 5px;

   /* box */
   display: block;
   padding: 8px;
   background: rgba(0,0,0,0.5);
}

.gal_header{
   margin: 0;
   font-size: 175%;
   border-bottom: 2px solid #abc;
   padding-bottom: 5px;
}


.galtable{
   width: 800px;
   border-collapse: collapse;
   border: none;
}

.galtable th{
   border-bottom: 1px solid green;
}

.gtd {
   padding-bottom: 1.5em;
}

.gpic {
   border:1px solid black;
}

.galheader {
   font-size: 200%;
   color: #346e98;
   margin-bottom: -0.3em;
}

.galsubheader {
   color: #346e98;
}

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