/*This is the CSS sheet for Etherealise.com.au */




   html,body{
      margin:0;
      padding-left:5px;
      padding-right:5px;
      padding-top:0px;
      padding-bottom:0px;
      height:100%;
      border:none;
	min-height:100%;
	margin-bottom:1px;
   }


/*div enclosing the main page table for the purpose of controlling page width*/
#page-container {
	margin-left:auto;
	margin-right:auto;
	min-width:600px;
	max-width:800px;
      	width:expression(document.body.clientWidth < 600? "600px" : "auto");
      	width:expression(document.body.clientWidth > 800? "800px" : "auto");

}

#title-container {
position:relative;
margin-top:10px;
margin-right:15px;
background-color:black;
height:60px;
text-align:center;
}

#links-container {
position:relative;
background-color:black;
margin-top:-5px;
margin-right:55px;
text-align:center;
}

.nav-toolbar li {
display:inline;
padding:.4em;
text-align:center;
font-family:arial;
font-size:90%;
}


.links-text 				/* links class */
{
display:inline;
font-family:arial; 
font-size:80%;
color:black;
text-align:center;
}


#content-container {
position:relative;
background-color:black;
margin-top:50px;
padding-left:20px;
}



#LH-sub-content-container {
position:relative;
background-color:black;
float:left;
width:40%;
padding-left:50px;
}

#RH-sub-content-container {
position:relative;
background-color:black;
float:right;
width:40%;
padding-right:40px;
}

#sub-content-container {
position:relative;
background-color:black;
padding-left:50px;
clear:both;
}

.sub-para {
height:150px;
font-size:90%;
font-family:arial; 
color:white;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
}






body.bg1 			/*background 1*/
{
background-color:black;

background-image: url(---images/space12.jpg)

} 



body.bg1fixed 			/*background 1*/
{
background-color:black;

background-image: url(images/space.jpg);

background-attachment: fixed
} 



body.bg2 			/*background 2*/
{
background-color:black;

background-image: url(images/space12.gif)

} 



body.bg2fixed 			/*background 2 fixed*/
{
background-color:black;

background-image: url(images/space12.gif);

background-attachment: fixed

} 	


body.bg3fixed 			/*background 3 fixed*/
{
background-color:black;

background-image: url(images/purple_swirl.jpg);

background-attachment: fixed

} 

.link a:link		/*this is for in page hyperlinks*/
{
color: #3399CC
}

.link a:active 
{
color: blue
}

.link a:visited 
{
color: #3399CC
}

.link a:hover 
{
background-color: white
}


.nav-toolbar a:link		/*this is for the navigation toolbar*/
{
color: #c0c0c0
}
	
.nav-toolbar a:hover 
{
background-color: blue
}

.nav-toolbar a:visited 
{
color: #c0c0c0
}




.centre			/*centre contents of cell*/
{ 
text-align:center;
}  


	


.text			/* white font in smaller cells */
{
font-size:90%; 
color:white;
text-align: left;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:30px;
font-family:arial;
}




.sub-title				/*font for page sub titles*/ 				
{
font-family: arial; 
font-style:italic; 
color:white; 
font-size:100%; 
font-weight:bold;
vertical-align:top;
}

.sub-sub-title				/*font for page sub titles*/ 				
{
font-family: arial; 
font-style:italic; 
color:white; 
font-size:100%; 
font-weight:bold;
vertical-align:top;
}




.float-left{
float:left; 
margin-right:40px;
margin-left:20px;
margin-bottom:5px;
margin-top:0;
vertical-align:top;
border-style:groove;
border-width:3px;
border-color:#c0c0c0;
display:inline;
}

.imgborder{
border-style:groove;
border-width:3px;
border-color:#c0c0c0;
}