body {
	//background: #9aaf46;
	background:url("../img/mooning_maga.jpg");
        //background-size: 80px 60px;
	background-repeat: repeat;
	border-radius: 5px;
	}

#contents{
	background: #ffffff;
        //height:750px;
        font-family: "Oxygen", "Varela Round", "Montserrat", "Delicious", "Verdana,Arial","Helvetica","sans-serif";
        padding-bottom: 10px;

	text-align:justify;
	text-justify:inter-word;

	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}

#contents p {
        font-size: 1em;
        line-height: 2em;
	padding-left: 15px;
        padding-right: 10px;
}

#contents h3 {
        padding-left: 10px;
}



#header{	
        background-image: url("../img/logobg.png");
        background-repeat:"repeat-x";
	height:200px; 
	//line-height:50px; 
	//margin-bottom:12px; 
	//padding-bottom:0px; 
	//border-bottom:1px; 
	//dotted #ccc;
       } 

#logo  {
       margin-top:40px;
       margin-left: 10px;
       }

#instlogo
	{
	padding:5px 5px 5px 5px;
	}	

#footer{	
	//line-height:50px; 
	//margin:20px 0; 
	//padding-top:10px; 
	//border-top:1px dotted #ccc;
        margin-top: 5px;
        margin-bottom: 10px;
        background: #ffffff;
	/* Menu */
        height: 150px;
        //width: 505px;
        width: 98%;

	box-pack:center;
	left: 50%;
    	top: 50%;

        background: #b9bbc4;
        background: -webkit-linear-gradient(top, #b9bbc4 0%,#2c2d33 100%);
        background: -moz-linear-gradient(top, #b9bbc4 0%,#2c2d33 100%);
        background: -o-linear-gradient(top, #b9bbc4 0%,#2c2d33 100%);
        background: -ms-linear-gradient(top, #b9bbc4 0%,#2c2d33 100%);
        background: linear-gradient(top, #b9bbc4 0%,#2c2d33 100%);

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	}


sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}