/******************************************************************************
 * General
 **********/

HTML, BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

BODY, INPUT, SELECT, TEXTAREA {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

HTML {
	overflow-y: scroll;
}

BODY {
	background-color: #223873;
	background-image: url(images/background.png);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: 0px 100%;
	font-size: 10px;
	color: black;
}

H1 {
	margin-top: 9px;
	font-size: 16px;
}

H2 {
	margin: 0px;
	font-size: 12px;
	color: #898989;
}
H2 A {
	color: #898989;
}

H3 {
	font-size: 14px;
}

H4 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}

H5 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 10px;
}

H3 + P, H4 + P, H5 + P {
	margin-top: 0px;
}

P {
	margin-top: 12px;
	margin-bottom: 12px;
}



H1, H3, H4, H5, .h5, 
A {
	color: #606060;
}

.frame {
	width: 800px;
	margin: auto;
	text-align: left;
}

/******************************************************************************
 * Head
 *******/

.head {
	position: relative;
	height: 161px;
	text-align: left;
}

BODY.blue   .head { background-image: url(images/head/blue/background.png); }
BODY.brown  .head { background-image: url(images/head/brown/background.png); }
BODY.green  .head { background-image: url(images/head/green/background.png); }
BODY.orange .head { background-image: url(images/head/orange/background.png); }
BODY.red    .head { background-image: url(images/head/red/background.png); }

/******************************************************************************
 * Head > login
 ***************/

.head .login {
	display: block;
	position: absolute;
	top: 7px;
	right: 10px;
	width: 45px;
	height: 19px;
	background-repeat: no-repeat;
}

BODY.blue   .head .login { background-image: url(images/head/blue/login.png); }
BODY.brown  .head .login { background-image: url(images/head/brown/login.png); }
BODY.green  .head .login { background-image: url(images/head/green/login.png); }
BODY.orange .head .login { background-image: url(images/head/orange/login.png); }
BODY.red    .head .login { background-image: url(images/head/red/login.png); }

/******************************************************************************
 * Body
 *******/

.body {
	position: relative;
	height: 1%;
	min-height: 500px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: white;
	background-repeat: no-repeat;
	text-align: left;
}

/******************************************************************************
 * Body > Backgrounds
 *********************/

.trolly {
	background-image: url(images/content/backgrounds/trolly.jpg);
	background-position: 100% 100%;
}

.map {
	background-image: url(images/content/backgrounds/map.png);
	background-position: 100% 0%;
}

.logo {
	background-image: url(images/content/backgrounds/logo.png);
	background-position: 100% 65px;
}

/******************************************************************************
 * Body > Menu
 **************/

.body UL.menu {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 41px;
	top: 10px;
	width: 400px;
	height: 20px;
	list-style-type: none;
}

.body UL.menu LI {
	float: left;
	margin: 0px;
	padding-right: 20px;
}

.body UL.menu LI A {
	display: block;
	padding-bottom: 3px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	color: #555555;
}

.body UL.menu LI.orange A { border-color: #FFB300; }
.body UL.menu LI.blue   A { border-color: #2B75B4; }
.body UL.menu LI.red    A { border-color: #D40D29; }

/******************************************************************************
 * Body > Content
 *****************/

.body .content {
	padding: 1px;
	padding-left: 40px;
	padding-right: 40px;
	background-repeat: no-repeat;

	/* IE fix */
	position: relative;
	top: 74px;
	/*margin-top: 74px;*/
	margin-bottom: 73px;
}

BODY.blue   .body .content { background-image: url(images/content/title-arrow/blue.png); }
BODY.brown  .body .content { background-image: url(images/content/title-arrow/brown.png); }
BODY.green  .body .content { background-image: url(images/content/title-arrow/green.png); }
BODY.orange .body .content { background-image: url(images/content/title-arrow/orange.png); }
BODY.red    .body .content { background-image: url(images/content/title-arrow/red.png); }

.column {
	float: left;
	width: 220px;
	margin-right: 15px;
}

.row {
	clear: both;
}

.block {
	float: left;
	width: 154px;
	height: 166px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-left: 1px;
	padding-right: 1px;
	background-image: url(images/content/logos/background.png);
	background-repeat: no-repeat;
	background-position: 0px 100%;
}

.block P {
	margin-left: 29px;
	margin-right: 19px;
	font-size: 9px;
}

.block H5 {
	margin-left: 29px;
	margin-right: 19px;
	font-size: 9px;
}

/******************************************************************************
 * Body > Content > Forms
 *************************/

/* General */
FORM DIV LABEL {
	display: block;
	margin-top: 8px;
	margin-bottom: 3px;
	padding-left: 2px;
	font-weight: bold;
}

FORM DIV INPUT.text {
	width: 170px;
	height: 1.3em;
}

FORM DIV SELECT {
	width: 176px;
	height: 1.7em;
}

FORM DIV TEXTAREA {
	width: 290px;
	height: 59px;
}

FORM DIV A {
	padding-left: 2px;
}

FORM DIV .star {
	font-weight: bold;
	color: #9B0038;
}

/* Buttons */
FORM DIV DIV.password-button,
FORM DIV DIV.login-button,
FORM DIV DIV.send-button {
	display: block;
	height: 26px;
	margin-top: 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

FORM DIV DIV.password-button {
	width: 108px;
	background-image: url(images/content/forms/button-password.png);
}

FORM DIV DIV.login-button {
	width: 68px;
	background-image: url(images/content/forms/button-login.png);
}

FORM DIV DIV.send-button {
	width: 57px;
	background-image: url(images/content/forms/button-send.png);
}

/* Login form */
FORM DIV.password,
FORM DIV.login {
	width: 616px;
	height: 215px;
	padding-top: 60px;
	padding-left: 40px;
	margin: auto;
	background-image: url(images/content/forms/login.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Contact form */
FORM DIV.contact {
	position: relative;
	width: 594px;
	height: 366px;
	padding-top: 30px;
	padding-right: 33px;
	margin: auto;
	background-image: url(images/content/forms/contact.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

FORM DIV.contact DIV.nametag {
	position: absolute;
	left: 35px;
	bottom: 0px;
	width: 240px;
	height: 90px;
}

FORM DIV.contact DIV.form {
	float: right;
	width: 295px;
}

FORM DIV.contact DIV.form DIV {
	padding-bottom: 8px;
}

FORM DIV.contact DIV.form DIV.star {
	padding-bottom: 0px;
}

FORM DIV.contact DIV.form INPUT.text,
FORM DIV.contact DIV.form SELECT {
	float: right;
	margin-right: 10px;
	vertical-align: top;
}

FORM DIV.contact DIV.form LABEL {
	padding-top: 4px;
	padding-bottom: 5px;
	margin-top: 0px;
}

/******************************************************************************
 * Body > Foot
 **************/

.foot {
	height: 84px;
	padding: 1px;
	background-color: #324F90;
	text-align: center;
	color: white;
}

.foot A {
	text-decoration: none;
	color: white;
}

.foot A:hover {
	text-decoration: underline;
}