body {
	background-color:#000000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	text-align: left;
	width:824px;
	margin:auto;
}

#masthead {
	height:143px;
	width:824px;
	margin-left:24px;
	clear:both;
}

#logo {
	float:left;
	margin-top:20px;
	margin-left:0;
	padding-right:20px;
}

#tab {
	float:right;
	margin-top:42px;
	margin-right:165px;
}

#bar {
	background-color:#FFFFFF;
	width:800px;
	height:17px;
	padding:0;
	margin:0;
	margin-top:-4px;
	background: url(../Images/promedia.gif) no-repeat #FFFFFF;
	clear:both;
}

#container {
	background:url(../Images/bg_container.gif) no-repeat;
	width:824px;
	height:503px;
	margin-top: -120px;
	*margin-top:0px;
	_margin-top:0px;
}

.cssform {
	width: 500px;
	clear: left;
	*margin: 120px 0 0 150px;
	margin: 120px 0 0 150px;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
	position:relative;
	top: 120px;
	*top:0;
}

.cssform label {
	font-weight: bold;
	float: left;
	margin-left: 20px; /*width of left column*/
	margin-top:4px;
	padding-right: 10px;
	padding-top: 2px;
	width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	color:#3c3a3a;
	text-align:right;
	font-family:Century Gothic;
	font-size:13px;
	font-weight: bold;
	text-transform:uppercase;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
}

.cssform textarea {
	width: 250px;
	height: 100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:5px;
}

.cssform select {
	margin-top:5px;
	width:252px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix {
	margin-left: 3px;
}

#buttons {
	margin-left:300px;
	margin-top:15px;
	margin-bottom:10px;
}

.button {
	color: #be8202;
	background-color: #f6ba3a;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #be8202;
}

img {
	border:none;
}

h3 {
	color:#3c3a3a;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	position:relative;
	top: 250px;
	left: 320px;
	width: 400px;
}