@import url(https://webarchive.library.unt.edu/web/20161114130108cs_/https://fonts.googleapis.com/css?family=Oxygen:400,700);

@charset "utf-8";
/* CSS Document */
.browsernoshow{display:none;}

body {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #FFF;
    font-size: 14px;
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
	line-height:23px;
	background-attachment:fixed; 
	background-repeat: no-repeat; 
	background-position:top right;
	background-size:cover;
}

	a {color: darkblue;text-decoration: none; line-height:23px;}
	a:link 	{}
	a:visited {color: darkblue}
	a:hover {color: #636B70;cursor: pointer; cursor: pointer; font-weight:bold;}
	a:active {}




h2 {
    font-size: 28px;
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
    display: inline;
    color: #636B70;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    font-weight:bold;
	font-family: 'Raleway', Verdana, Geneva, sans-serif;
	color:#636B70;
	display: inline;
    line-height: 25px;
	font-variant:small-caps;
}

#content {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    position: relative;
}

#header {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#logo {
    position: relative;
    width: 23%;
	height:29%;
	margin-top: -13.5%;
	margin-left:auto;
	margin-right:auto;

}
#logo img {width:100%;}



#bready {
    position: absolute;
    margin-top: 8%;
    margin-left: 46.5%;
    font: 'Raleway',Verdana,sans-serif;
    font-size: 14px;
}

#menubar {
    margin-left: -25%;
    margin-top: 8%;
    width: 147%;
    height: 7%;
	max-height:100px;
    background: #f8f5f5;
    z-index: 1;
}

#topnav {
    float: left;
    position: relative;
    width: 68%;
	min-width:200px;
    margin-top: -4.5%;
	margin-left:2%;
}


#mid{
	width:100%;
	position:relative;
	float:left;
	margin-bottom:14%;
	
	}


#twitter {
    width: 42%;
	min-width:8%;
    height: 300px;
    position: relative;
    float: right;
    margin-right: 9%;
}

#buttons {
    width: 40%;
    position: relative;
    float: left;
    margin-right: 0;
    margin-left: 10%;
	
	
}

#maincontent {
    width: 100%;
    margin-left: 0%;
    margin-right: auto;
    margin-top: 6%;
    position: relative;
	float:left;
	clear:both;
}

#secondary {
    width: 79%;
	min-height:500px;
    margin-left: 11%;
    margin-right: auto;
    margin-top: 0%;
	padding:2%;
    position: relative;
	float:left;
	clear:both;
	border-radius:1%;
	background-color:white;
	opacity:.9;
	z-index:1000;
}		
	
		
#btn_submit {
    background-color: #636B70;
    color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: none;
    font-weight: bold;
}




body {
    font-family: 'Raleway', sans-serif;
}





.button1 {
    width: 36%;
	min-width:155px;
	min-height:75px;
    display: block;
    position: relative;
    float: left;
    margin: 0% 5% 5% 3%;
    padding: 3%;
    text-align: center;
    background-color: white;
    border-radius: 5px;
    font-family: 'Oxygen', sans-serif;
	font-size: 1.5em;
	line-height:25px;
    color: #636B70;
    font-weight: bold;
    font-variant: small-caps;
	letter-spacing:1px;
	opacity:.8;
}

	.button1 a:link, .button1 a:visited, .button1 a:active {
		color: darkblue;
		line-height:29px;}
		
	.button1:hover {
		color: #D70032;
		box-shadow: 2px 2px 2px #999;}
		
		
	

	

#smallbuttons{
	width:80%;
	position:relative;
	float:left;
	margin-left:11%;
	padding-bottom:2%;

}



