@charset "utf-8";

@media all {
	html {
		font-size:100%;
		border-top:.1em solid #fff;
		background:#eae8e2 url('../ground.gif') repeat fixed;
		margin:0 2em
	}
	body {
		max-width:800px;
		font-family:verdana, helvetica, arial, sans-serif;
		line-height:2em;
		color:#555;
		background:#fff;
		padding:3.5em 3em 1em 3em;
		margin:3em auto;
		box-shadow:0 0 4px #ccc
	}
	header, main, section, footer {display:block}
	abbr[title] {
		border-bottom:.1em dotted;
		cursor:help
	}
	a abbr[title] {
		border:0;
		cursor:pointer
	}
	a {
		color:#02799f;
		border-top:0 solid transparent;
		border-bottom:1px dashed #87b2c0;
		padding:.05em 0 .1em 0;
		text-decoration:none;
		outline:none;
		transition:all 0.4s ease-in-out
	}
	a:hover,
	a:focus,
	a:active {
		color:#657b90;
		border-bottom-color:transparent
	}
	a:focus {
		border-top:1px solid #829e60;
		border-bottom:1px solid #829e60;
		background:#f8f8f8
	}
	h1, h2, h3 {font-weight:normal}
	h1 {
		font-family:Tahoma;
		font-size:2.8em;
		line-height:1.2em;
		color:#666;
		margin:0 0 .8em 0;
		text-shadow:1px 1px 2px #ddd
	}
	h2 {
		font-size:1.8em;
		line-height:1.4em;
		color:#657b90
	}
	h2 span {
		font-size:.6em;
		color:#555
	}
	p {margin:0 0 0.8em 0}
	ul {
		padding:0 0 0 1em;
		margin:0 0 1.8em 0
	}
	li {
		list-style-type:circle;
		padding:0 0 0 .3em;
		margin:0 0 .4em 0
	}
	@font-face {
		font-family: 'Rivolicons-Free';
		src:url('../fonts/Rivolicons-Free.eot?-uew922');
		src:url('../fonts/Rivolicons-Free.eot?#iefix-uew922') format('embedded-opentype'),
			url('../fonts/Rivolicons-Free.ttf?-uew922') format('truetype'),
			url('../fonts/Rivolicons-Free.woff?-uew922') format('woff'),
			url('../fonts/Rivolicons-Free.svg?-uew922#Rivolicons-Free') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	[class^="ri-"], [class*=" ri-"] {
		font-family: 'Rivolicons-Free';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	/*.ri-home {background-image: url('../fonts/SVG/location.svg')}*/
	.ri-home:before {content: "\e63c"}
	.ri-envelope:before {content: "\e62a"}
	.ri-map-marker:before {content: "\e645"}
	.ri-microphone:before {content:"\e648"}
	.ri-calendar:before {content: "\e609"}
	.ri-user:before {content: "\e67b"}
	.ri-calendar, .ri-map-marker {margin-left:1.5em}
	[role="banner"] h1 {
		float:left;
		font-size:3em;
		line-height:.85em
	}
	[role="banner"] h1 span {
		font-size:.5em;
		line-height:1em
	}
	[role="banner"] .slogan {
		font-size:1.8em;
		line-height:1.4em
	}
	[role="banner"] ul {
		float:right;
		text-align:right;
		background:#f8f8f8;
		border:1px solid #eee;
		border-radius:.3em;
		padding:.5em .6em .7em .9em;
		margin-top:-15px;
		margin-bottom:2.5em;
		margin-left:3em
	}
	[role="banner"] ul li {
		list-style-type:none;
		padding:0;
		margin:0
	}
	main {clear:both}
	main h1 {
		border-bottom:1px dashed #ddd;
		padding:0 0 .2em 0
	}
	section {margin:5em 0 0 0}
	section section {margin:0 0 4em 0}
	.front { 
		margin-bottom: 2em;
		padding: .5em;
		font-weight: bold;
		background:#eae8e2 url('../ground.gif') repeat fixed;
		border: solid 1px #336699;
	 }
}
@media screen and (max-width: 955px) {
	[role="banner"] h1 {
		float:none;
		text-align:center;
    		font-size: 1.45rem;
	}
	[role="banner"] ul {
		float:none;
		text-align:center;
		margin-top:-15px;
		margin-left:0;
	}
	[role="banner"] ul li {
		display:inline;
		margin:0 1.8em;
	}
}

@media (max-width: 719px) {
  	[role="main"] h1 {
    		font-size: 1.45rem;
  	}
}

@media print {
	html {font-size: 65%}
	body {background-color: #ffffff; box-shadow: none; padding-top: 0}
	section, section section {margin: 0}
	a {color: #333399}
	h1 {font-size: 2em; margin: 0}
	h2 {font-size: 1.5em}
}