@charset "UTF-8";
/* CSS Document */


div#skipmenu{
position:relative;
top: 150px;
left: 10px;
width: 100px;
}
div#skipmenu a.skippy{
	position:absolute;
	/*top: -1000px;
left:-1000px;*/
	height: 1px;
	width: 100px;
	z-index:100;
	overflow:hidden;
	float:left;
	font-size:0.8em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	
}

div#skipmenu a.skippy:active, div#skipmenu a.skippy:focus, div#skipmenu a.skippy:hover{
position: absolute;
/*top:155px;
left:10px;*/
width:100px;
height: 1em;
width: 100px;
font-size:0.8em;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
width:100px;
padding-bottom:5px;
color: black;
z-index:100;
text-align:left;
margin-bottom:5px;
float:left;

}

div#skipmenu_copy{
position:relative;
width:150px;
top:150px;
left:10px;

}
div#skipmenu_copy a.skippy_copy{
	position:absolute;
	/*top: -1000px;
left:-1000px;*/
	height: 1px;
	width: 100px;
	z-index:100;
	overflow:hidden;
	float:left;
	font-size:0.8em;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	
}

div#skipmenu_copy a.skippy_copy:active, div#skipmenu_copy a.skippy_copy:focus, div#skipmenu_copy a.skippy_copy:hover{
position: absolute;
/*top:155px;
left:10px;*/
width:100px;
height: 1em;
width: 100px;
font-size:0.8em;
font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
width:100px;
padding-bottom:5px;
color: black;
z-index:100;
text-align:left;
margin-bottom:5px;
float:left;

}

div.h-nav {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 1em;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 80%;
	max-width: 1134px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 1134px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/
.contentmain {
	padding: 0px 0px 0 200px;
}

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}

.story {
	/*font-family: "Times New Roman", Times, serif;*/
	/*font-size: 1.1em;*/
	
} 


/*mid yrs body text*/
.story p {
	font-family: "Times New Roman", Times, serif;
	/*font-size: 1.1em;*/
	/*line-height: 2;*/
	margin-bottom:8px;
	margin-top:8px;
	
}
.story #footer {
	min-width:800px;
	padding: 0px 10px;
	border-top-color: #A01329;
	border-top-style: solid;
} 
.story #footer p {
	margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer {
	clear:both;
}

div.story {
	position: relative;
	/*width:570px;
	width:100%;*/
	min-width:850px;
	max-width:70%;
	margin-top:0px;
	margin-bottom:0px;
	float: left;
	font-size: 1em;
	line-height:2;
}

div.year-icon {
	position: relative;
	width: 72px;
	height: 72px;
	border:thin;
	background-color:#000
}

.body normal {
	font-style:normal;
	font-weight:normal;
}

.body-italics-wide {
	font-style: italic;
	letter-spacing:1px;
}

