/********************
 *     Skelleton    *
 ********************/
body
{
	color: #000;
	background-color: #CCC;

	font-family: Verdana, Arial, sans-serif;

	margin: 30px;
}

/********************
 *     Galleries    *
 ********************/
div#overall
{
	background-image: url(images/grid.gif);
	background-position: top left;
	background-repeat: repeat-x repeat-y;
	position: absolute;

	display:none;
	
	padding-top: 20px;


	/* font-family: sans-serif, Verdana, Arial; */
	font-family: Verdana, Arial, sans-serif;
	font-size: 32pt;
	font-weight: bold;

	text-align: center;
	vertical-align: center;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	z-index: 1000;
}

/* IE-Fix */
* html div#overall
{
	height: 100%;
	width: 100%;
}

div#overall span.small
{
	font-size: smaller;
}

div#overall span.large
{
	font-size: larger;
}

div#overall span
{
	cursor: pointer;
}

div#overall span:hover
{
	color: #C00;
}

div#overall span:active
{
	color: #FAA;
}

div#overall img
{
	border: 1px solid black;
}


div#frame
{
	background-color: white;
	border: 1px solid #000;
}

div#header
{
	border-bottom: 1px solid #000;

	background-image: url(/images/banner.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-color: #000;

	height: 200px;
}

h1
{
	text-align: left;
	padding: 20px;
	margin-top: 0px;
}

div#footer
{
	text-align: center;
	margin-top: 20px;
	padding: 5px;

	clear: both;
}

/********************
 *      Content     *
 ********************/
div#content
{
	padding: 20px;

	min-height: 300px;
}

div.member
{
	overflow: hidden;

	min-width: 280px;
	width: 33%;
	height: 300px;

	float: left;
}

div.member img
{
	display: block;
	float: left;
}

div.member ul
{
	margin-left: 130px;
}

/********************
 *       Menu       *
 ********************/
div#menu
{
	padding-top:170px;
}

div#menu ul
{
	margin: 0;
	padding-left: 20px;

	height: 30px;
}

div#menu ul li
{
	float: left;
	list-style: none;
	background-color: #CFC;

	padding: 5px;

	margin-right: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #000;

	height: 19px;
}

div#menu ul li.active
{
	background-color: white;

	border: 1px solid #000;
	border-bottom: 1px solid #FFF;
}

/********************
 *       Links      *
 ********************/
a
{
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #080;
}

a:hover
{
	color: #080;
}

a img
{
	border: none;
}

div#menu a
{
	color: #080;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

div#menu li.active a
{
	color: #000;
}

div.imageDescription
{
	padding-top: 1em;

	clear: left;
}

div.imageDescription a
{
	float:left;

	margin-right: 10px;
}