/*body {background-color:lightblue;}*/
/*body {background-image: url("../images/background.blue.heavens.png"); background-size:cover;}*/
/*body {background-image: url("../images/background.02.png"); background-size:cover;}*/
/*body {background-image: url("images/background.02.png"); background-size:cover;}*/
/*body {background-image: url("images/background.02.png");}*/
body {background-image: url("../images/background.blue.bright.png"); background-size:cover;}

h1 {color:#fff; font-family:'Sedgwick Ave', cursive ;}
/*Permanent Marker, cursive*/
h2 {color:#fff; font-family:'Sedgwick Ave', cursive ;}
h2.forum {color:#fff; font-family:'Sedgwick Ave', cursive; border:0px solid #fff; width:10%; margin:5px auto 5px auto;}
h2.topic {color:#fff; font-family:'Sedgwick Ave', cursive; text-align:left; border:0px solid #fff; width:20%; margin:10px auto 0 auto;}

h3 {color:#fff; font-family:'Sedgwick Ave', cursive ;}
h3.forum {color:#fff; font-family:'Sedgwick Ave', cursive; text-align:center; border:0px solid #fff; width:20%; margin:5px auto 5px auto;}
h4 {color:#fff;}
h4.forum {color:#fff; font-family:'Sedgwick Ave', cursive; text-align:center; border-top:0px solid #fff; border-bottom:0px solid #fff; width:10%; margin:5px auto 5px auto;}
h5 {color:#fff;}
h6 {color:#fff;}


.container {border:0px solid #ff0000; text-align:center; width:100%; height:auto;}
.quote {border:0px solid #00ff00; text-align:center; width:50%; margin:20px auto 20px auto; height:auto; color:#fff; font-weight:900;}
.life_is_good{border:0px solid red; width:80%; margin:50px auto 0 auto; text-align:center; font-size:14px; color:white;}

div.button_01a{border:0px solid red; width:20%; height:auto; vertical-align:top; margin:5px 5px 5px 5px; text-align:center; font-size:14px; color:white; box-shadow: 0px 0px 20px white; border-radius: 25px; display:inline-block; font-weight:900;}
div.button_01a:hover{box-shadow: 0px 0px 20px #FF0000;}
div.button_01b{border:0px solid red; width:20%; height:auto; vertical-align:top; margin:5px 5px 5px 5px; text-align:center; font-size:14px; color:white; box-shadow: 0px 0px 20px white; border-radius: 25px; display:inline-block; font-weight:900;}
div.button_01b:hover{box-shadow: 0px 0px 20px #FF0000;}
div.button_01c{border:0px solid red; width:20%; vertical-align:top; margin:5px auto 5px auto; text-align:center; font-size:14px; color:white; box-shadow: 0px 0px 20px white; border-radius: 25px; display:inline-block; font-weight:900;}
div.button_01c:hover{box-shadow: 0px 0px 20px #FF0000;}



div.navbutton {
	border:0px red solid;
	height:25px;
	width:10%;
	display:inline-block;
	margin:5px auto 0px auto;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
	line-height:25px;
	box-shadow: 0px 0px 20px white;
	border-radius: 25px;
	background:#000;
	}
div.navbutton:hover {
	box-shadow: 0px 0px 20px #FF9200;
	}

div.header {border:0px solid red;}

div.data_01 {
	border:1px white solid;
	height:25px;
	width:10%;
	display:inline-block;
	margin:0px auto 0px auto;
	color:white;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
	line-height:25px;
	/*box-shadow: 0px 0px 20px white;*/
	/*border-radius: 25px;*/
	/*background:#000;*/
	}

div.display {
	border:1px white solid;
	height:auto;
	width:50%;
	display:block;
	margin:10px auto 10px auto;
	padding:10px 0 0 0;
	color:white;
	text-align:center;
	font-size:24px;
	font-weight:bolder;
	line-height:25px;
	font-family:'Sedgwick Ave', 'cursive';
	box-shadow: 0px 0px 10px white;
	border-radius: 8px;
	/*background:#000;*/
	}
div.display_instuction {
	border:0px white solid;
	height:auto;
	width:50%;
	display:block;
	margin:10px auto 10px auto;
	padding:10px 0 0 0;
	color:white;
	text-align:center;
	font-size:14px;
	font-weight:bolder;
	line-height:14px;
	font-family:'Sedgwick Ave', 'cursive';
	box-shadow: 0px 0px 0px white;
	border-radius: 0px;
	/*background:#000;*/
	}
div.display_two {
	border:0px solid #000;
	height:auto;
	width:35%;
	display:block;
	margin:10px auto 10px auto;
	padding:10px 0 0 0;
	color:white;
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	line-height:12px;
	font-family:'Sedgwick Ave', 'cursive';
	/*box-shadow: 0px 0px 0px white;*/
	border-radius: 8px;
	/*background:#000;*/
	}
div.display_subtopics {
	border:0px solid #000;
	height:auto;
	width:35%;
	display:block;
	margin:10px auto 10px auto;
	padding:10px 0 0 0;
	color:white;
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	line-height:12px;
	font-family:'Sedgwick Ave', 'cursive';
	/*box-shadow: 0px 0px 0px white;*/
	border-radius: 8px;
	/*background:#000;*/
	}



div.display_exhibit {
	border:0px solid #000;
	height:auto;
	width:50%;
	display:block;
	margin:10px auto 10px auto;
	padding:10px 0 10px 0;
	color:white;
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	line-height:12px;
	font-family:'Sedgwick Ave', 'cursive';
	box-shadow: 0px 0px 20px white;
	border-radius: 8px;
	background:#000;
	}


div.display_link {
	border:0px white solid;
	height:auto;
	width:50%;
	display:block;
	margin:0px auto 10px auto;
	padding:10px 0 0 0;
	color:white;
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	line-height:12px;
	font-family:'Sedgwick Ave', 'cursive';
	box-shadow: 0px 0px 0px white;
	border-radius: 8px;
	/*background:#000;*/
	}




select {width:20%; height:25px; padding-left:10px; background-color:#fff; border-radius: 8px; box-shadow: 0px 0px 10px white; font-weight:900;}
select:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}


form {width:60%; margin:0px auto 0px auto; border:0px solid red; border-radius:8px; box-shadow:0px 0px 0px white; color:#fff; font-family:'Sedgwick Ave', 'cursive'; font-weight:bolder; font-size:20px;}

label {border:1px solid white; display:inline-block; vertical-align:top; width:10%; color:#fff; margin:0 0 5px 0; border-radius: 8px;  font-size:14px;}
label.mainlabel {border:1px solid white; display:inline-block; vertical-align:top; width:10%; color:#fff; margin:0 0 5px 0; border-radius: 8px;  font-size:14px;}
label.sublabel {border:0px solid red; display:inline-block; vertical-align:top; width:10%; color:#fff; margin:0 0 5px 0; border-radius: 8px;  font-size:10px;}

input[type=text] {width:20%; background-color:#fff; border-radius:8px; box-shadow:0px 0px 10px white; font-weight:900; margin:0 0 5px 0; font-family:'Sedgwick Ave', 'cursive';}
input[type=text]:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}
input[type=email] {width:13%; background-color:#fff; border-radius: 8px; box-shadow: 0px 0px 10px white; font-weight:900; margin:0 0 5px 0;}
input[type=email]:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}
input[type=username] {width:13%; background-color:#fff; border-radius:8px; box-shadow:0px 0px 10px white; font-weight:900; margin:0 0 5px 0;}
input[type=username]:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}
input[type=password] {width:13%; background-color:#fff; border-radius:8px; box-shadow:0px 0px 10px white; font-weight:900; margin:0 0 5px 0;}
input[type=password]:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}
input[type=submit] {background-color:#ffffcc; border-radius:8px; box-shadow:0px 0px 10px red; font-weight:900;}
/*input[type=submit]:focus {background-color:#ffffcc; box-shadow: 0px 0px 10px red;}*/

textarea {display:inline-block; vertical-align:top; background-color:#fff; border-radius:8px; box-shadow:0px 0px 10px white; font-family:'Sedgwick Ave', 'cursive'; font-weight:bolder; font-size:12px;}
textarea:focus { background-color:#ffffcc;}

a:link{color:white; text-decoration:none;}
a:visited{color:white; text-decoration:none;}
a:hover{color:white; text-decoration:none;}
a:active{color:white; text-decoration:none;}

a.change:link{color:white; text-decoration:none;}
a.change:visited{color:white; text-decoration:none;}
a.change:hover{color:white; text-decoration:none; box-shadow: 0px 0px 20px red; background-color:black;}
a.change:active{color:white; text-decoration:none;}


.text{border:0px solid red; width:60%; margin:0 auto 0 auto; text-align:left; font-size:24px;}
.attribution{border:0px solid red; width:80%; margin:10px auto 0 auto; text-align:center; font-size:16px;}
.source{border:0px solid red; width:80%; margin:0 auto 0 auto; text-align:right; font-size:16px;}

p.communique{text-align:left; font-weight:900; font-size:20px; color:#fff;}
p.notes{text-align:center; font-weight:900; font-size:15px; color:#fff;}
p.standout_box{border:0px solid black; border-radius: 15px; background-color:#bbad00; width:60%; margin:0 auto 15px auto; padding:5px 0 5px 0; text-align:center; font-weight:900; font-size:18px; color:#000;}
ol.numbered_list{text-align:left; font-weight:900; font-size:20px;}
ol.numbered_list li {margin-bottom:10px;}

hr.basic{width:100%; margin:0px auto 00px auto; border:2px blue solid; box-shadow: 0px 0px 20px #FF0000;} /*FF9200*/
hr.next{width:100%; margin:0px auto 00px auto; border:2px blue solid; box-shadow: 0px 0px 10px #FFF;} /*FF9200*/

/*img.header_img {border:0px solid red; position:fixed; top:2%; left:25%; width:5%;}*/
img.header_img {border:0px solid red; width:5%; position:absolute; left:30%;}

@media screen and (max-width: 1900px) {
	div.button_01a {width:25%; height:auto; font-size:11px;}
	div.button_01b {width:25%; height:auto; font-size:11px; visibility:visible; }
	img.header_img {left:25%;}
}
@media screen and (max-width: 1300px) {
	div.button_01a {width:30%; height:auto; font-size:11px;}
	div.button_01b {width:30%; height:auto; font-size:11px; visibility:visible; }
}
@media screen and (max-width: 1025px) {
	div.button_01a {width:35%; height:auto; font-size:11px;}
	div.button_01b {width:35%; height:auto; font-size:11px; visibility:visible; }
}
@media screen and (max-width: 600px) {
	h1 {color:#fff; font-family:'Sedgwick Ave', cursive;}
	h2 {color:#fff; font-family:'Sedgwick Ave', cursive; font-size: 12px;}
	h3 {color:#fff; font-family:'Sedgwick Ave', cursive; font-size: 11px;}
	.quote {width:90%;}
	div.button_01a {display:block; width:90%; height:auto; font-size:11px;}
	div.button_01b {display:block; width:90%; height:auto; font-size:11px; visibility:visible; }
	p.text {color:#ffffff; font-size: 12px; width}
	p.communique {font-size: 10px; color:#fff;}
	ol.numbered_list{text-align:left; font-weight:900; font-size:10px;}
	img.header_img {visibility:hidden; border:0px solid green;}
}	