@charset "UTF-8";
/* CSS Document */

div#beloit_banner {
	background-color: transparent;
	background-image: none;
	display: block;
    width: 100%;
	max-width: 1920px;
	height: auto;
	margin-top: 0;
	position: fixed;
	top: 0;
    z-index: 10;
}

.span_banner_50_of_3 {
	background: #00336D url(../images/homepage/beloit_logo_mobile1.png) no-repeat;
	background-position: center center;
	width: 25%; /* 4/14/14 - AF */
	height: 45px;
	float: left;
	box-shadow: 0 0 2px #888888;
}
.mobile_span_banner_search {
	width: 13%; /* 4/14/14 - AF */
	float: right; /* 4/14/14 - AF */
	background: #ffffff;
	margin: 0 3% 0 0; /* 8/15/14 - NM */
	padding: 1.5% 0; /* 8/15/14 - NM */
	cursor: pointer;
}
.mobile_span_banner_menu {
	/*width: 10%;*/
	width: 13%; /* 4/14/14 - AF */
	float: right; /* 4/14/14 - AF */
	background: #ffffff;
	margin: 0 3% 0 0; /* 8/15/14 - NM */
	padding: 1.5% 0; /* 8/15/14 - NM */
	cursor: pointer;
}
.mobile_span_banner_search img, .mobile_span_banner_menu img {
	max-width: 100%;
	float: left;
}
.left {
	float: left;
}

div#mobile_navigation {
	width: 250px;
	height: 0;
	text-align: left;
	float: right;
	margin-right: -250px;
	background-color: #00336D;
	position:relative;
	top: 0;
	right: 0;
	z-index: 10;
}
ul#mobile li {
	color: #ffffff;
	border-bottom: thin solid #ffffff;
	padding: 1em;
	text-transform: uppercase;
	letter-spacing: .125em;
}
ul#mobile a {
	color: #ffffff;
	text-decoration: none;
}

/*  GROUPING  */
.group_banner:before,
.group_banner:after {
	content:"";
	display:table;
}
.group_banner:after {
	clear:both;
}

/*  SECTIONS  */
.section_banner {
	background-color: #ffffff;
	padding: 0px;
	clear: both;
	margin: 0px;
	/*box-shadow: 0 0 2px #888888;*/
}
ul#banner_bottom_nav1 li#academics_link, ul#banner_bottom_nav1 li#admissions_link, ul#banner_bottom_nav1 li#alumni_link, ul#banner_bottom_nav1 li#athletics_link, ul#banner_bottom_nav1 li#terrarium_link, ul#banner_bottom_nav1 li#more_link {
	margin-top: .25em;
}
ul#banner_bottom_nav1 {
	float: left;
	height: auto;
	background-color: #ffffff;
	list-style-type: none;
	text-align: right;
	width: 100%;
	margin-top: 1.75%;
	padding: .75em;
	box-shadow: 0 1px 4px #888888;
	display: none;
}
ul#banner_bottom_nav1 li {
	list-style: none;
  display: inline-block;
  padding-right: 2em;
}
ul#banner_bottom_nav1 li > a {
	color: #00336D;
	font-family: "Gotham A", "Gotham B", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .125em;
	font-size: 1em;
	display: block;
	text-decoration: none;
}
div#academics_dd, div#admissions_dd, div#terrarium_dd, div#athletics_dd, div#alumni_dd, div#more_dd {
	background-color: #ffffff;
	width: 100%;
  	overflow: auto;
	margin: 10px 0 0 0;
	padding: 0 0 .75em 0;
	/*box-shadow: 0 0 2px #888888;
	box-shadow: -1 0 2px #888888, 1 0 2px #888888;*/
	border-top: .225em #eeeeee solid;
  	position: absolute;
  	left: 0;
}
div.dd_columns {
	width: 60%;
	margin: 0 0 0 25.5%;
}
div.dd_columns div.span_1_of_4 a, div.dd_columns div.span_1_of_4 p, div.span_1_of_5 a, div.span_1_of_5 p {
	/*font-family: Verdana, Geneva, sans-serif;*/
	color: #000000;
  	text-align: left;
	text-decoration: none;
	/*font-size: .975em;*/
	font-size: 1.05em;
}
div.dd_columns div.span_1_of_4 a:hover, div.span_1_of_5 a:hover {
	color: #797979;
	text-decoration: underline;
}
.column {
  float: left;
  margin: 2% 0 0.5% 12%;
  padding: .5em 0;
}
/* GRID OF FOUR */
div.dd_columns div.span_1_of_4 {
	width: 22.125%;
	margin: 2% 0 0.5% 2.125%;
	padding: 0 .75%;
}
div.dd_columns div.span_1_of_5 {
	margin: 2% 0 0.5% 2.125%;
}
div.dd_columns div.span_1_of_4 img {
	width: 75%;
}

