/* responsive design elements from: http://www.w3schools.com/html/html_responsive.asp */
/* responsive design elements start */
.row:after {
    content: "";
    clear: both;
    display: block;}
	
/* For mobile phones: */
[class*="col-"] {
    width: 100%;}
	
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}}
	
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}}

img {
    width: 100%;
	max-width: 100%;
    height: auto;
	box-sizing: border-box;} 

div {
    width: 100%;
    background-size: 100% 100%;
	box-sizing: border-box;}
	
video {
    max-width: 100%;
    height: auto;
	box-sizing: border-box;}

/* responsive design elements end */
	
body { background-color: #FFFFFF;
		background-image: url(background.jpg);
		color: #666666;
		font-family: Arial, Verdana, Sans-Serif;
		box-sizing: border-box;}

h1 { 	background-image: url(background3.jpg);
		background-position: left;
		background-repeat: repeat;
		padding-left: 20px;
		height: 72px;
		color: #000000;
		line-height: 200%;
		font-family: Arial, Verdana, Sans-Serif;
		margin-bottom: 0;
		box-sizing: border-box;}

#nav { background-color: #90C7E3;
		font-weight: bold;
		font-family: Arial, Verdana, Sans-Serif;
		padding: 12px;
		text-align: center;
		box-sizing: border-box;}

h2 { color: #3399CC;
		font-family: Arial, Verdana, Sans-Serif;
		box-sizing: border-box;}

h3 { color: #000033;
box-sizing: border-box;} 

dt { color: #000033;
box-sizing: border-box;}

table { 	max-width: 100%;
		height: auto;
		box-sizing: border-box;}

tr { text-align: center;
	padding: 5px;
	max-width: 100%;
    height: auto;
	box-sizing: border-box;}

td { margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: left;
	max-width: 100%;
    height: auto;
	box-sizing: border-box;}

table.footer { margin-left: auto;
				margin-right: auto;
				padding: 5px;
				box-sizing: border-box;}

td.footer { margin-left: 10px;
			margin-right: 10px;
			padding: 5px;
			box-sizing: border-box;}
	
p.center { margin-left: auto;
			margin-right: auto;
			width: 50%; 
			box-sizing: border-box;}
			
img.center { display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 25%;
			box-sizing: border-box;}

#footer { font-size: .70em;
			font-style: italic;
			text-align: left;
			padding: 10px;
			max-width: 100%;
			height: auto;
			box-sizing: border-box;}
			
#wrapper { width: 100%;
			max-width: 100%;
			height: auto;
			background-color: #ffffff;
			margin-right: auto;
			margin-left: auto;
			-webkit-box-shadow: 5px 5px 5px #1e1e1e;
			-moz-box-shadow: 5px 5px 5px #1e1e1e;
			box-shadow: 5px 5px 5px #1e1e1e;
			box-sizing: border-box;}

#content { padding-left: 20px;
			padding-right: 20px;
			max-width: 100%;
			height: auto;
			box-sizing: border-box;}
/* This button was generated using CSSButtonGenerator.com */
.button {
	-moz-box-shadow: 0px -1px 3px 0px #000000;
	-webkit-box-shadow: 0px -1px 3px 0px #000000;
	box-shadow: 0px -1px 3px 0px #000000;
	background-color:#90c7e3;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:2px solid #ffffff;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	font-style:normal;
	height:35px;
	line-height:40px;
	width:125px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px #030303;
	box-sizing: border-box;}
.button:hover {
	background-color:#000033;
	box-sizing: border-box;}
.button:active {
	position:relative;
	top:1px;
	box-sizing: border-box;}
/* This button was generated using CSSButtonGenerator.com */
 
 
/* slider from: http://fofwebdesign.co.uk/freebies-for-websites/css/slider-rwd-pips.htm */
/* #### - slider css below - #### */

#slider-outer { max-width:40em; margin:auto; position:relative; line-height:1.75em; padding:1.25em; box-sizing:border-box;} /* change padding to move arrows */
#slider { display:block; overflow:hidden; border:1px solid #ccc }
#slider-outer .slide-check { position:absolute; left:-9999px }

#slider .slides { width:900% } /* #### (slides x 100) #### */
#slider .slides > div { width:11.11%; /* #### (100 / slides) #### */
	float:left; overflow:hidden; position:relative; 
	-webkit-transform:translate3d(0,0,0); /* http://davidwalsh.name/translate3d */
	-webkit-transition:-webkit-transform .5s ease-in-out; transition:transform .5s ease-in-out
	}

#slider-outer .pips { position:absolute; z-index:9998; bottom:1px; text-align:center; width:100%; margin-left:-1.25em; box-sizing:border-box;}
#slider-outer .pips div { position:absolute; display:inline-block; margin:auto; box-sizing: border-box;}
#slider-outer .pips span { font:bold 0.75em/1.75em Arial; color:#fff; background:#222; width:1.75em; border-radius:1.75em; margin:0 0.25em; float:left; display:block; z-index:9999; cursor:pointer; box-sizing:border-box;}
#slider-outer .arrows { font:1em/2em Arial; text-indent:0.1875em; text-align:center; position:absolute; display:none; z-index:9999; 
	bottom:1px; color:#fff; background:#222; width:2em; border-radius:2em; border:3px solid #fff; cursor:pointer; box-shadow:0 0 0 1px rgb(153,153,153);
	}
