#menu {
	position:fixed;
	width: auto;
	height: auto;
	z-index: 0;
	left: 0%;
	top: 10%;
	border-style: solid;
	border-color: grey;
	background-color:black;
    margin:10px 5px 5px 0px;
	padding-top:2px;
	padding-bottom:20px;
	padding-right:5px;
	z-index:0;
    font-size:1em;
		}


#Error {
	color:#FF0033;
	font-size:14px;
	}

body {
    width:100%;

	margin:0;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
    font-size:30px;
	background-color:#acacac;


	}


h1 {

	margin:0px 0px 15px 0px;
	padding:2px;
	font-size:1.2em;
	line-height:1.1;
	font-weight:100;
	color:black;
    background:clear;
	}
h2 {

	margin:0px 0px 5px 0px;
	padding:1px;
	font-size:1.0em;
	line-height:25px;
	font-weight:400;
	color:black;
    background:clear;

	}
h3 {

	margin:0px 0px 5px 0px;
	padding:1px;
	font-size:.75em;
	line-height:20px;
	font-weight:900;
	color:darkblue;
    background:clear;

	}
p {
	font:.5em, verdana, arial, helvetica, sans-serif;
	margin:0px 0px 4px 0px;
	padding:2px;
	color:white;
    background:clear;
	}


a {
    border:0px solid green;
    padding:2px 2px 2px 5px;
    margin:1px 1px 1px 1px;
    line-height:50px;
	color:yellow;
	font-size:1em;
	text-decoration:none;
	font-weight:250;
	font-family:verdana, arial, helvetica, sans-serif;
	 background:#bbb;
	}

a:link {color:green;}

a:visited {color:#07a;}

a:hover {background-color:yellow;}

#header {
    padding-left:10px;
    padding-top:10px;
    padding-bottom:5px;



	width: 100%;
	height: auto;
	z-index: 55;
	left: 0%;
	top: 0%;
	background-color:red;

	}
#header p{	color:yellow;

}
#header h1{color:yellow;
text-align:center;
}

#header h3{
color:yellow;
text-align:center;
}


#picture{	<!--
	position: fixed;
	-->
	width: 100%;
	height: 100px;
	z-index: 0;
	left: 0px;
    top: 20%;

	}







#menu2
	{	border-color:#ff0000;
	position:absolute;
	height: auto;
	z-index: 10;
	left:-1px;
	top:400px;
	background-color:clear;
	z-index: 10;
	}

#login_form
	{
	position: absolute;
	width: auto;
	height: auto;
	z-index: 1;
	left: 715px;
	top: 90px;
	border-style: solid;
	border-color: black;
	background-color:clear;

	padding-top:2px;
	padding-bottom:20px;

	}
#logout{position: absolute;
	width: 115px;
	height: auto;
	z-index: 1;
	left: 710px;
	top: 100px;
	border-style: solid;
	border-color: black;
	background-color:clear;
	padding-top:2px;
	padding-bottom:20px;




}
#not_loggedin
	{

    display:none;
	}

#middle
	 {
	left:0%;
    top:33%;
	background-color:white;
	width: auto;
	height:auto;
	margin-top:10px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:10px;
	padding-left: 2%;
	padding-right: 2%;
   border-width:1px;
    border-style:groove;
    border-color:white;
    z-index:10;
	}

#middle h1
	{color:red;
	}

#middle p
	{color:black;
	 font:20px verdana, arial, helvetica, sans-serif;
	}


#download_area {	position: relative;
	width: 50%;
	height: auto;
	z-index: 2;
    left:250px;
 	top: 10px;
	border-style: groove;
	border-color: #DC9000;
	background-color:clear;
}
#download_area h1 {color:blue;}
#calendar1 {position: relative;
	left:120px;

	background-color:#D7d7d7;
	width: 80%;
	height:auto;
	margin-left:2px;
	margin-right:1px;
    border-width:2px;
    border-style:groove;
    border-color:blue;
    z-index:10;

}

#bottom {	position: absolute;
	top:-600px%
	left: 0px;
    text-align:center;
    z-index:0;
	width:100%;
	height:20px;
	margin-top:10px;
	margin-left:2px;
	margin-right:2px;
	padding:5px;
	background-color:#DC9066;
	}

#bottom p { font:10px verdana, arial, helvetica, sans-serif; color:blue;
  		  }

#wrapper{	position:relative;	height:auto;
	}

#space{		position:relative;
		height:200px;
		}

#weather{	position: absolute;
	top:410px;
	z-index: 1;
	left: 2px;
	height:auto;
	width:158px;
	border-style: solid;
	border-color: black;
	}
#weather h1
{margin:0px 0px 5px 0px;
	padding:3px;
	font-size:15px;
	line-height:1.0;
	font-weight:100;
	color:black;
    background:clear;

}
#weather h3
{
margin:0px 0px 15px 0px;
	padding:3px;
	font-size:12px;
	line-height:1.1;
	font-weight:100;
	color:black;
    background:clear;

}
#navmenu
	{



    background:green;
    font-size:.6em;
	}
#navmenu ul
	{

	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	}
#navmenu li
	{
	display: inline;
	}
#navmenu ul li a {
	text-decoration:none;
	 margin: 1px;
	padding: 3px 20px 3px 20px;
	 color: red;
	background: #ccc;
	}
#navmenu ul li a:hover
	 {
	color: purple;
	background: yellow;
	 }
