/* ## GLOBALS */
* { margin: 0; padding: 0; border: none; }

html { background: #fff repeat-x url('../images/bkg_html.gif'); }
body {
	background: repeat-x url('../images/bkg_top.gif');
	text-align: center;

	font: 8pt 'Arial', 'Verdana', sans-serif;
}

/* ## LAYOUT */
#main {
	width: 900px;
	margin: 0 auto;
}

#nav {
	height: 20px;
	text-align: right;
}

	#nav a, #nav a:link, #nav a:visited {
		width: 20px; height: 20px;

		margin-left: 7px;

		display: block;
		float: right;
	}
		#nav a#icon_home { background: no-repeat url('../images/icon_home.gif'); }
		#nav a#icon_home:hover { background: no-repeat url('../images/icon_home_hover.gif'); }
		
		#nav a#icon_contact { background: no-repeat url('../images/icon_contact.gif'); }
		#nav a#icon_contact:hover { background: no-repeat url('../images/icon_contact_hover.gif'); }

#banner {
	height: 119px;

	position: relative; /* for absolutely positioned elements below */

	/* margin-bottom: 10px; */
}
	#banner #logo {
		width: 266px; height: 88px;
		position: absolute;
			top: 17px;
			left: 64px;
	}

	#banner #separator {
		width: 4px; height: 91px;
		background: no-repeat url('../images/separator.gif');

		position: absolute;
			top: 17px;
			left: 415px;
	}

	#banner #toptext {

		width: 445px;

		position: absolute;
			top: 20px;
			right: 10px;
	}
		#banner #toptext p {
			color: #baddf2;

			font-size: 10pt;
			line-height: 1.1em;

			text-align: left;

			margin-bottom: 1.3em;
		}
			#banner #toptext p span { color: #d0e943; }

			#banner #toptext a, #banner #toptext a:link, #banner #toptext a:visited { color: #baddf2; text-decoration: underline; }
			#banner #toptext a:hover { text-decoration: none; color: #fff; }

#content {
	text-align: center;
	margin: 20px 0;
}

	#content div.flash { margin-top: 10px;}
	#content table#texts {
		width: 700px;
		margin: 0 auto;

		text-align: left;
	}

		#content table#texts td {

			text-align: left;
		}

		#content table#texts td.left {

			padding: 20px 10px 0 0;

			width: 467px;

			border-right: 1px dashed #E3E3E3;

;
			/* background-color: #f0f0f0; */
		}

		#content table#texts td.right {

			padding: 10px 0 0 10px;

			width: 233px;
		}

	/* question divs */
	#content div.question {

		width: 540px;
		margin: 50px auto;

		padding: 2em 5px 0 5px;

		text-align: left;

		border: 1px dashed #E3E3E3;
	}

		#content div.question p {
			margin: 0 0 .5em 0;
		}

			#content div.question p.centered {
				text-align: center;
				padding-right: 10px;
				margin-bottom: 1em;
			}

		#content div.question h2 {
			color: #0880c9;
			text-align: center;
		}

		#content div.question input.button, #content div.question input.field, #content div.question textarea.field, #ContactForm div.input input, #ContactForm div.textarea textarea {

			font: 10pt 'Arial', 'Verdana', sans-serif;

			border: 1px solid gray;
		}

		#content div.question input.button { 
			background-color: #baddf2;
			margin: 10px 0 5px 0;
			padding: 1px 5px;
		}
		#content div.question input.field, #content div.question textarea.field {
			background-color: #fff;
			padding: 1px 2px;

			width: 200px;
		}

		#content div.question table { margin: 0 auto; }

	/* zones' divs */
	#content div.zones {

		margin-top: 4em;

		/* border: 1px solid gray; */
		text-align: right;

		/* background-color: #ededed; */
		background-color: #F6F6F6;

		padding: 10px 8px 6px 5px;
	}

	#content div.zones p {
		font-size: 8pt;
		margin-bottom: 8px;
	}

/*
	#content div.zones a, #content div.zones a:link, #content div.zones a:visited { color: #005393; }
	#content div.zones a:hover { color: #0880c9; }
*/


	/* ContactForm component scripting */
	div#ContactForm {

		position: relative;

		width: 430px;
	}
	#ContactForm table.form { margin: 0; width: 420px; /*border: 1px solid red; */}

	#ContactForm table td, #ContactForm table td p {

		margin: 0; padding: 0;
	}