#slider-outer .pips span:hover, #slider-outer .arrows:hover { background:#666; }

/* #### - define ids of checked buttons/arrows here - #### */
#btn-goto-first:checked ~ #arrow-1, 
#btn-1:checked ~ #arrow-2, 
#btn-2:checked ~ #arrow-3,
#btn-3:checked ~ #arrow-4, 
#btn-4:checked ~ #arrow-5, 
#btn-5:checked ~ #arrow-6,
#btn-6:checked ~ #arrow-7,
#btn-7:checked ~ #arrow-8,
#btn-8:checked ~ #arrow-9,
#btn-9:checked ~ #arrow-1 { /* last button always goes to #arrow-1 */
	right:1px; display:block; box-sizing: border-box;
	}

/* #### - define ids of checked buttons/arrows here - reposition/rotate '>' arrows to fake '<' arrows - #### */
#btn-2:checked ~ #arrow-1, 
#btn-3:checked ~ #arrow-2,
#btn-4:checked ~ #arrow-3, 
#btn-5:checked ~ #arrow-4,
#btn-6:checked ~ #arrow-5,
#btn-7:checked ~ #arrow-6,
#btn-8:checked ~ #arrow-7,
#btn-9:checked ~ #arrow-8, 
#btn-1:checked ~ #arrow-9{ /* #btn-1 always goes to last arrow */
	left:1px; display:block; -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1); box-sizing: border-box;
	}

/* #### - define ids of checked buttons/arrows here - (% increment per slide) - move slides when checked - #### */
#slider-outer #btn-1:checked ~ #slider .slides > div, #slider #btn-goto-first:checked ~ #slider .slides > div { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) }
#slider-outer #btn-2:checked ~ #slider .slides > div { -webkit-transform:translate(-100%,0); -ms-transform:translate(-100%,0); transform:translate(-100%,0) }
#slider-outer #btn-3:checked ~ #slider .slides > div { -webkit-transform:translate(-200%,0); -ms-transform:translate(-200%,0); transform:translate(-200%,0) }
#slider-outer #btn-4:checked ~ #slider .slides > div { -webkit-transform:translate(-300%,0); -ms-transform:translate(-300%,0); transform:translate(-300%,0) }
#slider-outer #btn-5:checked ~ #slider .slides > div { -webkit-transform:translate(-400%,0); -ms-transform:translate(-400%,0); transform:translate(-400%,0) }
#slider-outer #btn-6:checked ~ #slider .slides > div { -webkit-transform:translate(-500%,0); -ms-transform:translate(-500%,0); transform:translate(-500%,0) }
#slider-outer #btn-7:checked ~ #slider .slides > div { -webkit-transform:translate(-600%,0); -ms-transform:translate(-600%,0); transform:translate(-600%,0) }
#slider-outer #btn-8:checked ~ #slider .slides > div { -webkit-transform:translate(-700%,0); -ms-transform:translate(-700%,0); transform:translate(-700%,0) }
#slider-outer #btn-9:checked ~ #slider .slides > div, #slider #btn-goto-last:checked ~ #slider .slides > div { -webkit-transform:translate(-800%,0); -ms-transform:translate(-800%,0); transform:translate(-800%,0) }

/* - #### custom styles for slide content - #### */
#slider .slides > div > div { font-size:0.875em; padding:1.25em 2em; box-sizing: border-box; }
#slider .slides img { float:left; margin-top:0.25em; margin-right:1em; box-sizing: border-box; }
#slider .slides .title { display:inline-block; margin-bottom:0.75em; box-sizing: border-box; }
#slider .slides .num { float:right; font-size:0.625em; color:#999; box-sizing: border-box; }
#slider .slides .more { text-align:right; font-size:0.875em; box-sizing: border-box; }


@media ( max-width:30em ) { /* #### - make better use of space at 480px (480/16=30 - 16px being default browser font-size) - #### */
	#slider-outer { font-size:0.9375em; line-height:1.5em; padding:0 0 1.125em 0 }
	#slider-outer .pips { display:none }
	#slider .slides > div > div { padding:1em 0.75em 1.25em }
	#slider .slides .more { text-align:center }
}
 
</style>
/*
<!--[if lt IE 9]>
<style>
#slider-outer { padding:0 }
#slider-outer .pips { display:none }
#slider { overflow-x:auto } /* makes the slider content accessible in IE8 */
/*
#slider .slides > div { margin-left:1px; margin-right:-1px; *position:static } /* makes slider content accessible in IE7 */
/*
#slider .slides > div > div { border-right:1px solid #ccc }
#slider .slides .num { *margin-top:-2.75em } /* reposition numbers in IE7 */
/*
</style> 
<![endif]-->*/
/* slider from: http://fofwebdesign.co.uk/freebies-for-websites/css/slider-rwd-pips.htm */