/* GRID OF FIVE */
div.span_1_of_5 {
	width: 31.125%;
	padding: 0 .75%;
}
div.dd_columns div.span_1_of_4 .last, div.span_1_of_5 .last {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
div.dd_columns div.span_1_of_4 p, div.span_1_of_5 p  {
	margin: 0 0 .75em 0;
	clear: both;
}
ul#banner_bottom_nav1 li#academics_link div#academics_dd, ul#banner_bottom_nav1 li#admissions_link div#admissions_dd, ul#banner_bottom_nav1 li#terrarium_link div#terrarium_dd, ul#banner_bottom_nav1 li#athletics_link div#athletics_dd, ul#banner_bottom_nav1 li#alumni_link div#alumni_dd, ul#banner_bottom_nav1 li#more_link div#more_dd {
    /*float: left;
    left: 0;*/
    opacity: 0;
    /*position: absolute;
    top: 35px;*/
    visibility: hidden;
    /*z-index: 1;*/
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
ul#banner_bottom_nav1 li#academics_link:hover div#academics_dd, ul#banner_bottom_nav1 li#admissions_link:hover div#admissions_dd, ul#banner_bottom_nav1 li#terrarium_link:hover div#terrarium_dd, ul#banner_bottom_nav1 li#athletics_link:hover div#athletics_dd, ul#banner_bottom_nav1 li#alumni_link:hover div#alumni_dd, ul#banner_bottom_nav1 li#more_link:hover div#more_dd {
    opacity: 1;
    /*top: 50px;*/
    visibility: visible;
}

ul#banner_bottom_nav1 li:hover div#search  {
    opacity: 1;
    /*top: 50px;*/
    visibility: hidden;
}

.span_banner_search {
	/*width: 4.25%;*/
	/*width: 17.5%; /* 4/14/14 - AF */
	width: 4%;
	float: right; /* 4/14/14 - AF */
	margin: -.25em 0 0 10%;
	padding-right: 3em;
	border-right: none;
	cursor: pointer;
}
.span_banner_search img{
	max-width: 100%;
	float: right;
}
div#search {
	background-color: #00336D;
	width: 100%;
	display: none;
	overflow: auto;
	overflow-y: hidden;
}
div#searchbox {
	width: 90%;
	height: 40px;
	background-image: url(../images/magnifyingglass.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #ffffff;
	margin: 1em auto;
	float: none;
	-webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
}
div#searchbox input#beloitSearchInput {
	float: left;
	margin: 0 2px 0 2px;
	border: 0;
	width: 95%;
	height: 25px;
	background: none;
}
div#searchbox input#go {
	width:25px;
	height:24px;
	float: right;
}

@media screen and (min-width: 475px) {
	.span_banner_50_of_3 {
	background: #00336D url("/images/homepage/beloit_logo_mobile.png") no-repeat;
	background-position: center center;
	height: 75px;
	}
}