.square{    
	width: 22%;
	min-width:100px;
	min-height:30px;
	padding-top:2.5%;
	padding-bottom:2.5%;
	padding-left:1%;
	padding-right:1%;
	margin-right:1%;
	margin-bottom:8%;
    display: block;
    position: relative;
    float: left;
    text-align: center;
    background-color: #6E6C6C;
    border-radius: 5px;
    font-family: 'Oxygen', sans-serif;
	font-size: 21px;
    color: #FFF;
    font-weight: bold;
    font-variant: small-caps;
	opacity:.8;
}

	.square a:link {
		color: #FFF;}
	.square:hover {
		color: #FFF;
		/*box-shadow: 0px 2px 0px #000000;*/
		border-bottom-style:solid;
		border-bottom-width:7px;
		border-bottom-color:#000;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
		padding-bottom:1%;
		}
	.square a:visited{color:white;}



.square2{    
	width: 28%;
	min-width:100px;
	min-height:30px;
	padding-top:2.5%;
	padding-bottom:2.5%;
	padding-left:1%;
	padding-right:1%;
	margin-right:1%;
	margin-bottom:8%;
    display: block;
    position: relative;
    float: left;
    text-align: center;
    background-color: #B0ACAC;
    border-radius: 5px;
    font-family: 'Oxygen', sans-serif;
	font-size: 21px;
    color: #FFF;
    font-weight: bold;
    font-variant: small-caps;
	opacity:.8;
}

	.square2 a:link {
		color: #FFF;}
	.square2:hover {
		color: #FFF;
		background:#9C9C9C;
		}
	.square2 a:visited{color:white;}




	
	
/*footer*/
	
#footer {
    position: relative;
    float: left;
    clear: both;
    Width: 101.5%;
    height: auto;
    background-color: #000;
    color: #FFF;
    padding: .5%;
    margin-top: 2%;
    margin-left: -1%;
    line-height: 20px;
}

#footer a {
    color: #636B70;
    text-decoration: none;
}

#footer a:link {
    color: #fff;
}

#footer a:visited {
    color: #CCC;
} /*4985fe*/
#footer a:hover {
    color: #636B70;
    cursor: hand;
    cursor: pointer;
}

#footer a:active {
}

.footerlinksright {
    position: relative;
    float: right;
    margin-right: 20%;
    text-align: right;
    font-family: Verdana, Geneva, sans-serif;
}

.footerlinksleft {
    position: relative;
    float: left;
    margin-left: 20%;
    text-align: left;
    font-family: Verdana, Geneva, sans-serif;
    line-height: 20px;
}

#bee {
    width: 5%;
    position: absolute;
    margin-left: 80%;
    bottom: 65%;
}		
	#bee img {	
	min-height:150px;
	min-width:100px;}
	
	
	
<!-- left menu -->


#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-2.5%;
	z-index:2;
	clear:both;
}

#navigationmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-3.5%;
	
}

#navigationMenu li{
	list-style:none;
	height:39px;
	padding:0px;
	width:85px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:0px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:0.2px;
	white-space:nowrap;
	line-height:39px;
	text-align:right;
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}

#navigationMenu a{
	height:39px;
	width:85px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ min-width:110px; padding:0 5px;overflow:visible; }
#navigationMenu a:hover{text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #636b70;
	-webkit-box-shadow:0 0 5px #636b70;
	box-shadow:0 0 5px #636b70;
}

/* Home Button */

#navigationMenu .home {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/home.png");}
#navigationMenu .home:hover {	background-position:0 -39px;}
#navigationMenu .home span{
	background-color:#D60231;
	color:#F8F5F5;
	
}

/* Anything Button */

#navigationMenu .family {background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/family.png");}
#navigationMenu .family:hover { background-position:-38px -39px;}
#navigationMenu .family span{
	background-color:#D60231;
	color:#F8F5F5;
}

/* anywhere Button */

#navigationMenu .seasonal {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/seasonal.png");}
#navigationMenu .seasonal:hover { background-position:-76px -39px;}
#navigationMenu .seasonal span{
	background-color:#D60231;
	color:#F8F5F5;
}

/* kids Button */

#navigationMenu .kids {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/kids.png");}
#navigationMenu .kids:hover{ background-position:-114px -39px;}
#navigationMenu .kids span{
	background-color:#D60231;
	color:#F8F5F5;
}

/* kit Button */

#navigationMenu .events {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/events.png");}
#navigationMenu .events:hover { background-position:-152px -39px;}
#navigationMenu .events span{
	background-color:#D60231;
	color:#F8F5F5;

}

/* plan Button */


