body {
	margin: 0 auto;
	padding: 0;
	font-family: 'Helvetica Neue', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 1em;
	background-color: #EDEDEC;
	min-width: 770px ;
	}

#wrapper {
	width: 550px;
	margin: 20px 0 20px 20px;
	float: left;
	padding: 0;
	margin-left: 20px
}


#container {
width: 840px;
	margin: 0 auto}


#intro {
	padding-bottom: 10px; 
}

h2 {
	margin: 0 0 .5em 0;
	padding: .4em .2em;
	text-align: center;
	background-color: #3668df;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56AFEB), to(#56AFEB), color-stop(.5,#1C30E6));
	background-image: -moz-linear-gradient(19% 100% 90deg,#5191E1, #163ddb, #5191E1 100%); 
	/*	text-shadow: 1px 1px 1px #999;
	*/	color: #ddd; 
}

h2, .navigation li, legend {
	font-family: futura, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	}

#slider {
	width: 500px;
	margin: 0 auto;
	position: relative;
box-shadow: 2px 2px 2px #bbb;
background-color: #fafafa;
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-right-radius: .5em;
	box-shadow: 2px 2px 2px #bbb;
	-webkit-box-shadow: 2px 2px 2px #bbb;
	-moz-box-shadow: 2px 2px 2px #bbb; 
}

#slider p:first-child{
	margin-top: 0}

.scroll {

   	width: 500px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-top:1em}

.scrollContainer div.panel {
	padding: 0 20px;
	width: 460px;

/*	background-color: #f9f9f9; 
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-right-radius: .5em;*/
}

#shade {
	background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
	height: 50px; 
}

ul.navigation {
	list-style: none;
	margin: .5em auto;
	padding: 0;
	padding-bottom: 9px; 
}

ul.navigation li {
	display: block;
	float: left;
	width: 14%;
	text-align: center; 
}

ul.navigation a {
	padding: .4em 0;
	color: #000;
	text-decoration: none; 
}

/*ul.navigation a:hover {
	background-color: #f6f6f6; 
}*/

/*ul.navigation a.selected {
	background-color: #fff; 
}*/

ul.navigation a:focus {
	outline: none; 
}

.scrollButtons {
	position: absolute;
	top: 150px;
	cursor: pointer;
	display: none 
}

.scrollButtons.left {
	left: -20px; 
}

.scrollButtons.right {
	right: -20px; 
}

.hide {
	display: none; 
}

form p {
	margin: 0;
	padding: 0; 
}

form{
	margin-bottom:1em}

form p:last-child {
	text-align: right;
	padding-bottom: 0}

fieldset {
	border-style: none;
	background-color: #f1f1f1;
	box-shadow: 2px 2px 2px #bbb;
	-webkit-box-shadow: 2px 2px 2px #bbb;
	-moz-box-shadow: 2px 2px 2px #bbb;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	padding-left: 1em}

legend {
	padding:0}

label {
	font-weight: bold; 
}

input[type="text"] , input[type="url"] , input[type="email"] {
	width: 95%;
	border: none;
	padding:1.5%;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc), to(#ccc), color-stop(.6,#E6E6E6));
	background: -moz-linear-gradient(85% 100% 90deg,#D9D9D9, #BDBDBD, #FFFFFF 100%);
	background-color: #e6e6e6; 
}

input{
	margin-bottom: 1em;
}

#sidebar {
	width: 220px;
	float: left;
	margin: 20px 0 0 1em;
	text-align: left; 
}

#sidebar div {
	margin-bottom: 2em;
	background-color: #f9f9f9;
	text-align: center;
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-right-radius: .5em;
	box-shadow: 2px 2px 2px #bbb;
	-webkit-box-shadow: 2px 2px 2px #bbb;
	-moz-box-shadow: 2px 2px 2px #bbb;
	min-width: 180px 
}

/*label {clear: both;
	text-align: right;
	}

input {
	font-weight: bold; 
}*/

#browser-choice a {
	display:block 
}

ul.navigation li a:hover, ul.navigation .selected {
	background: #5292e2;
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56AFEB), to(#56AFEB), color-stop(.5,#1C30E6));
	background-image: -moz-linear-gradient(31% 85% 90deg,#56AFEB, #5C7CFF, #56AFEB 74%); */
}

ul.navigation {
	padding:0;
	margin: 0;
	width: 100%;
	overflow: auto;
	background-color: #3668df;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#56AFEB), to(#56AFEB), color-stop(.5,#1C30E6));
	background-image:-moz-linear-gradient(19% 100% 90deg,#5191E1, #163ddb, #5191E1 100%);
}

ul.navigation li a {
	display: block;
	color: #cccccc; 
}

ul.navigation li:last-child a { 
}

ul.navigation li:first-child a { 
}

a img {
	border: none 
}

svg {
	/*border: solid red thick;
	*/
	width: 70%;
	margin: 0 auto 
}

.button {
	clear: right;
	display: block 
}

p, .scroll ul, .scroll ol, legend {
	line-height: 1.6;
	color: #3c3c3c;
	list-style-type: none;
	}

 .scroll ul, .scroll ol {
	padding-left: 0;
	margin-top:0;
	}

.scroll li {
	padding: .5em;
box-shadow: 1px 1px 2px #bbb;
	-webkit-box-shadow: 1px 1px 2px #bbb;
	-moz-box-shadow: 1px 1px 2px #bbb; 
}

p, legend{	text-shadow: 1px 1px 1px #fff;
}

p{
	margin: .7em 0}


.scroll li:nth-child(odd) {
	background-color: #efefef; 
}

.scroll li:first-child {
	-webkit-border-top-left-radius: .5em;
	-moz-border-radius-topleft: .5em;
	border-top-left-radius: .5em;
	-webkit-border-top-right-radius: .5em;
	-moz-border-radius-topright: .5em;
	border-top-right-radius: .5em; 
}

.scroll li:last-child {
	-webkit-border-bottom-left-radius: .5em;
	-moz-border-radius-bottomleft: .5em;
	border-bottom-left-radius: .5em;
	-webkit-border-bottom-right-radius: .5em;
	-moz-border-radius-bottomright: .5em;
	border-bottom-right-radius: .5em; 
}

.scroll li:nth-child(even) {
	background-color: #f6f6f6; 
}

a:link, a:visited {
	text-decoration: none;
	color: #182a9c;
	font-weight: normal; 
}

a:visited {
	color: #6666ff; 
}

.attention {
	background: #ededec;
	padding: .75em; }