/*
	#ContactForm table td p {

		margin: 0; padding: 0;
	}
*/

	#ContactForm div.textarea { width: 400px; height: 255px; /* margin-top: 10px; */ }
	 #ContactForm textarea { width: 390px; height: 245px; background: #fff; }

	#ContactForm div.input { width: 270px;  margin-bottom: 10px; }
	 #ContactForm input.text { width: 260px; height: 18px; /* margin-top: 3px; */ background: #fff; }

	#ContactForm input.button {
			width: 80px !important;
			/* height: 20px !important; */

			border: 1px solid gray;
                        background-color: #baddf2;
                        margin: 10px 0 5px 0;
                        padding: 1px 5px;

			float: right;
	}

		/* ## MessageBox position */
		#ContactForm div#MessageBox {

		        position: absolute;
		                left: 110px;
		                top: 160px;
		}

/* whoForForm! */
#whoForForm { position: relative; }

	/* ## MessageBox position */
	#whoForForm div#MessageBox {

	        position: absolute;
	                left: 320px;
	                top: 30px;
	}


/* MessageBox GLOBALS */
div#MessageBox {


	width: 250px;
	height: 80px;

	z-index: 1000;

	border: 1px dashed #808080;
	color: #0880c9;

	background-color: #fff;

        text-align: center;

	cursor: wait;
}

	#MessageBox img { margin-top: 1em; }



/* menus */
#menu {

	height: 36px;
	background: #EDEDED no-repeat url('../images/bkg_menu.gif');
}

	#menu p {

		padding-top: 10px;
		font: 10pt 'Trebuchet MS', sans-serif;
		font-weight: bold;

		color: #E3E3E3;
	}

	#menu a, #menu a:link, #menu a:visited {
		margin: 0 15px;
		color: #005393;
		text-decoration: none;
	}

	#menu a:hover, #menu a.lighted { color: #0880c9; }

/* footer */
#footer {
	width: 900px;	height: 122px;
	background: no-repeat url('../images/bkg_footer.gif');

	padding-top: 7px;
	border-bottom: 1px solid #E3E3E3; 

	position: relative;
}
#footer.line { border-top: 1px solid #E3E3E3; }

	#footer p {
		font: 8pt 'Verdana', sans-serif;
		line-height: 1.7em;

		text-align: left;
		display: block;

		color: #C7C7C7;

		position: absolute;
			top: 17px;
	}
		#footer p.first { left: 30px; }
		#footer p.second { left: 210px; }
		#footer p.third { left: 410px; }
		#footer p.fourth { left: 806px; }

	#footer a, #footer a:link, #footer a:visited {
		color: #3DA3DE;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	#footer div#partners {
		width: 104px;	height: 36px;

		position: absolute;
			top: 50px;
			right: 17px;
	}
	#footer div#logobottom {
		width: 131px;	height: 52px;
		background: no-repeat url('../images/logo_small.gif');

		position: absolute;
			top: 36px;
			right: 3px;
	}

#copyrights {
	margin: 10px;
	text-align: center;

}
	#copyrights p {
		font: 8pt 'Verdana', sans-serif;
		color: #C7C7C7;
	}
	#copyrights p span { padding-left: 9.5em; }

	#copyrights a, #copyrights a:link, #copyrights a:visited {
		color: #C7C7C7;
		text-decoration: none;
	}
	#copyrights a:hover {
		text-decoration: underline;
	}

/* ## TYPO */
p.right { text-align: right !important; }
h1 {
	font: 22pt 'Trebuchet MS', sans-serif;
	color: #0880c9;

	margin-bottom: 1.2em;
}

h2 {
	font: 18pt 'Trebuchet MS', sans-serif;
	color: gray;

	padding-top: 10px;
	margin-bottom:  .5em;
}

#content p {
	font-size: 10pt;
	line-height: 1.3em;

	color: #4e4e4e;


	margin-bottom: 1.2em;
	padding-left: 10px;
}
	#content p.right { padding-right: 15px; }
	#content td.left p { padding-right: 5px; }

#content a, #content a:link, #content a:visited { 
	color: #2a85c6;
	text-decoration: underline;
}

#content a:hover {
	color: #3f9ee0;
	text-decoration: none;
}

#content ul, #content li { list-style-type: none; }

#content ul {
	padding: 10px 0 0 10px;
}

#content li {
	font-size: 9pt;
	line-height: 1.4em;

	padding: 0 10px 0 20px;

	background: no-repeat url('../images/list_dot.gif');
	background-position: 0 2px;

	margin-bottom: 1em;

	color: #808080;

	word-spacing: 2px;
}