#navigationMenu .info  {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/info.png");}
#navigationMenu .info:hover { background-position:-152px -39px;}
#navigationMenu .info span{
	background-color:#D60231;
	color:#F8F5F5;

}

/* disaster Button */


#navigationMenu .news {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/news.png");}
#navigationMenu .news:hover { background-position:-152px -39px;}
#navigationMenu .news span{
	background-color:#D60231;
	color:#F8F5F5;

}


/* contact Button */


#navigationMenu .contact {	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/contact.png");}
#navigationMenu .contact:hover { background-position:-152px -39px;}
#navigationMenu .contact span{
	background-color:#D60231;
	color:#F8F5F5;

}




.backbutton{
	width:75px;
	padding:3px 3px;
	background-color:#636B70;
	border-radius:5px;
	font-size: 14px;
    font-family: 'Raleway', Verdana, Geneva, sans-serif;
	color:white;
	font-variant:small-caps;
	font-weight:bold;
	}
	
	.backbutton:hover{
		background-color:#7b858b;}
	
	
	
	
	
	
	

@media screen and (max-width: 1750px){
	body{
	}
nav a {
	font-size:16px;}
	
#twitter{
	width:40%;
	}	}





@media screen and (max-width: 1550px){ 

body{
	}
nav a {
	font-size:16px;}
#buttons{
	margin-left:5%;
	width:46%;
	}	
#twitter{
	width:40%;
	}
#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-5%;
	z-index:2;
	clear:both;
}		
}

@media screen and (max-width: 1375px){ 

body{
	}
#topnav {
	margin-top:-5%;}	
nav a {
	font-size:16px;
	margin:15px}
#buttons{
	margin-left:5%;
	width:46%;
	}	
#twitter{
	width:40%;
	}
#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-5%;
	z-index:2;
	clear:both;
}
		
}



@media screen and (max-width: 1290px){

body{
	margin:0;
	padding:0;
	width:100%;
}
#buttons{width:48%;}

#twitter {width:38%;}

#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-5%;
	z-index:2;
	clear:both;
}

	
}

@media screen and (max-width: 1225px){ 
body{
	margin:0;
	padding:0;
	width:100%;
}

#content{
	width:100%;}
	
#header{
	margin:0;}

#menubar{
	width:100%;
	margin-left:0;}	
	
nav a {font-size:14px;}

#topnav {
	width:65%;
	margin-top:-4.5%;}	
	
#buttons{width:40%;}

#twitter {width:35%;}

#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-2%;
	z-index:2;
	clear:both;
}


		
}



@media screen and (max-width: 1050px){
	
	#buttons{
		width:48%;}
	#twitter{
		width:35%;}
		
#leftmenu{
	width:3%;
	float:left;
	position:absolute;
	margin-top:4%;
	margin-left:-3%;
	z-index:2;
	clear:both;
}		
		
}




@media screen and (max-width: 980px){
	
body{
	
	margin:0;
	padding:0;
	width:100%;
}
#maincontent{
	margin-top:0%;}
	
#content{
	width:100%;}
	
#header{
	margin:0;}

#menubar{
	width:100%;
	margin-left:0;
	margin-top:10%;}
	
#logo{	margin-left:12%;
	}		
	
nav a {font-size:14px;
		margin:15px 10px;}

#topnav {
	width:68%;
	margin-left:0%;
	margin-top:-7%;}
	

#leftmenu{
	display:none;
}		
	
#buttons{width:53%;
		margin-left:1%;}
.button1{
	width:37%;
	margin:0% 2% 5% 2%;}
.button2 {
	width: 85%;}			

#twitter {width:30%;}	

#bready {
    margin-top: -5%;
}

#smallbuttons{
	margin-left:3%;}

#footer{
	width:100%;
	padding: 10px;
	margin:0%;}
	
#bee{margin-left:75%;
	z-index:-1;}	
	 
	 #bee img {
		 height:100px;
		 width:50px;}
		 
		 
		 
.footerlinksright{
	margin-right:1%;
	position:relative;
	z-index:50;}		
.footerlinksleft{
	margin-left:1%;}	 	
}
@media screen and (max-width: 850px) {
	
	.browsernoshow{display:block;}
	.mobilenoshow{display:none;}}
	
	
	
