/*body {
	color: #f2f2ea;
	background-color: #00303e;
	font-family: 'Conso', Courier New, monospace;
	font-size: 90%;
	line-height: 1.3;
}*/

h1{font-size:175%}
h2{font-size:125%}
h3{font-size:125%}
h1,h3{margin:5px 0}
h2{margin: 30px 0px 10px;}

body{
	font-family:Verdana,Arial,sans-serif;
	font-size:100%;
	line-height:1.5;
	background-color: #eee;
	color: #414141;
}

a {
	color: dodgerblue;
	text-decoration: none; 
}

a:hover {
	background-color:dodgerblue;
	color: #fff; 
}

.container{
	padding:0.01em 16px;
	}

.black {
	color: #fff;
	background-color: #666;
}

.topnav{
	width:100%;
	overflow:hidden;
	margin-top: 10px;
}

.navbar{
    border:none;
    background-color: #666;
    float:left;
    display:block;
    outline:0;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    color:inherit;
    text-align:left;
    white-space:nowrap;
    font-size: 100%;
}

.navbar_button{
	border:none;
	background-color: #666;
	float:left;
	display:block;
	outline:0;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	color:inherit;
	text-align:left;
	cursor:pointer;
	white-space:nowrap;
	font-size: 100%;
}

.navbar_button:hover{
	color: #000;
	background-color: #aaa;
}

.active {
	color: #fff;
	background-color: #6699CC;
}

.icon{
	float:right;
    right: 0;
    top: 0;
    display: none;
}

.border_box{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	padding-bottom: 10px;
}

ul,ol {
	padding-left: -0.5em;
	margin-left: -1em;
}

.spaced_list li{
	margin: 9px 0px;
}

.unspaced_list li{
	margin: 0px 0px;
}

.outer_box {
	margin:auto;
}

@media screen and (min-width: 0px){
	.outer_box {
		width: 100% ;
	}
}
@media screen and (min-width: 1024px){
	.outer_box {
		width: 90% ;
	}
}
@media screen and (min-width: 1400px) {
	.outer_box {
		width: 80% ;
	}
}

@media (max-width: 900px) {
	.navbar_button:not(.active) {
		display:none;
	}
	.navbar_button.icon {
		display:inline-block;
	}
	.active{
		background-color: inherit;
	}
	.navbar_button:hover{
		color: inherit;
		background-color: #666;
	}
	h2 {
		display:none;
	}
}

@media (max-width: 900px) {
	.topnav .responsive {
		position: relative;
	}
	.responsive .navbar_button {
    	float: none;
    	display: block;
    	width:100%;
  	}
  	.responsive .icon {
    	display:none;
    }
}