html {
	overflow: scroll;		/* CSS2 compatability */
	overflow-x: hidden;		/* This is actually CSS3 */
	overflow-y: scroll;		/* CSS3, vertical scrollbar always visible */
}

* {
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0;
	margin-top: 0;
	
	background:  #ffffff;
	min-width: 600px;
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 80%;
	
	/* FIXME: background style */
	/*
	background-image: url(images/background_body_tile.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	*/
	
	height: 100%;
}

/* Debugs */
div {
	border: 0px solid;	/* set to 1 for debug */
	padding: 0px;
}
table {
	border: 0px solid;	/* set to 1 for debug */
	clear: both;
	float: left;
	width: 100%;
}
th {
	border: 0px solid;	/* set to 1 for debug */
	text-align: left;
}
td {
	border: 0px solid;	/* set to 1 for debug */
	text-align: left;
	padding-bottom: 0.8em;
}

/* Links */
a {
	text-decoration: underline;
	color: #A33A29;
}
a:link {
	color: #A33A29;
}
a:visited {
	color: #7E2D20;
}
a:hover,a:active {
	color: #E96B59;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	color: #A33A29;
}

.bold {
	font-weight: bold;
}

.big {
	font-weight: bold;
	color: black;
}

.error {
	color: #ff0000;
}

.center {
	text-align: center;
}

.centerlink {
	text-align: center;
	text-decoration: underline;
}

/* fixed width */
.fw {
	width: 200px;
}

.hr {
	clear: both;
	float: left;
	width: 100%;
}
.vhr {
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0 1em 0;
}
hr {
	margin: 1em 0 1em 0;
	color: grey;
	background: grey;
}

.generalcontainer {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

/* FIXME: width */
.generalcontainernoclr {
	position: relative;
	float: left;
	/*width: 80%;*/
	width: 100%;
	overflow: hidden;
}

.generalrightcontainer {
	position: relative;
	clear: right;
	float: left;
	width: 84%;			/* FIXME: 85% */
	
	/* FIXME: WORK */
	/*margin-left: 15%;*/
	
	overflow: hidden;
}

.imit {
	float: left;
	clear: left;
	width: 100%;
	
	/*
	overflow: hidden;
	width: 87%;
	color: #ffffff;
	border: 0.3em solid #cccccc;
	
	padding-left: 0.5em;
	padding-right: 0.5em;
	*/
	padding-top: 1em;
	padding-bottom: 1em;
	
	text-align: center;
	background: #ffffff;
	background-image: url(images/gray.png);
	background-repeat: repeat-x;
}

/*
.imit h1 {
	text-align: center;
	line-height: 4.5em;
}
.imit a {
	text-decoration: none;
	font-weight: bold;	
	color: #ffffff;
}
*/

.searchcat {
	float: left;
	width: 28%;
}
.searchcat div {
	margin: 0.5em;
}

.search {
	float: right;
	height: 9em;
	overflow: hidden;
	padding-right: 0.3em;
	padding-top: 0.3em;
	text-align: right;
}

.topimageboxcontainer {
	float: left;
	width: 84%;
	height: 9em;
}

.topimageboxleftborder {
	border-left: 0.3em solid #cccccc !important;
}

.topimageboxrightborder {
	border-right: 0.3em solid #cccccc !important;
}

.topimagebox {
	float: left;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 0.3em solid #cccccc;
	border-bottom: 0.3em solid #cccccc;
	
	width: 19.5%;
	height: 8.8em;
	overflow: hidden;
}

/* DO NOT REMOVE: This is necessary to avoid flickering on hover */
.topimagebox a {
	float: left;
}

/* Top menu image hover swap */
* html a:hover
{
	visibility: visible;
}
.topimagebox a:hover img
{
	visibility: hidden;
}

.search .text {
	width: 6em;          
}
input.text {
	background-color: #dddddd;
	border: 1px solid #000000;
	color: #000000;
	margin: .1em;
	width: 15em;
}
textarea.text {
	background-color: #dddddd;
	border: 1px solid #000000;
	color: #000000;
	margin: .1em;
}
input.button {
	background-color: #444444;
	border: 1px solid #000000;
	color: #ffffff;
	margin: .1em;
	width: auto;
}

/* General boxes */
.left {
	/*
	position: absolute;
	left: 0;
	top: 0;
	*/
	
	/* FIXME: WORK */
	
	position: relative;
	clear: left;
	float: left;
	
	
	width: 14%;
	min-height: 100%;
	
	margin: 0 1% 0 0;
	overflow: hidden;
	background: #ffffff;
}

.right {
	clear: right;
	float: right;
	width: 25%;
	overflow: hidden;
}

.middle {
	float: left;
	width: 74%;		/* FIXME: width */
}

.middlespanright {
	float: left;
	width: 100%;
}

.middlespanboth {
	float: left;
	width: 100%;
}

.leftbox {
	float: left;
	clear: left;
	min-height: 9em;
	width: 87%;
	margin: 1em 0 0 0;
	overflow: hidden;
}

.rightbox {
	float: right;
	clear: right;
	width: 91%;
	margin: 1em 0em 0em 0em;
	overflow: hidden;
}

.greyborderbox {
	border: 0.3em solid #cccccc;
	background-color: #ffffff;
}

.contentbox {
	width: 95%;
	float: left;
	padding: 1em;
	margin: 1em 0 0 0;
}

.menubox {
	/*
	border: 0.3em solid #cccccc;
	padding: 0.5em;
	background: #DA2400;
	background-image: url(images/background_red_tile.png);
	background-repeat: repeat-x;
	*/
	padding: 0.5em;
	background: #ffffff;
}

.linkbox {
	padding: 0.5em;
}

.linkbox h1, .linkbox h2, .linkbox h3, .linkbox h4, .linkbox h5, .linkbox h6 {
	text-align: center;
}

.imagebox {
	padding: 0.5em;
}
.imagebox h1, .imagebox h2, .imagebox h3, .imagebox h4, .imagebox h5, .imagebox h6 {
	text-align: center;
}

/* label fixed width */
.lblfw {
	float: left;
	width: 15em;
}


.linkbox p {
	padding: 0.3em;
}
.menubox p {
	padding: 0.7em;
}

/* Menubox style links */
a#currentlink {
	color: #000000;	
}
.menubox a {
	text-decoration: none;
	font-family: Times;
	font-weight: normal;
	font-size: 1.6em;
	color: #A33A29;
}

/* footer styles */
.footer {
	clear: both;
	float: left;
	width: 86%;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 1em;
}

.footer div {
	border-top: 3px solid #ddbbbb;
	float: left;
}
.footer p {
	padding: 10px;
}
.footer a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}