﻿/*
CSS for Bubble Under site 
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: none;
  line-height: 125%;
  padding: 0;
  border: 0;
  margin: 0;
}

h1, h2, h3 {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

}

h1{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: x-large;
  background-color: green;
  color: white;
  padding-top: 2em;
  padding-bottom: .2em;
  padding-left: .4em;
  margin: 0;
}
/*
h2{
color: #003300:
font-size: 100%
font-weight: normal;
padding-top: 15px;
}
*/
ul {
  margin-top:15px;
  }

li { 
  font-size: small;
  list-style-type: none;
  color: #008F00;
  padding-bottom: 10px;
  padding-right: 25px;
}

h2 {
  color: #003300;
  font-size: large;
  font-weight: normal;
  padding-top:15px;
  padding-right: 25px;
}

h3 {
  color: Blue;
  font-size: large;
  font-weight: bold;
  padding-right: 25px;
}

h4 {
  color: #009902;
  font-size: small;
  font-weight: bold;
  padding-top:10px;
  padding-right: 25px;
}

h5 {
  color: Red;
  font-size: small;
  font-weight: bold;
  padding-right: 25px;
}

p {
  font-size: small;
  color: #009902;
  padding-right: 25px;
}

#tagline p{
font-style: italic;
font-family: Georgia, Times, serif;
background-color: #f2ffbf;
border-top: 3px solid #003300;
border-bottom: 3px solid #003300;
padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
}

em {
  text-transform: uppercase;
}

a {
font-weight: bold;
}

a:link {
color: black;
}

a:visited {
color: navy;
}

a:hover {
text-decoration: none;
color: white;
background-color: navy;
}

a:active {
color: aqua;
background-color: navy;
}

.fun {
color: #339999;
font-family:Georgia, Times, serif;
letter-spacing: 0.05em;
}

blockquote.fun {
font-style: italic;
}

#navigation {
width: 180px;
background-color: green;
}


table caption {
  color: green;
 
  font-size: 100%
  font-weight: normal;
  padding-top: 30px;
  padding-bottom: 15px;
  }

table.prices {
   border-collapse: collapse;
   border: 1px solid black;
   text-align: left;
   padding-top: 0;
   padding-bottom: 0;
   padding-left: 4px;
   padding-right: 4px;
   }
 
table.prices caption {
    colour: #000066;
    font size: medium;
    text-align: left;
    padding-bottom: 5px;
    font-weight: bold;
    }
      

th {
   text-align: left;
   background: gray;
   colour: white;
   padding 0.2em;
   padding-left: 15px;
   padding-right: 15px;
   }
   
td {
   border: 1px solid black;
   padding: 1.5em;
   color: #009900;
   }
  
 

/*
table {
   border-collapse: collapse;
   {
   
table th, table td {
  padding: 4px;
  border: 1px solid #000066;
  {
  
table th {
   font-size: x-small;
   }
   
 table td {
    font-size: small;
    }
*/ 


/*
#header, #sitebranding, #tagline, #navigaton, #bodycontent {
  Border: 1px solid red;
  padding: 2px;
  margin-bottom: 2px;
}
*/

/*
This section deals with the position of items on the screen. It uses absolute positioning - fixed x and y coordinates measure from the top-left corner of the browser's content display.
*/


#navigation, #bodycontent, #header {
 position: absolute;
}

#navigation, #bodycontent {
 top: 
 107px;
}

#bodycontent {
 left: 200px;
}

#header {
 width: 100%;
 border-top: 3px solid #003300;
}

 
.logoengland {
 float: right;
 margin:10px
}

.logoaustralia {
 float: right;
 margin: 20px
}

.mindlogo {
/*
position: absolute;
*/
padding-bottom 25px;
padding-right 25px
}

