/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	background: #e6e6e6;
}

a img,:link img,:visited img { border: none; }

a
{
  text-decoration: none;
  text-decoration:underline;
  color:#ff9900;
}

.black-link a
{
 color: #000000;
}

#page-container {
	width: 820px;
	margin: auto;
	margin-top:40px;
	background: #FFFFFF;
	overflow:hidden;	
}

#header {
	height: 103px;
	background-image:url(../images/headerBackground.gif);
	background-repeat:no-repeat;
	padding-left:10px;	
	padding-right:10px;	
}

#header h1 {
	padding-top:25px;
	font-size:35px;
	color:white;
}

#header p {
	font-size:14px;
	padding-top:0px;
	color:white;
}

#header-right-container {
	float: right;
	padding-top: 20px;
	text-align:right;
	padding-right:15px;
}

#content-container {
	background-image:url(../images/contentBackground.gif);
	padding-left:10px;	
	padding-right:10px;	
	padding-top:15px;
}

#left-container {
	width: 477px;
	border-right:solid;
	border-right-width:1px;
	border-right-color:#c8c8c8;
}

#right-container {
	float: right;
	width: 322px;
	border-left:hidden;
	border-left:solid;
	border-left-width:1px;
	margin-left:-1px;
	border-left-color:#c8c8c8;
}

#left-half-container {
	width: 400px;
	border-right:solid;
	border-right-width:1px;
	border-right-color:#c8c8c8;
	overflow:hidden;
}

#right-half-container {
	float: right;
	width: 399px;
	border-left:hidden;
	border-left:solid;
	border-left-width:1px;
	margin-left:-1px;
	border-left-color:#c8c8c8;
	overflow:hidden;
}

#pre-footer {
	padding-left:10px;	
	padding-right:10px;	
	padding-top:15px;
	background-image:url(../images/contentBackground.gif);
	clear: both;
}

#footer {
	background-image:url(../images/footerBackground.gif);
	height: 53px;
	clear: both;
}

#progress-bar{
	background-image:url(../images/progressBackground.gif);
	background-repeat:no-repeat;
	width:774px;
	height:68px;
	margin:auto;
}

#actual-progress{
	background-image:url(../images/progressActual.gif);
	background-repeat:no-repeat;
	float:left;
	width:100%; /*<<<<<----- CHANGE THIS PERCENTAGE TO CHANGE THE PROGRESS BAR - This is a percent of 10,000 (ADD .75% to value) --------*/
	height:68px;
	overflow:hidden;
}

#me-picture{
	background-image:url(../images/me.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:100px;
	height:132px;
	display: block;
	margin-left:20px;
	margin-right:10px;
	margin-top:15px;
	padding:2px;
	border:solid;
	border-color: #cccccc;
	border-width: 1px;
	overflow:hidden;
	float:left;
}

.participant-picture{
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	margin-left:20px;
	margin-right:10px;
	margin-top:15px;
	padding:2px;
	border:solid;
	border-color: #cccccc;
	border-width: 1px;
	overflow:hidden;
	float:left;
}

#progress-marker{
	background-image:url(../images/progressMarker.gif);
	background-repeat:no-repeat;
	height:9px;
	width:19px;
	position:relative;
	float:left;
	top:-10px;
	left:-10px;
}


.mini-progress-container {
	padding-left:20px;
	padding-top: 5px;
}

.mini-progress-container p {
	padding-top: 5px;
}
.mini-progress-bar {
	background-image:url(../images/miniProgressBackground.gif);
	background-repeat:no-repeat;
	width:250px;
	height:31px;
}

.mini-progress-bar #distance-bar {
	background-image:url(../images/miniProgressActual.gif);
	width:100%;
	height:31px;
	overflow:hidden;
	float:left;
}


.mini-progress-bar #duration-bar {
	background-image:url(../images/miniProgressActual.gif);
	width:100%;
	height:31px;
	overflow:hidden;
	float:left;
}

.mini-progress-bar #educated-bar {
	background-image:url(../images/miniProgressActual.gif);
	width:100%;
	height:31px;
	overflow:hidden;
	float:left;
}


h1,h2,h3,p,ul {
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	border:0px;
}

ul {
	padding-left:35px;
}

h1 {
	font-size:18px
}

h2 {
	font-size:15px;
}

h3 {
	font-size:13px;
}

#tzcd {
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	border:0px;
}

.time {
	font-size:35px;
	font-weight:bold;
}