@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { 
	font-family: arial, helvetica, sans-serif; 
	font-size: 70%; /* Sets the text size */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Sets the type face to be displayed */
	color: WHITE; /* The text color will be white */
	background-color: #0d0d0d;
 }

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-size : 120%;
	font-weight : bold;
}

/* Links */
a:link {
	color : #909090;
	text-decoration: none;
}

a:visited {
	color : #909090;
	text-decoration: none;
}

a:hover {
	color : #ffffff;
	text-decoration: none;
}

a:active {
	color : #ffffff;
	text-decoration: none;
}

/* This is a basic website structure, top/header, middle/content and bottom/footer */
#container {
	margin: auto; /* Centers the website in the browser window */
	width: 900px; /* This is the width of the whole website */
	height: 800px; /* This is the height of the whole website */
	background-color: BLACK; /* Background color of content*/ 
	border: 2px solid #333333; /* Sets the thickness, style and color of the border*/
 }
	
#header {
	width: 900px;
	height: 100px; 
	background-color: #333
}

#email-login {
	width: 900px;
	height: 14px;
	background-color: #111518;
}

/* Container to set the background color for the menu */
#menuContainer {
	width:900px;
	height: 50px; 
	margin: 0;
	background-color: #333333;
	float: left;
}
 
/* Menu */
ul#menu {
	width: 900px;
	height: 50px;
	margin: 0;
	list-style: none;
}

ul#menu li { 
	display: inline; 
	margin: 0;
	float: left;
	position: bottom;
}

#content { 
	width: 900px;
	height: 530px; 
	margin: 0; 
	background-color:#ffffff;
	border-top: 1px solid #CCC;
}

#footerContainer {
	width: 900px;
	height: 50px; 
	margin: 0;
}

ul#footer {
	width: 900px;
	height: 50px; 
	margin: 0;
	list-style: none;
}

ul#footer li { 
	display: inline;
	margin: 0;
	float: left;
}
	
/* Floats text to the right of Image */	
	.left {
	float: left;
	 }
	 
/* Unordered List */ 
ul { 
	margin-left: 35px;
	}