@charset "UTF-8";
/* CSS Document */
@import url("beloit_banner_ie.css");
@import url("bc_footer_ie.css");
div#con_rel_wrapper div#navigation, div#navigation {
	margin: 1.125em 0 2em 0;
}
div#profile_placeholder {
	margin-top: 0;
}
div.publication div.fullPost div.relatedItems {
	clear: none;
	width: 25%;
	float: right;
	margin-left: 0;
}
/* anchor link fix 4/24/13 - AF */
a:not([href])[id] { 
    margin-top: -165px; /* or whatever your fixed header height is */ 
    padding-bottom: 165px; 
    display: block; 
}
/* Correction of above for Recaptcha 09/10/13 - NM
 * The option can't be block (skewed) or none (missing).
 * Inherit works, but might not be ideal.				*/
div#recaptcha_area a:not([href])[id] {
	display: inherit; 
}
div#left_col {
	width: 20%;
	float: left;
	margin: 0 0 0 4em;
	border-top: none;
	/*position: absolute;
	top: 12em;
	right: 3.5em;*/
	z-index: 5;
}
div#content {
	margin: 0 4em 3em 0;
}
div#centered_content	{
	width: 90%;
}
	div#footer {
		display: block;
	}
	div#mobile_footer {
	display: none;
}
div#related {
	width: 25%;
	float: right;
}
div.publication div.fullPost div.relatedItems {
	display: block;
}
div#content	{
	width: 55%;
	margin: 0 9em 3em 0;
	float: right;
}
div#form_content	{
	width: 67.25%;
	margin: 10em 2em 0 0 ;
	float: right;
}
div#con_rel_wrapper{
	width: 100%;
}
div#form_left_col {
	width: 20%;
	margin: 13em 0 0 2em;
	float: left;
}
div#map_right_col {
	width: 17%;
	margin: 13em 2em 0 0;
	float: right;
}
div#con_rel_wrapper div#navigation, div#navigation {
	float: left;
	background: #ffffff;
	padding: 0 1em;
	margin: .375em 0 2em 0;
}
div#mobile_header_nav{
	display: none;
}
div#postBanner div#topNavigation {
	display: none;
	width: 30%;
}

/* To display the calendar dropdown in the desktop version - AF 4/2/13 */
div#calendar div.gridAndOptions div.dateJump {
	display: block; /*hide the calendar for now*/
}

/****  Dropdowns  ****/

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_3columns_terr, .dropdown_3columns_admiss, .dropdown_3columns_athletics, .dropdown_4columns, .dropdown_5columns  {
	color: #000000;
	text-align: left;
	margin: 0 auto;
	position: absolute;
	top: 2em;
	display: block;
	float: right;
	left:-999em;
	background:#fbfbfb; 
	border-top: .85em solid #e8c851;
	box-shadow: 0 0 5px #616161;
}
.dropdown_1column {
	padding: 1.5em 2.5em 1.5em 1.5em;
}
.dropdown_1column p, .dropdown_2columns p, .dropdown_3columns p, .dropdown_3columns_terr p, .dropdown_3columns_admiss p, .dropdown_3columns_athletics p, .dropdown_4columns p, .dropdown_5columns p  {
	margin: 0 0 .5em 0;
}
.dropdown_1column {
	width: 375px;
}
.dropdown_2columns {
	width: 300%;
}
.dropdown_3columns {
	width: 750px;
}
.dropdown_3columns_terr {
	width: 750px;
}
.dropdown_3columns_admiss {
	width: 750px;
}
.dropdown_3columns_athletics {
	width: 750px;
}
.dropdown_4columns {
	width: 500%;
}
.dropdown_5columns {
	width: 600%;
}

    .col_1,  
    .col_2,  
    .col_3,  
    .col_4,  
    .col_5 {  
        display:inline;  
        float: left;  
        position: relative;  
        margin-left: 2em;  
        margin-right: 2em;  
    }  
    .col_1 {width:90%;}  
    .col_2 {width:45%;}  
    .col_3 {width:30%;}  
    .col_4 {width:25%;}  
    .col_5 {width:20%;}  
	
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0 0 1.5em 0;
}

/*  COLUMN SETUP  */
.column {
	display: block;
	float:left;
	margin: 0 0 1% 2.125%;
	padding: .5em 0;
}

