/* Structure */

body
{
	color: white;
	font-family: Georgia, serif;
	text-align: justify;
	margin: 0;
	padding: 0;
	background: #666 url('../images/corner.png') fixed no-repeat bottom right;
}

#header
{
	top: 0px;
	height: 100px;
	width: 100%;
	overflow: hidden;
	background: url('../images/header.jpg') no-repeat top center;
}

#content
{
	text-align: center;
	top: 100px;
	width: 600px;
	background-color: #333;
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: smaller;
	clear: both;
}

#footer
{
	height: 100px;
	font-size: xx-small;
	clear: both;
	background: url('../images/footer.png') bottom center no-repeat;
}

.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }

/* Objects */

.boxgrid
{
	float: left;
	height: 100px;
	width: 100px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border: 4px solid #f60;
}

.cover
{
	position: absolute;
	z-index: 1;
	width: 100px;
	height: 100px;
	background-image: url('../images/192.png');
}

.breadcrumb
{
	width: 100%;
	overflow: hidden;
	border-top: 1px dotted #f60;
	border-bottom: 1px dotted #f60;
	background-color: #666;
	padding: 10px 0;
	color: #fff;
	clear: both;
}

.small { font-size: x-small; line-height: 2em; }
.nav { cursor: pointer; margin: 0; padding: 0; }
.imageHide { display: none; }

img
{
	border: none;
	padding: 0;
	margin: 0 10px;
	clear: none;
	vertical-align: middle;
}

p
{
	text-indent: 1.5em;
	margin: 0;
	padding: 10px;
	text-align: justify;
	text-shadow: #f60 1px 1px 1px;
	clear: both;
}

a { color: white; }
a:link, a:visited { text-decoration: none; text-shadow: #f60 1px 1px 1px; }
a:hover, a:active { text-decoration: underline; text-shadow: #000 1px 1px 1px; }
div { margin: 0 auto; padding: 0; }
h2 { padding: 15px 0; margin: 0; text-shadow: #f60 2px 2px 2px; clear: both; }
hr { height: 1px; border: none; border-top: 1px dotted #666; clear: both; }
ol, ul { text-align: left; text-shadow: #f60 1px 1px 1px; }
table { margin: 0 auto; }

/* Modifications */

#content p a, #content ol a, #content ul a
{
	padding-right: 18px;
	background: url('../images/web.png') no-repeat center right;
}

#header a { margin-left: -2000px; }
#content b { text-shadow: #f60 1px 1px 2px; line-height: 3em; }
#footer p { text-indent: 0; color: #aaa; text-align: center; }
#footer a { margin-top: 33px; }

.breadcrumb a { font-weight: bold; color: #86ffff; text-shadow: #010a97 1px 1px 1px; }
.boxgrid img { margin: 0px; height: 100px; width: 100px; }
.imageHide { clear: both; }
.imageHide p { text-indent: 0; text-align: center; clear: both; }
.imageHide a:link img, .imageHide a:visited img { border: 5px solid #f60; }
.imageHide a:active img, .imageHide a:hover img { border: 5px solid #000; }

.cover p
{
	display: table-cell;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	text-indent: 0;
}