html, body
{
	float: left;
	width: 100%;
	height: 100%;
	font-family: "vera-sans-1", "vera-sans-2", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*
body
{
	background-color: #FFF;
	background-image: url('../images/gfx/colymba_block_logo.gif');	
	background-repeat: no-repeat;
}
*/
/*
 * **
 */
b { font-weight: bold; }
p { margin-bottom: 3%; }
a { color: #000; }
/*
 * **
 */
#menuBar
{
	float: left;
	clear: both;
	width: 99%;
	height: 2%;
	padding: 0.5% 0.5% 0 0.5%;
	background-color: #000;
	color: #FFF;
	font-size: 100%;
	line-height: 100%;
}
#menuBar p
{
	float: left;	
}
#menuBar ul
{
	float: right;
	height: 100%;
	width: 80%;
	text-align: right;
}
#menuBar ul li
{
	float: none;
	display: inline;
	margin: 0 0.5%;
}
#menuBar a:link,
#menuBar a:visited
{
	color: #FFF;
	text-decoration: none;
}
#menuBar a:hover,
#menuBar a:visited:hover
{
	color: #555;
	text-decoration: none;
}
#menuBar a.secondary:link,
#menuBar a.secondary:visited
{
	color: #999;
}
#menuBar a.secondary:hover,
#menuBar a.secondary:visited:hover
{
	color: #333;
}
/*
 * **
 */
#ui
{
	float: left;
	width: 99%;
	padding: 0.5%;
}
.block
{
	float: left;
	position: relative;
	width: 300px;
	height: 300px;
	margin: 0 0.5% 0.5% 0;
	overflow: hidden;
}
.block .picture
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: repeat;
}
.block.picOnly .picture {}

.block .picture a
{
	width: 100%;
	height: 100%;
	float: left;
}
.block .text 
{
	/*
	width: 96%;
	height: 96%;
	padding: 2%;
	*/
	width: 100%;
	height: 100%;
	position: absolute;
	top: 300px;
	left: 0;
	background-color: #FFF;
	/*
	background-color: #000;
	color: #FFF;
	*/
}
.block.textOnly .text { top: 0; /*background-color: #FFF; color: #000;*/ }

.block .text h1,
.block .text h2
{
	width: auto;
	float: left;
	clear: both;
	margin: 0 0 2% 0;
	font-weight: bold;
	border-top: 2px solid #000;	
}
.block .text p
{
	float: left;
	clear: both;
}
.block .text p.readMore
{
	position: absolute;
	bottom: 2%;
	right: 2%;
	font-weight: bold;
}
.block .text p.readMore a:link,
.block .text p.readMore a:visited
{
	text-decoration: none;
	padding: 2%;
}
.block .text p.readMore a:hover,
.block .text p.readMore a:visited:hover,
.block .text p.readMore a:active,
.block .text p.readMore a:visited:active,
{
	background-color: #FFF;
}
.block .text .button
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*
 *  ** FORMS
 */
#login
{
	float: none;
	clear: both;
	margin: 5% auto 0 auto;
	width: 300px;	
}
#login * { float: left; }
fieldset,
fieldset div.field,
fieldset p,
div.Actions div,
div.Actions p
{
	width: 100%;
	clear: both;
	padding: 1%;
}
div.middleColumn
{
	width: 70%;
	margin: 1% 0 1% 0;
}
input[type=text],
input[type=password]
{
	width: 100%;
}
label
{
	width: 25%;
	margin: 1% 0 1% 0;
}
label.right { width: auto; }