/*.col:first-child { margin-left: 0; }*/


/*  GRID OF ONE  */
.span_1_of_1 {
	width: 100%;
}


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 47.2%;
	margin-bottom: 3.5em;
}
.span_1_of_2_left {
	width: 47.2%;
	border-right: 1px dotted #CCCCCC;
    height: 100%;
	padding-right: .625em;
}

hr.gradient {
	border: 0;

    height: 1px;

    background: #dcdcdc;

    background-image: -webkit-linear-gradient(left, #eaeaea, #dcdcdc, #eaeaea);

    background-image: -moz-linear-gradient(left, #eaeaea, #dcdcdc, #eaeaea);

    background-image: -ms-linear-gradient(left, #eaeaea, #dcdcdc, #eaeaea);

    background-image: -o-linear-gradient(left, #eaeaea, #dcdcdc, #eaeaea);
}
	

/*  GRID OF THREE  */
.span_3_of_3_dd {
	width: 100%;
}
.span_2_of_3_dd {
	width: 65.1%;
}
.span_1_of_3_dd{
	width: 31.2%;
}
.span_1_of_3_dd_left{
	width: 31.2%;
	margin-right: -.625em;
}
.span_1_of_3_dd_right{
	width: 31.2%;
	/*margin-left: -1em;*/
}
.span_1_of_3_dd_center{
	width: 31.2%;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
    height: 100%;
	padding-right: .625em;
	padding-left: 1.125em;
}

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 73.6%;
}
.span_2_of_4 {
	width: 48.2%;
}
.span_1_of_4 {
	width: 22.09%;
}

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

.no-touch .banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr {  
    left:-360px;top:2.275em;  
} 

.no-touch .banner_bottom_nav_midpoint li:hover .dropdown_1column {  
    left:-1px;top:2.275em; 
} 

.no-touch .banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss {  
    left:-175px;top:2.275em;  
} 

.no-touch .banner_bottom_nav_midpoint li:hover .dropdown_3columns {  
    left:0;top:2.275em;  
} 

.no-touch .banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics {  
    left:-600px;top:2.275em;  
} 
.banner_bottom_nav_midpoint li:hover .dropdown_1column a,
.banner_bottom_nav_midpoint li:hover .dropdown_2columns a,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns a,  
.banner_bottom_nav_midpoint li:hover .dropdown_4columns a,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns a,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr a,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss a,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics a {  
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: none;
	display: block;
	text-decoration: none;  
	font-size: 1em;
}

.banner_bottom_nav_midpoint li:hover .dropdown_1column a:hover,
.banner_bottom_nav_midpoint li:hover .dropdown_2columns a:hover,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns a:hover,  
.banner_bottom_nav_midpoint li:hover .dropdown_4columns a:hover,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns a:hover,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr a:hover,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss a:hover,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics a:hover {  
	color: #e8c851;
}
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr .span_1_of_3_dd_left img {
	height: auto !important;
}  
.banner_bottom_nav_midpoint li:hover .dropdown_2columns h3,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns h3,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr h3, 
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss h3,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics h3,  
.banner_bottom_nav_midpoint li:hover .dropdown_4columns h3,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns h3 {  
    color: #00336D;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 1.0625em;
	letter-spacing: .0625em;
	display: block;
	margin:1em 0;
}

.span_1_of_2 h3 {  
    color: #00336D;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: .95em;
	display: block;
	margin: 0 0 1em 0;
}

.banner_bottom_nav_midpoint li:hover .dropdown_1column p,   
.banner_bottom_nav_midpoint li:hover .dropdown_2columns p,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns p,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr p,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss p,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics p,  
.banner_bottom_nav_midpoint li:hover .dropdown_4columns p,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns p {  
	margin-bottom:1em;
}

.banner_bottom_nav_midpoint li:hover .dropdown_1column p.bottom,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns p.bottom {  
	margin-bottom: 2.5em;
}

.banner_bottom_nav_midpoint li:hover .dropdown_1column div.button,   
.banner_bottom_nav_midpoint li:hover .dropdown_2columns div.button,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns div.button,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr div.button,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss div.button,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics div.button,  
.banner_bottom_nav_midpoint li:hover .dropdown_4columns div.button,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns div.button {  
	background: #00336D;
	color: #ffffff;
	position: absolute;
	right: 0;
	bottom: 0;
	clear: both;
}

.banner_bottom_nav_midpoint li:hover .dropdown_1column div.button a,   
.banner_bottom_nav_midpoint li:hover .dropdown_2columns div.button a,   
.banner_bottom_nav_midpoint li:hover .dropdown_3columns div.button a, 
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr div.button a, 
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_admiss div.button a,
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics div.button a, 
.banner_bottom_nav_midpoint li:hover .dropdown_4columns div.button a,  
.banner_bottom_nav_midpoint li:hover .dropdown_5columns div.button a {  
	color: #fbfbfb;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: none;
	font-size: 1.25em;
	display: block;
	text-decoration: none;  
	padding:.75em 1em 1em 1em;
}

.imgshadow {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1em solid #777777;
    box-shadow: 0 0 2px #888888;
    padding: .375em;
}

div.sq_img {
	float:left;
	border:thin;
	margin-right:1em;
	width: 30%;
	clear: both;
	box-shadow: 0 0 2px #888888;
}

div.sq_img img {
	max-width: 100%;
	height: auto;
	border-style:solid;
	border-width:5px;
	border-color: #ffffff;
}

div.lg_img {
	box-shadow: 0 0 2px #888888;
}

div.lg_img img {
	max-width: 100%;
	height: auto;
	border-style:solid;
	border-width:5px;
	border-color: #ffffff;
}

div.lgsq_img {
	float:left;
	border:thin;
	margin: 0 1em .5em 0;
	width: 40%;
	clear: both;
}

div.lgsq_img img {
	max-width: 100%;
	height: auto;
}

div.border {
	width: 1px;
	height: 70%;
	background: #000000;
	margin: 15% auto;
	float: left;
}
.banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr .span_1_of_2_left img, .banner_bottom_nav_midpoint li:hover .dropdown_3columns_terr .span_1_of_2 img, .banner_bottom_nav_midpoint li:hover .dropdown_3columns_athletics .span_1_of_2_left img  {
	height: auto !important;
}
img.halfWidth {
	width: 45%;
}

/** From academics specific css **/

div#top_feature{
	width: 55%;
	float: right;
	/*margin-top: 8em;*/
	/*margin-top: -8em;*/
	margin: 13em 9em 0 0;
	/*padding-top: 8em;*/
	/*margin-bottom: 4em;*/
	/*margin-left: 3.5%;
	margin-bottom: 3.5%;*/
	background: #ffffff; 
	/*float: left;*/
	box-shadow: 0 0 2px #888888;
}
.features, .features .sizable {
	width: 55%;
	height: 475px !important;
}
div#top_links_mobile {
	display: none;
}

div#top_links{
	/*width: 20%;*/
	display: block;
	width: 56.5%;
	float: right;
	/*float: left;*/
	/*margin-left: 2em;*/
	margin: 1em 6.5em 0 0;
	/*margin-bottom: 4em;*/
	/*margin-left: 3.5%;
	margin-bottom: 3.5%;*/
	background: transparent; 
	display: block;
	/*float: left;*/
	font-size: 1.25em;
}

div#bc_alert {
	width: 100%;
	margin: 0 0 0 0;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	background-color: #00336D;
	color: #ffffff;
	font-size: 1.25em;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	padding: .5em 0;
	box-shadow: 0 0 2px #888888;
}
/*.col:first-child { margin-left: 0; }*/

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 31.2%;
}

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
div#left_col_mobile {
	display: none;
}
div#left_col {
	margin: 2em 0 0 7em;
	display: block;
}
div.link_left {
	background-color: #00336D;
	color: #ffffff;
	width: 22.25%;
	float: left;
	font-size: 1.125em;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	margin: 1em 1.5em 0 0;
	padding: .5em 0;
	box-shadow: 0 0 2px #888888;
}
div.link_right {
	background-color: #00336D;
	color: #ffffff;
	width: 22.25%;
	float: right;
	font-size: 1.125em;
	font-family: 'Oswald', sans-serif;
	text-align: center;
	margin-top: 1em;
	padding: .5em 0;
	box-shadow: 0 0 2px #888888;
}