#columns_button {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	}
#k12_logo {
        height: 71px;
        margin-left: 5px;
        margin-top: 5px;
        width: 230px;
        }
.kams_first_letter {
        color: rgb(15,91,166);
        }
.kams_header_text {
        color: rgb(36,192,221);
        font-family: "sans serif", arial;
        font-weight: 700;
        margin-left: 10px;
        text-transform: uppercase;
        }
.kams_header_text_full {
	display: inline-block;
	font-size: 2.3em;
	}
.kams_header_logo_mobile {
	max-width: 25%;
	height: auto;
	}	
.kams_header_text_mobile {
	display: none;
	font-size: 1.5em;
	line-height: 21px;
	}
#nav {
        float: left;
        height: 400px;
        padding-bottom: 50px;
        width: 233px;
        }
.mobile_nav {
	background-color: rgb(225,225,225); 
        border-color: rgb(236,236,236) rgb(200,200,200) rgb(200,200,200) rgb(236,236,236);
	border-style: solid;
	border-width: 1px;
	display: none;
	padding: 5px 5px 2px 5px;
	position: absolute;
	width: 155px;
	z-index: 10000;
	}
.mobile_nav_head {
	background-color: rgb(123,123,123);
	border-color: rgb(179,179,179) rgb(66,66,66) rgb(66,66,66) rgb(179,179,179);
	border-style: solid;
	border-width: 1px;
	color: rgb(255,255,255);
	font-family: "century gothic","arial","sans-serif";
	line-height: 20px;
	margin-bottom: 3px;
	text-align: center;
	width: 155px;
	}
.mobile_nav_item {
        background-color: rgb(200,200,200);
        border-color: rgb(145,145,145) rgb(236,236,236) rgb(236,236,236) rgb(145,145,145);
        border-style: solid;
        border-width: 1px;
	color: rgb(0,0,0);
	display: block;
        font-family: "century gothic","arial","sans-serif";
	font-size: 0.9em;
	line-height: 20px;
	margin-bottom: 3px;
	text-align: center;
	text-decoration: none;
	width: 155px;
        }
.mobile_nav_item:hover {
	background-color: rgb(220,220,220);
	}
#page_header {
        background-color: rgb(255,255,255);
        height: 80px;
        width: 100%;
        }
#reset_button {
        margin-top: 10px;
        }
.search_additional_buttons {
	display: none;
	}
.search_attributes, .search_selections {
	float: left;
	width: calc(49% - 10px);
	}
#search_options {
	display: none;
	}
.search_pagination .current_status {
        margin-left: 50px;
        }
.search_pagination .search_pagination_links {
        float: right;
        margin-right: 50px;
        }
.search_pagination .search_pagination_link {
        background-color: rgb(235,235,235);
        border-color: rgb(150,150,150);
        border-style: solid;
        border-width: 1px;
        color: rgb(0,0,0);
        cursor: pointer;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        margin-left: 5px;
        text-align: center;
        text-decoration: none;
        width: 30px;
        }
.search_pagination .search_pagination_link:hover {
        background-color: rgb(175,175,175);
        }
.search_pagination .search_pagination_link.current_link {
        background-color: rgb(125,125,125);
        color: rgb(255,255,255);
        }
.search_pagination .search_pagination_links_mobile {
	display: none;
	}
#search_recent {
	margin-left: 5px;
        margin-top: 10px;
        }
.search_results_wrap {
	margin-bottom: 10px;
	margin-top: 10px;
	}
.search_selections {
        background-color: rgb(250,250,250);
        border-color: rgb(240,240,240);
        border-style: solid;
        border-width: 1px;
	margin-left: 20px;
        text-align: left;
        }
#search_button {
	float: right;
	margin-top: 10px;
	}
#top_bar {
        background-image: url("/images/top_bar.png");
        background-repeat: repeat-x;
        height: 35px;
        width: 100%;
        }

@media (max-width: 850px) {
        body {
                background: url("/images/background_mobile.png");
                background-repeat: repeat-y;
                }
        #content_wrap {
                margin-left: 77px;
                width: calc(100% - 92px);
                }
	.current_status {
		display: none;
		}
	.kams_header_text_full {
		font-size: 1.5em;
		}
        #nav {
                float: left;
                height: 400px;
                padding-bottom: 50px;
                width: 60px;
                }
        .nav {
                height: 28px;
                width: 35px;
                }
        .nav_text {
                display: none;
                }
        .search_additional_button {
                display: none;
                }
        .search_additional_buttons {
                display: inline-block;
                position: absolute;
                right: 20px;
                }
	.search_pagination {
		bottom: 10px;
		position: absolute;
		width: 250px;
		}
	.search_pagination .search_pagination_link {
		font-size: 1.2em;
		height: 25px;
		line-height: 25px;
		margin-right: 10px;
		width: 25px;
		}
	.search_pagination .search_pagination_links {
		bottom: 10px;
		display: none;
        	margin-right: 0px;
	        position: absolute;
		}
	.search_pagination .search_pagination_links_mobile {
		bottom: 10px;
		display: block;
		position: absolute;
		}
        .subnav {
                display: none;
                }
	}

@media (max-width: 650px) {
	#columns_button {
		display: none;
		}
	#content {
		bottom: 0;
		margin: 0px;
		}
        #content_wrap {
		bottom: 0;
	        margin-bottom: 0px;
                margin-left: 59px;
	        min-height: calc(100% - 69px);
                width: calc(100% - 61px);
                }
        #exports_wrap {
                height: 375px;
                overflow: auto;
                }
	#k12_logo {
		height: 36px;
		width: 115px;
		}
	.kams_first_letter {
        	color: rgb(255,255,255);
        	}	
	.kams_header_text_full {
		display: none;
		}
	.kams_header_text_mobile {
		display: block;
		font-size: 1.3em;
		text-align: center;
		}
	.mobile_wrap {
		height: 375px;
		overflow: auto;
		}
	#nav {
		margin-top: 13px;
		}
	#page_header {
		height: 44px;
		}
	#reset_button {
		display: none;
		}
	#saved_searches_wrap {
		height: 355px;
		overflow: auto;
		}
        #search_button {
                bottom: 10px;
		float: none;
                position: absolute;
                right: 10px;
                }
	.search_attributes, .search_selections {
		margin-left: 0px;
		overflow: auto;
		width: 99%;
		}
	.search_attributes {
		height: 310px;
		margin-bottom: 20px;
		}
        .search_content {
                max-height: calc(100vh - 180px);
                overflow: none;
                }
	#search_interface {
		display: none;
		}
	#search_options {
		bottom: 10px;
		display: inline-block;
		left: 15px;
		position: absolute;
		}
	.search_recent {
		width: calc(100% - 15px);
		}
        #search_recent {
		display: none;
                }
	#search_recent_wrap {
		height: 375px;
		overflow: auto;
		}
	.search_results_wrap {
		height: 310px;
		overflow: auto;
		}
	.search_selections {
		display: none;
		height: 310px;
		margin-left: 0px;
		}
	#top_bar {
		height: 22px;
		}
	}