html, body {height: 100%;}
body {margin: 0; padding: 0; color: #667070; font-family: "trebuchet MS"; font-size: 11px; background-color: #fff;}

a img {border: none;}
form {margin: 0;}
h2, h3, h4, p, ol, ul, dl {margin: 1em 0;}
h1, h2 {color: #3b74b1; font-weight: normal;}
h1 {font-size: 18px; margin: 0 0 0.6em; text-transform: uppercase;}
h2 {font-size: 16px;}
	h2 a {color: #3b74b1; text-decoration: none;}
h3 {font-size: 14px;}
h4 {font-size: 12px; margin: 0; text-transform: uppercase; color: #575757; font-weight: normal;}
ol, ul, dd {padding-left: 25px; margin-left: 0;}
a {color: #016fd0;}
a:hover {color: #636465;}

/*->default's----------------------------------------------------*/
#layout {position: relative; left: 0; top: 0; height: 100%; width: 100%; min-height: 660px; min-width: 1260px; }
#page {width: 1260px; overflow: hidden; position: absolute; top: 50%; margin-top: -330px;}
	#page, #main {height: 660px;}
	
	#navigation .nav2, .nav2 #main {background-color: #e4f4ff;}
	#navigation .nav3, .nav3 #main {background-color: #daf0ff;}
	#navigation .nav4, .nav4 #main {background-color: #cce9ff;}
	#navigation .nav5, .nav5 #main {background-color: #bce1ff;}
	.error {font-weight: bold; color: #b00303;}

/*->left---------------------------------------------------------*/
#left {float: left; width: 190px; height: 620px; padding: 20px 23px; background-color: #e1ecf2;}
	#logo {margin-left: -13px; display: block; outline: none;}
	#menu {margin: 0; padding: 0; list-style-type: none; font-size: 10px;}
		#menu a {color: #464646; text-decoration: none; margin: 0.6em 0 0; display: inline-block; height: 10px; overflow: hidden;}
		#menu a:hover, #menu a.sel {color: #53859b;}
	#navigation {margin: 60px -23px 30px; padding: 0; list-style-type: none; font-size: 10px; background-color: #edf8ff; line-height: 1em;}
		#navigation a {display: block; padding: 9px 23px; height: 10px; overflow: hidden; text-decoration: none; color: #555555; text-transform: uppercase; outline: none; vertical-align: middle;}
		#navigation a:hover, #navigation .sel a {color: #94a4ae;}
			#navigation a:hover img, #navigation .sel a img, #menu a:hover img, .nav1 #menu a img, #menu .sel a img {margin-top: -20px;}
			.nav1 #menu a:hover img, .nav1 #menu .sel a img {margin-top: 0;}
		#navigation ul {margin: 0; padding-left: 38px; list-style-type: none; display: none; overflow: hidden;}
			#navigation .sel ul {display: block;}
			#navigation ul a {padding: 0; text-transform: lowercase; margin: 0 0 10px; height: 11px;}
	#footer {position: absolute; bottom: 65px;}
		#footer address {font-style: normal;}
		#footer a {text-decoration: none; color: #667070; outline: none;}
		#footer a:hover {color: #464646;}

/*->main---------------------------------------------------------*/
#main {margin-left: 236px; background-color: #edf8ff; color: #3b74b1;}
	.slideshow {position: relative; width: 1024px; background-image: url(../images/loader.gif); background-position: center center; background-repeat: no-repeat;}
		#main .slideshow {width: 570px; height: 660px; float: right;}
		.slideshow .slides, .slideshow .slide {position: absolute; left: 0; top: 0; width: 100%; height: 660px; overflow: hidden; display: none;}
	#content {float: right; position: relative; width: 406px; padding: 95px 24px 20px;}
	#scroll {height: 510px; width: 406px; overflow: hidden !important;}
	ul.list {margin: 0; padding: 0; list-style-type: none;}
		ul.list li {margin-top: 25px; color: #667070;}
		ul.list li:first-child {margin-top: 0;}
		ul.list h2 {color: #3b74b1; font-size: 18px; margin: 0;}
		ul.list strong {text-transform: uppercase; font-weight: normal; font-size: 12px; color: #575757;}
	dl.list {margin: 0; padding: 0;}
		dl.list dt {text-transform: uppercase;}
			dl.list dt i { font-style: normal;}
		dl.list dd {margin: 0 0 1.5em; padding: 0;}
	.topper {position: absolute; top: 24px; left: 24px; color: #676767; width: 406px;}
	.topper ul {margin: 0 -20px 0 0; padding: 0; list-style-type: none; overflow: hidden;}
		.topper li {float: left; margin-right: 20px;}
		.topper a {color: #000; text-decoration: none;}
		.topper a:hover, .topper .sel a {color: #b5b5b5;}
		
@media print {
	#layout {min-width: 100%; min-height: 100%;}
	#page {width: 100%; position: static; margin: 0;}
	#navigation, #menu, .slideshow, .topper, #footer address {display: none;}
	#left {float: none; border-bottom: 1px solid #acacac; height: auto; width: auto; padding: 0 0 20px; overflow: hidden;}
	#logo {margin: 0; float: left;}
	#main {margin-left: 0; width: auto; height: auto;}
	#content {float: none; width: auto; padding: 20px 0 0;}
	#footer {position: static; text-align: right; padding: 0;}
	h1, #main { color: #667070;}
}