/*just alphabets*/
.ol-list-alpha {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-alpha {
	color:#000;
	line-height: 2;
	text-align: left;
}
.ol-list-alpha li:before {
	content: counter(item, lower-alpha) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
}

/*just alphabets start2*/
.ol-list-alphastart2 {
	counter-reset: item ;
	list-style-type: none;
}
.ol-list-alphastart2 {
	color:#000;
	line-height: 2;
	text-align: left;
}
.ol-list-alphastart2 li:before {
	content: counter(item 2, lower-alpha,) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
}

.ol-list-alpha-inline {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-alpha-inline {
	color:#000;
	line-height: 2;
	text-align: left;
}

/*just alphabets inline*/
.ol-list-alpha-inline li:before {
	content: counter(item, lower-alpha) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
}
.ol-list-alpha-inline li {
	display:inline;
	padding-right:50px;
}

.ol-list-alpha-capsinline {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-alpha-capsinline {
	color:#000;
	line-height: 2;
	text-align: left;
}

/*just alphabetsCAPS inline*/
	
.ol-list-alpha-capsinline li:before {
	content: counter(item, upper-alpha) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
}
.ol-list-alpha-capsinline li {
	display:inline;
	padding-right:50px;
}
	

/*just numbers*/
.ol-list-num {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-num {
	color:#000;
	line-height: 2;
	text-align: left;
}
.ol-list-num li:before {
	content: counter(item) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
}
/*just roman*/
.ol-list-roman {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-roman li {
	color:#000;
	line-height: 2;
	text-align: left;
	
}
.ol-list-roman li:before {
	content: counter(item, lower-roman) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 1px;
	font-weight: bolder;
} 

/*just roman start 2*/
.ol-list-romanstart2 {
	counter-reset: item;
	list-style-type: none;
}
.ol-list-romanstart2 li {
	color:#000;
	line-height: 2;
	text-align: left;
	
}
.ol-list-romanstart2 li:before {
	content: counter(item, lower-roman) "  ";/*to add period ". "*/
	start: 2;
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
} 
/*just alpha sub roman*/
.ol-list-alpharoman {
	counter-reset: item;
	list-style-type: none;
	
}
.ol-list-alpharoman li {
	color:#000;
	line-height: 2;
	text-align: left;
}
.ol-list-alpharoman li:before {
	content: counter(item, lower-alpha) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
	
}
.ol-list-alpharoman li ol li:before {
	content: counter(item, lower-roman) "  ";/*to add period ". "*/
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
	
}

ul {
	color: #000;
	font-family: "Times New Roman", Times, serif;
}

li {
	color: #000;
}
/*just hyphen*/
.ul_listcustom {
	list-style-type:none 
}
.ul_listcustom li {
	color:#000;
	line-height: 2;
	text-align: left;
}
.ul_listcustom li:before {
	content: " - ";
	counter-increment: item;
	margin: 0 0 0 -24px;
	color:#000;
	letter-spacing: 3px;
	font-weight: bolder;
	
}

img {
	border: 0px;
	/*vertical-align: middle;*/
}

h1 {
	color: #540F16;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:12px;
	margin-top:2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
}

h2 {
	color:#194977;
	font-size:1.35em;
	font-weight: bold;
	margin-bottom:8px;
	margin-top:8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
}

h3 {
	color: #000;
	font-size: 1.17em;
	margin-bottom:8px;
	margin-top:8px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
}

h4 {
	color: #000;
	font-size: 1em;
	margin: 0 0 8px 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
}

h5 {
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1;

}

h6 {/*control headings in tabbed panels*/
	font-size: 1em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height:1.1em;
	padding: 0;
}

.body-italics {
	font-style: italic;
}

.diag-right {
	float:right;
	z-index:1;
	padding-left:30px;
}

.body-bold {
	font-weight: bold;
}
.body-bold-italics {
	font-weight: bold;
	font-style: italic;
}
a:link {
	color:#800000;
	border-style: none;
}    /* unvisited link */
a:visited {color:#bc6261;} /* visited link */
a:hover, a:focus {color: #b91700;}   /* mouse over link */
a:active {color:#800000;}  /* selected link */
}

table.navbar {
		padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td.navbar {
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
tr.navbar {
		padding:0px;
	border-collapse:collapse;
}

.qbutton {
	display: inline-block;
	position: relative;
	vertical-align: bottom;
	height:25px;
	/*zoom: 1; -- fails validator */ 
}
.hidden { /*for hiding labels for input fields*/
     position:absolute; 
     top:-600px; 
	 left:0; 
     width:1px; 
     height:1px; 
     overflow:hidden;
}
skip {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	color: #FFF;
}

a.skip-hidden {
    position: absolute;
    left: -999px;
  }

a.skip-hidden:focus { 
    left: 5px;
  }

/*for radio button*/
fieldset {
	 border:none;
}
/*red box for yr7 1e*/
.redbox {
	border: #752F52 solid medium;
	padding:10px;
	width:auto;
	margin:20px 0;
}

.imagewithcaption {
float:right;
width: auto;
text-align:center;
clear:left;
}

.imagewithcaptioncenter {
	display:block;
	text-align:center;
	width:auto;
}
	

.imagewithcaptionleft {
float:left;
width:auto;
padding-right:10px;
text-align:center;
}

.imageteachstud {
float:right;
width: auto;
top:20px;
padding-left:30px;
z-index:2000;
clear:left;
}

.imagein2box {
	float:left;
	width:250px;
}

.imageright1 {
width: auto;
position:absolute;
margin-left:40%;
}

.image_home-icon {
	width:72px;
	float:left;
}
.image_ESA-logo {
	float:left;
	margin-top:10px;
	padding-right:20px;
}

.text_indent { text-indent:20px;
}
.para_indent { margin-left:20px;
}

.line-height {
	line-height:normal;
}

.ac_src {
	font-size: 0.8em;
	margin-top:0px;
	line-height:1;
}

cont_desc {
	margin-bottom:0px;
}
.table_outline_dec {
	text-align:center;
 	border-collapse:collapse;
	border:none;
}
.table_outline_dec td {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #000;
}
.table_outline_dec th {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #000;
}
.cell_line_dec {
	padding-left:0px;
	border-left:none;
}
.table_outline {
	border-collapse:collapse;
	border:#000 thin solid;
}
.table_outline th{
	border:#000 thin solid;
	text-align:center;
}

.table_outline td{
	border:#000 thin solid;
	text-align:center;
}

.table_outline_textleft {
	border-collapse:collapse;
	border:#000 thin solid;
	
}
.table_outline_textleft th{
	border:#000 thin solid;
}

.table_outline_textleft td{
	border:#000 thin solid;
	text-align:left;
	vertical-align:top;
}

.table_outline_textright {
	border-collapse:collapse;
	border:#000 thin solid;
	
}
.table_outline_textright th{
	border:#000 thin solid;
	
}

.table_outline_textright td{
	border:#000 thin solid;
	text-align:right;
	vertical-align:top;
}

.table_outline_left{
	border-left:#FFF none; 
}

.table_outline_right{
	border-right:none;
}

.table_outline_total{
	border-top:thick;
}
.table_outline_topleft{
	border-left:none;
	border-top:none;
}
.table_outline_botleft{
	border-left:none;
	border-bottom:none;
}
.table_grid {
	border-collapse:collapse;
	border:#000 thin solid;
}
.table_grid td {
	width:30px;
	height:30px;
	border:#000 thin solid;
}
.table_num_grid {
	border-collapse:collapse;
	border:#000 thin solid;
}
.table_num_grid td {
	width:36px;
	height:36px;
	border:#000 thin solid;
	text-align:center;
	line-height:none;
}
.table_num_grid th {
	width:36px;
	height:36px;
	border:#000 thin solid;
	text-align:center;
	line-height:none;
}
.table_division {
	border-collapse:collapse;
}
.row_line {
	border-top:thin solid #000;
	border-bottom:thin solid #000;
}
.table_division td{
	text-align:center;
	padding:2px;
}

.table_division_textright {
	border-collapse:collapse;
}
.row_line_textright {
	border-top:thin solid #000;
	border-bottom:thin solid #000;
}
.table_division_textright td{
	text-align:right;
	padding:2px 10px;
}
.cell_textleft {
	text-align:left;
}

.cell_textright {
	text-align:right;
}

.cell_line {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.cell_linebox {
	border:thin solid #000;
}
.cell_line_top {
	border-top:2px solid #000;
}
.cell_line_top_1pt {
	border-top:1px solid #000;
}
.cell_line_bottborder {
	border-bottom:1px solid #000;
}
.cell_line_rightborder {
	border-right:1px solid #000;
}
.cell_line_leftbottborder {
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

.cell_line_rightbottborder {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

.cell_line_outerborder {
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;	
	border-left:1px solid #000;
}

.cell_2line_rightborder {
	border-right-style:double;
	border-right-width:4px;
	border-right-color:#000;
}

td.cell_divd {
	border-top:2px solid #000;
	padding:0px;
	font-size:2.3em;
	line-height:.7em;
	text-align:left;
	margin:0px;
	vertical-align:top
}

.MathJax_Display {
	text-align: left !important;
	padding-left:20px;

}

.inline_mathjax {
	display:inline-block;
	margin-left:-20px
}

.barblue {
	text-align:center;
	background-color:#B5F9FE;
	padding:3px 0;
}