/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,img,fieldset,input {margin:0;padding:0}
fieldset,img,abbr {border:none}

/* links */
a {text-decoration:none;color:#e4002b;font-weight:normal;outline:none;border:none;transition: all 0.2s ease-out}
a:hover {color:#333}
.button, input[type="submit"] {display:inline-block;padding:5px 10px;background-color:#e4002b;color:white;outline:1px solid #e4002b;border:1px solid #fff;transition: all 0.2s ease-out;font-size:1em;-webkit-appearance:none;border-radius:0}
.button:hover, input[type="submit"]:hover {background-color:#737467;color:white;outline:1px solid #737467}

/* basic layout */
body {font: 16px/1.5 Georgia, "Times New Roman", Times, serif;color:#737467;background:#fafafa url(../images/bg-page.png) top center no-repeat;-webkit-font-smoothing: subpixel-antialiased;}
.content {float:left;width:650px;border-right:1px solid #ddd;padding-right:15px;text-align:justify;hyphens:auto}
.sidebar {float:right;width:280px}
.wrapper {width:960px;margin:0 auto 30px auto;position:relative;overflow:hidden;background:white;padding:10px;border:1px solid #ddd;box-shadow:0 3px 10px rgba(204, 204, 204, 0.3);zoom:1}


/* header */
.header {height:100px;width:980px;margin:0 auto;position:relative;text-transform:uppercase;color:white}
.logo {display:block;margin:40px 0 0 10px;-ms-interpolation-mode: bicubic}

/* footer */
.footer {clear:both;font-size:90%;line-height:1.5;margin-block:30px}
.footer ul {list-style:none;overflow:auto;}
.footer p {padding-top:10px;}
.footer li {float:left}
p.quiet, span.quiet {font-size:90%;line-height:1.6;padding-bottom:0.75em;padding-top:0.75em}
p.note {font-size:10px;background:#fffbdd;padding:2px}
.content ul {list-style:square;margin-left:20px}
.content li {margin-bottom:10px}
.content li li {margin-bottom:0}
.content ul ul {margin:10px 20px}
.content p, .sidebar p {margin-bottom:10px}
form {margin:15px 0}
.responsive {max-width:100%;-ms-interpolation-mode: bicubic;margin:0}
small {background-color:#dedede;color:#444;display:block;padding:10px;border-bottom:1px solid #ccc;margin-top:-5px}
.notice {background:#FFF6BF;color:#555;border: 1px solid #FFD324;padding:10px;text-align:left;-webkit-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;-moz-box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;box-shadow: 1px 1px 0 #fff inset, -1px -1px 0 #fff inset;margin-bottom:10px}

 /* titles */
h1 {color:#444;font-size:30px;line-height:1em;margin-bottom:10px}
h2, h1, h3 {font-weight:normal;font-family: "Helvetica Neue", Arial, sans-serif;margin-top:20px;margin-bottom:10px;text-align:left}
.content h2, .eventbrief h3 {color:#333;line-height:1.1em;font-size:1.75em}
.sidebar h2 {position:relative;font-size:1.2em;line-height:1.1em;margin:0 0 10px 0;padding:0.5em;color:white;text-shadow:#9a9b8c 0 -1px;
  background-color: #74756a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9a9b8c), to(#74756a)); /* Saf4+, Chrome */
  background-image: linear-gradient(top, #9a9b8c, #74756a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9a9b8c', EndColorStr='#74756a'); /* IE6-IE9 */
}
.sidebar h2:after {content:"\00a0";display:block;position:absolute;bottom:-5px;left:0.7em;width:0;height:0;border-width:5px 5px 0;border-style:solid;border-color:#74756a transparent}
.extra, .sidebar .extra {margin-top:20px}
#catalogs h3 {background-color:#ffb81c;padding-left:10px;text-shadow:none}
#videos h3 {background-color:#18b9af;padding-left:10px;text-shadow:none}


/* CSS animations */
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(200px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
-webkit-animation-duration: 1s;
-webkit-animation-delay: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: both;

animation-duration: 1s;
animation-delay: 1s;
animation-timing-function: ease;
animation-fill-mode: both;

-webkit-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
animation-name: fadeInRight;
}

/* Anything smaller than 960px ----------- */
@media only screen and (max-width : 959px) {
.content, .sidebar, #header {float:none;display:block;width:100%}
.content {padding:0;border:none}
.sidebar {margin-top:30px}
.logo {margin-left:4%}
.logo-secondary {margin:10px -60px 0 -75px;float:left}
.prize {margin:20px auto;max-width:400px;display:block;}
.wrapper {width:90%;margin:0 auto;padding:2%;-moz-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify}
.footer ul li {margin:0 10px 10px 10px}
}

@media only screen and (max-width : 480px) {
.footer p:first-child {color:inherit;padding:50px 0 10px 0;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .paypal {width:135px;height:35px}
}

@import "print.css" print;