/* Stylesheet for the Astro section of the website */

body 
 {
  background: #000 url(images/sky_bg.jpg);
  text-align: center; margin: 0px;
 }

/* blue background page delimiter */
.page
 {
  background-color: #99CCFF;
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 0px 10px 0px;
  width: 860px
 }

/* Standard header for all pages */
.header
 {
  background-color: #000066;
  position: relative;
  text-align: center;
  margin-top: 20px;
  margin-right: auto; 
  margin-left: auto;
  width: 860px;
  padding: 10px 0px 10px 0px; 	
 }

/* Image banner box for some pages */

.banner
 {
  background-color: black;
  text-align: center; 
  margin-right: auto; 
  margin-left: auto;
  margin-top: 10px;
  width: 870px;
 }

/* Standard footer (update info) for all pages */
.footer
 {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 70%;
  color: white;
  text-align: left;
  margin-left: 20px;
  margin-bottom: 30px;
 }

/* standard width text box */
.box1  
 { 
  background-color: #000066;
  position: relative; 
  text-align: left;
  margin-top: 10px;
  margin-right: auto; 
  margin-left: auto; 
  width: 830px;
  padding: 5px;
 }

/* box for centre aligned images */
.box2
 { 
  background-color: transparent;
  position: relative; 
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: auto; 
  margin-left: auto; 
 }

/* Left and right box floats */
.boxlf
 {
  background-color: transparent;
  position: relative;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
 }

.boxrt
 {
  background-color: transparent;
  position: relative;
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
 }

/* Image caption box */
.caption
 { 
  background-color: #D0D0F7;
  margin-right: auto; 
  margin-left: auto;
  margin-top: 3px;
  margin-bottom: 10px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500; 
  color: black;
  text-align: left;
  padding: 5px;
  }

/* used for floating some images and the text wrapping around them */
.left
 {
  float:left;
  padding: 5px 5px 0px 5px;
 }

.right
 { 
  float: right;
  padding: 5px 5px 0px 5px;
 }


/* Font styles, sizes, colours and what 'ave yer! */

a:link {color: yellow; background-color: transparent;}
a:visited {color: red; background-color: transparent;}
a:hover {color: #00ffff; background-color: transparent;}
a:active {color: blue; background-color: transparent;}

h1
 {
  background-color: transparent;
  color: white;
  text-align: center; 
  font-family: Verdana, Arial, sans-serif;  
  font-size: 200%;
 }

h2 
 {
  background-color: transparent;
  color: white;
  text-align: center; 
  font-family: Verdana, Arial, sans-serif;   
  font-size: 100%;
 }

h3 
 {
  background-color: transparent;
  color: #e0e0e0;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 100%; 
 }

h4 
 {
  background-color: transparent;
  color: black;
  text-align: center; 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 100%; 
 }

ul.disc 
 {
  list-style-type: disc; 
  font-family: Verdana, Arial, sans-serif; 
  font-size: 80%; 
  color: #e0e0e0;
  background-color: #000066;
 }

ol.decimal 
 {
  list-style-type: decimal;

  font-family: Verdana, Arial, sans-serif; 
  font-size: 80%; 
  color: #e0e0e0;
  background-color: #000066;
 }

p 
 {
  background-color: transparent;
  font-family: Verdana, Arial, sans-serif;
  color: #e0e0e0;  
  font-size: 80%;
  font-weight: 500;
 }

p.bold 
 {
  background-color: transparent;
  font-family: Verdana, Arial, sans-serif; 
  color: black;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;  
 }

p.small 
 {
  text-align: center; 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: 500; 
  color: #e0e0e0;
  background-color: #000066; 
 }