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

html,.greenbox {height:100%}

body {
	color:#000;
	font: 13px Arial, Helvetica, sans-serif;
	background:#666;
	width:900px;
	height:93%;
	padding:0;
	margin:20px auto;
	position:relative
}

h2 {
	color:#FFF;
	font-size:2.1em
}
.greybox h2 {
	color:#000;
}
h2,h3 {font-weight:normal}

h2,.notop {margin-top:0}

h3 {
	color:#CCC;
	margin:20px 0 0 0
}
h3,.start a, .close a {font-size:1.6em}

p {
	margin:10px 0; 
	line-height: 150%
}
p.start span {font-size:0.85em}

a:visited,a:link {color:#3c8a35}
a:active,a:hover {color:#3a3d71}
a img {border:none}

.heading {
	text-align:center;
	width:700px;
	padding-top:10px
}

.heading,.start {float:right}

.greenbox {
	width:200px;
	min-height:620px;
	background:url(images/globe.jpg) no-repeat #bce58c
}

.greenbox,.greybox {
	border:2px #fff solid;
	position:absolute
}
.greybox {
	width:800px;
	min-height:430px;
	background:url(images/greybox.png);
	padding:20px 25px 0 25px;
	margin:115px 0 0 100px;
	float:left
}
.footer {
	color: #bce58c;
	position:relative;
	top:30px;
	left:90px;
	height:0;
	text-aligh:right;
}
.complete .footer {
	top:160px;
}
.complete .greenbox {
	min-height:610px;	
}
.incomplete .footer {
	top:220px;
}
.incomplete .greenbox {
	min-height:610px;	
}
.footer a {
	color:#FFF;
}
p.logo {margin-top: 20px}
p.start {
	margin-top: -29px;
	text-align:right;
}
p.close {
	margin:40px 0;
}
.indent {margin:10px 20px}

.logo a, .start a, .close a {text-decoration:none}
.start a:visited,.start a:link, .close a:link {color:#333}
.start a:active,.start a:hover, .close a:hover {color:#fff}
.start img, .close img {vertical-align:middle}

.complete .greybox h2, .incomplete .greybox h2 {text-align:center};