/* ------------------------------------------------------------------------ */
/* CSS Document - last updated: 28/03/2008																	*/
/* Client: SwissQual 																												*/
/* Author: Webnetism (www.webnetism.co.uk)																	*/

/* Filename: layout_control.css																							*/
/* Media: screen 																														*/
/* ------------------------------------------------------------------------ */

#main_container {
	margin-left:auto;
	margin-right:auto;
	width:800px;
/*	border: solid 1px red;*/
}

.width_976 { width: 976px; }

body {margin:0 0 0 0; text-align:left;}

/* ------------------------------------------------------------------------ */
/* Homepage box properties																									*/
/* ------------------------------------------------------------------------ */

#logo {
	position: relative;
	margin-top: 10px;
	width: 800px;
	height: 62px;
	float: left;
}

#top_red_bar {
	position: relative;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 793px;
	height: 15px;
	float: left;
	border: solid 1px red;
	background-color: #e6021c;
	padding-left: 5px;
}

#login_background {
	width: 800px;
	height: 216px;
	margin-bottom: 10px;
	background-image: url(../images/login_background.jpg);
	float: left;
}

#login_container {
	position: relative;
	width: 270px;
	height: 260px;
	float: left;
}

#login_header {
	position: relative;
	top: 20px;
	left: 20px;
	width: 255px;
	height: 17px;
	float: left;
	border: solid 1px white;
	background-color: #e6021c;
	color: #fff;
	margin-right: 200px;
	font-weight: bold;
	padding: 3px 0 0 5px;
}

#login_details {
	position: relative;
	top: 25px;
	left: 20px;
	width: 262px;
	height: 130px;
	float: left;
	background-color: #fff;
}

#main_content {
	width: 800px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}

#left_column {
	width: 409px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}

#right_column {
	width: 390px;
	height: 250px;
	float: left;
}

#admin_background {
	width: 800px;
	height: 250px;
	margin-bottom: 10px;
	background-image: url(../images/red_background.jpg);
	float: left;
}

#downloads_background {
	width: 800px;
	height: 250px;
	margin-bottom: 10px;
	background-image: url(../images/downloads_background.jpg);
	float: left;
}

#downloads_container {
	position: relative;
	width: 270px;
	height: 280px;
	float: left;
}

#downloads_details {
	position: relative;
	top: 20px;
	left: 20px;
	width: 351px;
	height: auto;
	float: left;
	background-color: #fff;
	padding: 5px;
}

.red_header_left { padding-left: 5px; background-color: #e6021c; color: #fff; }
.red_header { background-color: #e6021c; color: #fff; }

#menu_header {
	position: relative;
	top: 14px;
	left: 20px;
	width: 355px;
	height: 17px;
	float: left;
	border: solid 1px white;
	background-color: #e6021c;
	color: #fff;
	font-weight: bold;
	padding: 3px 0 0 5px;
}

#menu_details {
	position: relative;
	top: 20px;
	left: 20px;
	width: 351px;
	height: auto;
	float: left;
	background-color: #e1e1e1;
	padding: 5px;
}

.menu_left_column {
	position: relative;
	width: 21px;
	height: 20px;
	margin-bottom: 3px;
	float: left;
}

.menu_right_column {
	position: relative;
	width: 322px;
	height: 18px;
	margin-bottom: 3px;
	padding-top: 2px;
	float: left;
}

.menu_go_button{
	position: relative;
	width: 20px;
	height: 18px;
	margin-bottom: 5px;
	padding-top: 2px;
	margin-top: 5px;
	float: left;
}

INPUT.input_field { width : 260px; }

/* ------------------------------------------------------------------------ */
/* Footer properties																												*/
/* ------------------------------------------------------------------------ */

#red_footer_border {
	position: relative;
	float: left;			
	width: 800px;
	border-top: solid 1px #e6021c;
}

#footer {
	padding-top: 5px;
	position: relative;
	width: 800px;
	height: 50px;
	font-size: 10px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	color: #000;
	text-align: center;
	float: left;
	
}