html, body {
	height:100%;
	margin: 0;
	padding: 0;
}

body {
	text-align:center; /* horizontal centering for IE Win quirks */
	background-color: #341600;
	color: #EBC33E;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: small;
	overflow-x: hidden;
}

/*** LAYOUT ***/

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-325px; /* half of container's height */
		float:left;
	}
	
	#container {
		margin:0 auto;
		padding: 0;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:650px;
		width:960px;
		clear:both;
	}

		.mainTable {
			width: 100%;
			height: 100%;
		}

			.topRow {
				height: 30px;
			}

				#flagsTD {
					text-align: right;
				}
			
			.midRow {
				height: 100%;
				vertical-align: middle;
			}
			
				#mainContent {
					max-height: 600px;
					max-width: 600px;
					overflow: hidden;
					padding: 5px;
				}
			
				#linksTD {
					height: 100%;
					width: 360px;
				}
				
					#links {
						background: url(../images/linksbg.png);
						height: 600px;
						width: 100%;
					}
				
			.bottomRow {
				height: 20px;
			}

/*** GENERAL ***/

H1, H2, H3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

H1 {
	font-size: large;
	}
	
.title, .links {
	margin:0;
	padding:0;
}

P {
	text-align: justify;
	color: #EBC33E;
	font-size: small;
	}
	
P.box {
	padding: 5px;
	text-align: right;
	color: #FF8A00;
	font-style: italic;
	}

p.welcomeexplanation {
	text-align: center;
	font-size: x-small;
}

.roundedBox {
	border: thin solid #EBC33E;
	-moz-border-radius: 5px;
	padding: 5px;
	text-align: center;
}
	
IMG {
	border: none;
	margin: 5px;
	outline: none;
	}

IMG.lb {
	border: thin solid #EBC33E;
	}

/*** LINKS ***/

A {
	color: #EBC33E;
	text-decoration: none;
	outline: none;
	}


A:visited {
	color: #EBC33E;
	text-decoration: none;
	}
	
A:hover {
	text-decoration: underline;
	}

A:active {
	outline: none;
	border:  none;
}

A:active IMG {
	outline: none;
	border:  none;
}