html, body {
	height : 100%;
	width : 100%;
	margin : 0;
	padding : 0;
	}

	body {
	color : #000;
	font : 12px/19px "Trebuchet MS", Helvetica, sans-serif;
	text-align : center;
	background-color: #164D47;
	background-image: url(../images/TarantulaNebula_MagellanicCloud.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment:fixed;
	}

	#wrapper {
	position : absolute;
	top : 0;
	left : 0;
	z-index : 10;
	padding : 80px 0;
	width : 100%;
	height : auto;
	}
	
	#container {
	position : relative;
	margin : 0 auto;
	padding : 60px 20px;
	width : 650px;
	height:inherit;
	min-height : 400px;
	background : rgba(255, 255, 255, 0.7);
	border-radius : 25px;
	text-align : left;
	box-shadow: 2px 2px 10px #000000;
	}
	
	#facebook{
	float:left;
	z-index:12;
	top:12px;
	left:25px;
	width:22px;
	height:22px;
	position: absolute;	
	}
	#twitter{
	float:left;
	z-index:12;
	top:12px;
	left:50px;
	width:22px;
	height:22px;
	position:absolute;	
	}
	
	#header {
	position:absolute;
	z-index:11;
	width:645px;
	height:222px;
	top: -25px;
	background-image: url(../images/logoandnav.png);
	background-repeat: no-repeat;
	margin-bottom:
	}
	
	#homebutton{
	float:left;
	z-index:12;
	top:19px;
	left:250px;
	width:120px;
	height:100px;
	position: absolute;
	border: none;
	}
	
	.search{
	float:right;
	z-index:12;
	top:10px;
	right:25px;
	height:22px;
	position:absolute;
	}

	
	

/*Navigation*/
#cssmenu ul { margin: 0; padding: 0;}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {background-color: transparent;
margin-top: 85px;}


#cssmenu > ul > li {
    float: left;
    margin-left: 15px;
    position: relative;
}

#cssmenu > ul > li > a {
	
	color: black;
	width:45px;
	font-family: Gabriola;
	font-size: 18px;
	line-height: 70px;
	padding: 15px 20px;
	-webkit-transition: color .15s;
	-moz-transition: color .15s;
	-o-transition: color .15s;
	transition: color .15s;
}

#cssmenu > ul > li > a:hover {color: gray; }


#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 20px 0;
    background-color: rgb(250,250,250);
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 65px;
    visibility: visible;
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
}

#cssmenu > ul ul > li { position: relative;}

#cssmenu ul ul a{
    color: rgb(50,50,50);
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color: rgb(250,250,250);
    padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#cssmenu ul ul a:hover {background-color: gray;}


#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: gray;
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}


#cssmenu ul ul a:hover{
    background-color: gray;
    color: rgb(240,240,240);
}

	
/*Navigation positioning*/	

	.dictionary {
	margin-right:-25px;	
	margin-left:5px;
	}
	
	.bank {
	margin-right:100px;
	}

	.forum {
	margin-right:0px;
	}

	.contact {
	margin-right:-50px;
	}
	/**/
	
	
	
	.maincontent {
	align:left;
	margin-top: 125px;
	margin-left: 45px;
	width:470px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	.gabfont{
	font-family:Gabriola;
	font-size:40px;
	margin-bottom:-2px;
	margin-left:-10;
	}
	
	.p-margin {
	margin-left:15px;
	}

	.p-margin strong{
	font-size:15px;	
	}
	
	#footer{
	font-size:10px;
	margin-left:150px;
	margin-top:100px;
	margin-bottom:-35px;
	
	}