/*
*
*	This style sheet is the default style for every page on the website
*
*/

/*----- The header and menu that appears on every page -----*/

#header_container
{
	width:100%;
	height:200px;
	margin:0px;
}

#header_image
{
	width:800px;
	height:140px;
	margin:0 auto;
	background:url(/images/Header_Title.jpg) no-repeat;
}

#header_menu
{
	width:1000px;
	height:40px;
	margin:0 auto;
	text-align:center;
}

#header_menu ul
{
	margin:0 auto;
	list-style:none;
}

#header_menu li
{
	margin:0;
	padding:0;
	display:inline;
}

#header_menu img
{
	width:150px;
	height:40px;
	border:0px;
	margin:0;
}

/*----- Main webpage elements -----*/

body
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #002200;
	color: #33FF55;
}

p
{
	margin:0px;
}

img
{
	border: 0px;	
}

/* Classes for floating images next to text */
img.floatLeft 
{
	float: left;
	padding-left: 10px;
}
img.floatRight 
{
	float: right;
	padding-right: 10px;
}

/* Unvisited link */
a:link 
{
	border: 0px;
	text-decoration: none;
	color:#00FF00;
}
/* Visited link */
a:visited
{
	border: 0px;
	text-decoration: none;
	color:#88FFAA;
}
/* Mouse over link */
a:hover
{
	border: 0px;
	/*border: 1px solid #00FF00;*/
	text-decoration: none;
	color:#00FF00;
}
/* Selected link */
a:active
{
	border: 0px;
	text-decoration: none;
	color:#00AA22;
}

/* For centering and doing nothing else */
.center
{
	text-align: center;	
}
/* Different browsers align tables with CSS differently so define how tables 
   are aligned with the div class to avoid problems */
.center table
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}

/* For aligning right and doing nothing else */
.right
{
	text-align: right;	
}
.right table
{
	margin-left: auto;
	margin-right: 0px;
	text-align: left;	
}

/*Main design encapsulating content of the different pages*/
#main_wrapper
{
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

/* The style of the footer at the bottom of each page */
#footer_container 
{
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 25px;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	text-align: center;
	color: #EEEEEE;
}

/*----- "Under Construction" image and message parameters -----*/

#construction_container 
{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 50px;
	padding: 0px;
	width: 90%;
	/*The height of the Konstruction Kurio image is 480px*/
	height: 480px;
	font-family: 'Comic Sans MS', cursive;
	font-size: x-large;
	font-style: normal;
	font-weight: bold;
	border: 2px solid #228822;
	background-color: #EEEEAA;
	color: #114411;
}

#constuction_image
{
	width:480px;
	height:480px;
	float:left;
	background:url(/images/Konstruction_Kurio.png)
}