@media screen and (max-width: 750px){

h3{
	font-size:12px;}
	
	
#content {
	margin-top:1%;}	
	
	
#maincontent {
    width: 95%;
    margin-left: 4%;
    margin-right: auto;
    margin-top: 3%;
    position: relative;
	float:left;
	clear:both;
}
	#maincontent img {
		width:90%;}
		
		
		
#smallbuttons{
	width:80%;
	position:relative;
	float:left;
	padding-bottom:2%;
}

	
	.square{    
		width: 25%;
		min-width:100px;
		min-height:20px;
		margin-right:5%;
		position: relative;
		float: left;
		text-align: center;
		background-color: #b7b7b7;
		border-radius: 5px;
		font: 'Raleway', Verdana, Geneva, sans-serif;
		font-size: 12px;
		color: #FFF;
		font-weight: bold;
		font-variant: small-caps;
	}


	

#mobilefooter {
    position: relative;
    float: left;
    clear: both;
    Width: 100%;
    height: auto;
    background-color: #000;
    color: #FFF;
    padding: 3%;
    margin-top: 2%;
    line-height: 15px;
	text-align:center;
}

#mobilefooter a {
	color: #FFF;
	text-decoration:underline;}

		
		
		
		
		

.rmm {
	display:block;
	position:relative;
	width:100%;
	padding:0px;
	margin:0 auto !important;
	text-align: center;
	line-height:19px !important;
}
.rmm * {
	-webkit-tap-highlight-color:transparent !important;
	font-family:'Raleway', Verdana, Geneva, sans-serif;
}
.rmm a {
	color:#ebebeb;
	text-decoration:none;
}
.rmm .rmm-main-list, .rmm .rmm-main-list li {
	margin:0px;
	padding:0px;
	
}
.rmm ul {
	display:block;
	width:auto !important;
	margin:0 auto !important;
	overflow:hidden;
	list-style:none;
}

.rmm .rmm-main-list li {
	display:inline;
	padding:0px;
	margin:0px !important;
}
.rmm-toggled {
	display:none;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto !important;
}
.rmm-button:hover {
	cursor:pointer;
}
.rmm .rmm-toggled ul {
	display:none;
	margin:0px !important;
	padding:0px !important;
}
.rmm .rmm-toggled ul li {
	display:block;
	margin:0 auto !important;
}




/* GRAPHITE STYLE */

.rmm.graphite .rmm-main-list li a {
	display:inline-block;
	padding:8px 30px 8px 30px;
	margin:0px -3px 0px -3px;
	font-size:15px;
	text-shadow:1px 1px 1px #333333;
	background-color:#a70027;
	border-left:1px solid #555555;
	background-color:#333;
}
.rmm.graphite .rmm-main-list li a:hover {
	background-color:#333;
}
.rmm.graphite .rmm-main-list li:first-child a {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.rmm.graphite .rmm-main-list li:last-child a {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.rmm.graphite .rmm-toggled {
	width:95%;
	background-color:#555555;
	min-height:36px;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-controls {
	display:block;
	height:36px;
	color:white;
	text-align:left;
	position:relative;
	background-image:url("/web/20161114130108oe_/http://bready.sd.gov/img/graphite-menu-bg.png");
	background-repeat:repeat-x;
	border-radius:6px;
}
.rmm.graphite .rmm-toggled-title {
	position:relative;
	top:9px;
	left:15px;
	font-size:16px;
	color:white;
	text-shadow:1px 1px 1px black;
}
.rmm.graphite .rmm-button {
	display:block;
	position:absolute;
	right:15px;
	top:8px;
}

.rmm.graphite .rmm-button span {
	display:block;
	margin-top:4px;
	height:2px;
	background:white;
	width:24px;
}
.rmm.graphite .rmm-toggled ul li a {
	display:block;
	width:100%;
	background-color:#d70032;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #d70032;
	border-top:1px solid #a70027;
	text-shadow:1px 1px 1px #d70032;
}
.rmm.graphite .rmm-toggled ul li a:active {
	background-color:#a70027;
	border-bottom:1px solid #a70027;
	border-top:1px solid #a70027;
}

}