*
{
	font-family: Verdana, Arial, Sans-Serif;
}

body
{
	/* 
		Clears white space around the body and assigns it BodyBackground.jpg as the background image.
	  The image is not repeated, so the remaining background gets #464646 as its color.
	*/
	margin: 0;
	background-repeat: no-repeat;
	background-color: #464646;
	color:White;
	height:100%;
	width:980px;
}

a
{
	/*
		Clears the underline on normal links, and give them #da6637 as the color.
	*/
	color: #da6637;
	text-decoration: none;
}

a:hover
{
	/*
		Underlines links when the users hover the mouse over them.
	*/
	text-decoration: underline;
}
h1
{
  /*
    Makes h1 elements smaller than their browser default.
  */
  font-size: 20px;
}
.Introduction
{
  font-style: italic;
}
#PageWrapper
{
	/*
		Sets the total width for the entire page.
	*/
	width: 980px;
	background: black;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */

}

#Header
{
	height: 120px;
	margin: auto;
	border-bottom:2px solid gray;

}
.headerImage
{
	float:left;
	border-style:none;
	vertical-align:middle;
	margin-left:20px;
	margin-top:10px;
	max-height:100px;
}
.headerText
{
	float:right;
	padding-right:20px;
	text-align: right;
	font-size: 18px;
	margin-top : 45px;
}

#MenuWrapper
{
	/*
		Floats the entire menu on the left of the content.
	*/
	width: 160px;
	padding: 10px;
	padding-top: 20px;
	float: left;
	color:#a0a0a0;
}
.menuText
{
	display:block;
	font-size:small;
}
#MainContent
{
            width: 720px; /* 980- menuwrapper width - a margin*/
            position: relative;
            margin-left: 180px;
            min-height: 250px;  
            padding: 10px;
            padding-top: 20px;
            border-left: 2px solid Gray;
            font-size: 0.8em;
}
/* Credits */
.credits
{
	font-size:10pt;
	text-align:center;
	color:#aaaaaa;
}
.credits.a
{
	color: #cccccc;
	text-decoration: none;
}

.credits.a:hover
{
	text-decoration: underline;
}
#Buttons
{
            width: 720px;
            position: relative;
            margin-left: 180px;
            padding-left: 30px;
            border-left: 2px solid Gray;
            height: 40px;
            font-size: 0.8em;
}
.dataProtection
{
	margin-top:100px;
	text-align:center;
	color:#cccccc;
}
.compClosed,.compEnded
{
	text-align:center;
	font-size:14pt;
	color:Yellow; 
	margin-top: 100px;  
}
.paymentMethod
{
	margin-left:100px;
}
.lnkEndUp
{
	color: Yellow;
	text-decoration: underline;
}
.sectionText
{
	font-size:14pt;
		color:Yellow; 

}
.entryCell
{
  padding:2px 2px 2px 2px;
  border: 1px solid #cccccc;
}
.dupTable
{
	border:1px solid White;	
	background-color:#aaaaaa;
}
.dupTableCell
{
	padding:2px 2px 2px 2px;
	text-align:left;
	border:1px solid Black;
	color:Black	
}
.removeButton
{
	margin-left: 5px;
	height: 22px;
	width: 80px;
}
.hidden
{
	display:none;
}
.warning
{
	color:red;
}
.description
{
	max-height:500px;
	margin-top:20px;
}
.homeImage
{
	border-width:0px;
	width:120px;
}
.notMember
{
	margin-left: 25px;
}
.prompt 
{
	color:Yellow;
}
.fee
{
	color:Yellow;
	font-size:larger;
}
.uploading
{
	text-align:center;
	font-size:14pt;
	color:#00ff00; 
}
#Footer
{
	/*
		The footer is positioned below all other content (yet still within PageWrapper).
		At the top, it gets a border with a dashed style, while all other sides have no border.
	*/
           text-align: center;
            border-top: 2px solid Gray;
            font-size: small;
            color: Gray;
            height: 37px;
            clear: both;
}
.reviewOptions
{
	margin-left:40px;
}
.reviewOptButton
{
	width:10px; 
	height:10px;
}
.in10 
{
	margin-left:10px;
}
.in20 
{
	margin-left:20px;
}
.in30 
{
	margin-left:30px;
}
.in40 
{
	margin-left:40px;
}
.in50 
{
	margin-left:50px;
}