/* GENERAL styles
--------------------------------------------------------------------------------------------
Styles set for all pages.
------------------------------------------------------------------------------------------*/
html {background:#969593; font-size: 100%; min-height: 101%;}
body {color:#333333; font:62.5%/1.8em Verdana, Arial, Helvetica, sans-serif; margin: 0 auto;width: 990px;}
a:link, a:visited, a:hover, a:active {outline:none; text-decoration:none}
a:hover {text-decoration:underline;}


br {clear: both;}
.hide {position:absolute; left:-9999px}

/* TYPOGRAPHY
--------------------------------------------------------------------------------------------
Keeps typographic styles all in one place
------------------------------------------------------------------------------------------*/
h1, h2 {font-weight: bold;}
h2 {}
p, label, ul {font-size:1.1em;}


/*CONTENT BLOCKS
--------------------------------------------------------------
These are the main regions on the page.
------------------------------------------------------------*/
#wrapper { position:relative; background:#969593 url(../group-images/back.jpg) no-repeat center 5px; padding:0; height:659px; width:926px;}

#wrapper #blue
{
	position: absolute;
	top: 200px;
	left:90px;
	height:200px;
	width:200px;
}

#wrapper #orange
{
	position: absolute;
	top: 415px;
	left:360px;
	height:200px;
	width:200px;
}
#wrapper #green
{
	position: absolute;
	top: 202px;
	left:632px;
	height:200px;
	width:200px;
}

#wrapper #green .link
{
	margin-top:20px;
	padding:5px;
	background:#85c226;
	text-align: center;
}

#wrapper #orange .link
{
	margin-top:20px;
	padding:5px;
	background:#ef7f00;
	text-align: center;
}

#wrapper #blue .link
{
	margin-top:20px;
	padding:5px;
	background:#0094de;
	text-align: center;
}
#wrapper p
{
	text-align: center;
}
#wrapper .link a
{
	color:#fff;
}