 @charset "utf-8";   
/* 
Thylacoleo Index Page Style Sheet 
Copyright (c) Ian Hynes, 2007. All rights reserved.
Ian Hynes, thylacine2005-583@yahoo.com.au
*/ 

html, body {
  text-align:center;
	background:#B0BFC2;
	background-color:#000000;
}

#main_content {
  float:none;
	vertical-align:middle;
  text-align: left;
	margin: 0 auto;
	width: 800px;
}

/* .............................................................. */
/* Position Big Image and Banner Image   */

/* ....  Imported Code ..... */		 
#left, #right {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default*/
border-width: 0px; /* widths below */
/* height: 100%; */ /* hacked in for IE below */
}

* html #left, * html #right 
{height: 100%; /* required by IE to inherit from wrapper (IE Hack) above*/}
 
/* ... END Imported code .... */ 

#big_image {
     position:absolute;
	   width:650px;
	   height:400px;
	   display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
         /* background-color:#FF0000; */
     z-index:0;
		 left:250px;
		 top:100px;
		 }
		 
#banner_image {
     position:absolute;
	   width:500px;
	   height:50px;
		 display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
     left: 150px;        /* 795px;  */
     top:0px;
     z-index:2;
  		 }

#google_ads_00 {
     position:absolute;
	   width:468px;
	   height:60px;
     display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
     z-index:1;
		 left:432px;
		 top: 490px;
		 }		 
		 
 #tassiedevils_banner{
     position:absolute;
	     /* width:500px; */
	   height:50px;
		 display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
     z-index:1;
		 left: 100px;  /*675px; */
		 top: 420px;   /* 160px;  */
	}
	
 #awebhosting_banner{
     position:absolute;
	   height:17px;
		 display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
     z-index:1;
		 left: 250px;  
		 top: 550px;   
	}
	
#gss_banner {
     position:absolute;
	     /* width:500px; */
	   height:50px;
		 display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
     z-index:1;
		 left: 100px;       /* 675px; */
		 top: 407px;        /* 280px; */
	}	
	
 #aussie_flag {
   position:absolute;
   width:100px;
   height:50px;
   display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
   z-index:2;  
   left: 100px;        /* 795px;  */
   top:100px;
   /* background-color:#000066; */
   /* margin: 0 0 0 0;
   padding: 0 0 0 0; */
 }
 
 #xmas_banner {
     position:absolute;
	   height:50px;
		 display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */		 
     z-index:3;
		 left:100px;
		 top:480px;	 
		 /* Xmas_01.gif : 100px W * 50px H  */
	}
		 
#footer {
	 position:absolute;
	 left: 250px;
	 top: 550px;
	 width:630px;
	 background-color: #990000;   /* #CC0000; */
	 color: #fff;
	 padding: 5px 10px;
	 text-align:right;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:9px;
	 line-height:80%;
	 font-style:italic;
}

#header {
   position:absolute;
   left:100px;
	 /* top:0px; */
   background-color: #000000;
   /* background-image:url(../banners/thylacoleo_header032.jpg); */
	 background-repeat:no-repeat;
}

h1 { 
    /* float:none;  */
    /* background: #D36832; */
	/* left:inherit;  */
	background-color: #000000;
	background-image:url(../banners/thylacoleo_header032.jpg);
	/* background-repeat:no-repeat;  */
	color:#FFFFCC;
	/* width:800px;  */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:36px;
	font-stretch:ultra-expanded;
    text-align:right; 
	
	padding-right: 50px;
	margin: 0;
	border-top: 5px solid #990000;   /*#CC0000;  */
}

h2 {
   margin-top: 0;
	 color: #B23B00;
	 font-weight: normal;
}

#nav {
	  position:absolute;
    left:100px;
    top:100px;
	  z-index:2;
	  width: 300px;
	  background-color:#990000; 
	  display: inline;
    margin-left:0px;
	  margin-right:5px;
	  padding-right:5px;
	  padding-left:0px;
	  padding-top:5px;
	  padding-bottom:5px;
}

#nav {
  float:left;
  width: 300px;
  display: inline;    /* Fixes an IE 5.5 Double Margin Float Bug */
  margin-left: 0px;
  margin-top:0px;
  margin-bottom:5px;
  margin-right:5px;
  
  padding-left:2px;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:4px;
 }  
 
 #nav ul {
  font-size:10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
 }
 
 #nav li {
  /* background: url(banners/ball05f.gif) no-repeat 10% 0em; */
  margin-left: 1px;
  margin-top:2px;
  margin-bottom:2px;
  margin-right:5px;
  
  padding-left:2px;
  padding-top:1px;
  padding-bottom:1px; 
  padding-right:2px;
 }
 
/*.................................................................... */

a {
    text-decoration:none;
   }

a:link {
  color:#FFFFCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

a:visited {
	color:#00CCFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

a:hover {
	color: red;
  background: yellow;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding-left:0px;
	padding-right:0px;
}

 /* TABLE Styles ... */
  
  caption 
     { text-align: left;
	   color:#990000;
	   margin: 0 0 0.5em 0;
	   font-weight: bold;
	  }
	  
  caption 
     { text-align: left;
	   margin: 0 0 0.5em 0;
	   font-weight: bold;
	  }
	  
  table {
       font-family: Arial, Helvetica, sans-serif;
       text-align:left;
	   background-color: #FFFFFF;
	   border-collapse: separate;
	  }
	  
  th, td {
      /* border-right: 1px solid #990000;  */
	  /* border-bottom: 1px solid #990000; */
	  padding: 0.5em;
	  }
  tr {
      background: #FFFFFF;
	  }	
	  
	  
  thead th  {  /* An instance of a descendant selector. */
      background: #003366;
	  color: #FFFF00;
	  }
	  
  tbody th {
     font-weight: normal;
	 background: #658CB1;
	 } 
	 
  tr.alternate {
    background: #D7E0EA;
	}
  tr.alternate th {
    background: #8AA9C7;
	}

/* ..... STYLES .... */

.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style3 {font-size: xx-small}
.style4 {font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#FFFF66; font-weight:bold;}
 

/*
a.external:link {
	BACKGROUND: url(banners/brown3.gif) no-repeat 100% 0px;
	padding-right: 20px;
}
a.external:visited {
  BACKGROUND: url(brown3.gif) no-repeat 100% -100px;
  padding-right: 20px;
}
a.external:hover {
  BACKGROUND: url(brown3.gif) no-repeat 100% -200px;
  padding-right: 20px;
}
*/