@media screen and (min-width: 600px) {
.span_banner_50_of_3 {
	width: 15%;
	height: 60px;
}
.mobile_span_banner_search {
	/*width: 10%;*/
	width: 8%; /* 4/14/14 - AF */
	float: right; /* 4/14/14 - AF */
	background: #ffffff;
	margin: 0 1% 0 0; /* 8/15/14 - NM */
	padding: 0.5% 0; /* 8/15/14 - NM */
}
.mobile_span_banner_menu {
	/*width: 10%;*/
	width: 8%; /* 4/14/14 - AF */
	float: right; /* 4/14/14 - AF */
	background: #ffffff;
	margin: 0 1% 0 0; /* 8/15/14 - NM */
	padding: 0.5% 0; /* 8/15/14 - NM */
}
.span_banner_search/*, /*.span_banner_menu*/ {
	width: 4.75%;
	margin-left: 1%;
}
div#searchbox {
	width: 20%;
	height: 25px;
	/*background-image: url(../images/magnifyingglass.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
	margin: .5em 2.5em .5em 0;
	/*-webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;*/
	float: right;
	/*display: none;*/
}
ul#banner_bottom_nav1 li {
	padding-right: 1.25em;
}

/* GRID OF FIVE */
.span_1_of_5 {
	/*width: 17.25%;
	padding: 0 .75%;
	margin-top: 1.5em !important;*/
	width: 31.125%;
	padding: 0 .75%;
}
.span_1_of_5 .last {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.span_1_of_5 p  {
	margin: 0 0 .75em 0;
	clear: both;
}
}
@media screen and (min-width: 875px){
.span_banner_50_of_3 {
	height: 70px;
}
}
@media screen and (min-width: 1024px){
.section_banner {
	background-color: transparent;
}
div#beloit_banner {
	display: block;
}
.mobile_span_banner_menu, .mobile_span_banner_search {
	display: none;
}
div#mobile_navigation {
	display: none;
}
div#mobile_searchbox {
	display:none;
}
div.close {
	width: 3%;
	height: 25px;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	float: right;
	margin: .5em 0;
	cursor: pointer;
}
ul#banner_bottom_nav1 {
	display: block;
}
div#beloit_banner {
	background-color: transparent;
	height: auto;
}
.span_banner_50_of_3 {
	background: #00336D url(../images/homepage/beloit_logo_1024.png) no-repeat;
	background-position: center center;
	float: none;
	position: absolute;
	left: 2.125%;
	z-index: 2;
	width: 17%;
	height: 125px;
}
ul#banner_bottom_nav1 a/*, /*ul#banner_bottom_nav2 a*/ {
	font-size: 1em;
}
div#menu_link {
	display: none;
}
div#searchbox {
	display: block;
}
div#searchbox input#beloitSearchInput {
	display: block;
}
div#searchbox input#go {
	display: block;
}
}
@media screen and (min-width: 1175px){
.span_banner_50_of_3 {
	width: 15%; /* 4/14/14 - AF */
}
ul#banner_bottom_nav1 li > a {
	font-size: 1.125em;
}
}

@media screen and (min-width: 1275px){
div#academics_dd, div#admissions_dd, div#terrarium_dd, div#athletics_dd, div#alumni_dd, div#more_dd {
	margin: 13px 0 0 0;
}
}

@media screen and (min-width: 1350px) {
.span_banner_50_of_3 {
	/*width: 10%;*/
	width: 12%; /* 4/14/14 - AF */
}
.span_banner_search {
	width: 4%;
	float: right; /* 4/14/14 - AF */
	margin: -.25em 0 0 10%;
	padding-right: 3em;
	border-right: none;
}
ul#banner_bottom_nav1 li > a {
	font-size: 1.25em;
}
div#academics_dd, div#admissions_dd, div#terrarium_dd, div#athletics_dd, div#alumni_dd, div#more_dd {
	margin: 10px 0 0 0;
}
}

@media screen and (min-width: 1500px) {
div#academics_dd, div#admissions_dd, div#terrarium_dd, div#athletics_dd, div#alumni_dd, div#more_dd {
	margin: 15px 0 0 0;
}
}

@media screen and (min-width: 1920px) {
.span_banner_50_of_3 {
	width: 10%; /* 4/14/14 - AF */
	padding: 1.25%;
}
.span_banner_search {
	width: 2.25%;
}
div#academics_dd, div#admissions_dd, div#terrarium_dd, div#athletics_dd, div#alumni_dd, div#more_dd {
	margin: 15px 0 0 0;
}
}