img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
z-index:-1;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

div#content {
overflow: hidden;
height: 100%;
}

div#sidenav {
overflow: hidden;
float: left; 
width: 25%;
}

div#sideheader {
overflow: hidden;
float: left; 
width: 25%;
padding: 0;
padding-right: 60px;
}

div {
padding: 40px;
}

div#rightheader {
float: left;
padding: 0; 
}

div#header {
overflow: hidden;
margin:0 auto;
/*background:url(/uploads/Celestial/header.png) top no-repeat;*/
/*border: 1px solid black ;*/

}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}

ul {
        display: block;
	position: relative;
	list-style: none;
	vertical-align: baseline;
	line-height: 1;
        padding: 0;
        margin: 0px;
}

/* The list elements which contain the links */
ul li {
	display: block;
	position: relative;
padding: 5px;
width: 150px;

/* Typography */
	font-family: Georgia;
        font-style:italic;
	font-size: 15px;
	font-weight: 300;	
	text-decoration: none;
color: #021C24;	
}

/* General link styling */
ul li a {
	/* Layout */
	display: block;
	position: relative;
        color: #021C24;
}

/* The hover state of the menu/submenu links */
ul li>a:hover, ul li:hover>a {
	color: #f00;
}


/* THE SUBMENUS */
ul ul {
	display: none;
}

ul ul li a {
font-size: 11px;
}

ul ul li:first-child{
padding-top: 10px;
}

/* Showing the submenu when the user is hovering the parent link */
ul li:hover>ul {
	display: block;
}

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/* Stylesheet: ineshandschuh Modified On 2013-06-11 07:44:21 */