@charset "utf-8";

/* While this approach is good for us in the back end (readbility, modular files, etc),
this is likely not ideal on the front, given the number of calls. -NM 10/28/15 */
/* Likewise, module css should be separate and included in all calls, not just the default css. -NM 2/8/2016 */

/* Limited Functionality */
@import url("asset_image.css");
@import url("course_listing.css");
@import url("event_registration.css");
/*@import url("information_block.css");*/
@import url("image_web.css");
@import url("slide_show.css");

/* Universal Functionality */
@import url("animation.css");

/* Site Structure */
@import url("beloit_banner_102014.css");
@import url("bc_footer.css");
$("#search").show();navlist
/* 
CSS for 2013 Beloit College Site Design
Author: Amanda Frisbee
Last Modified: January 28, 2013
*/

/* ---- MAIN CSS ---- */

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
img {border:0;}
ol, ul {list-style:none;}
dl {margin-bottom:1em;}
dt {margin-bottom:0.5em;font-weight:bold;}
dd {margin-bottom:0.5em;padding-left:5%;}
dd + dt {margin-top: 1em;}
dd dl {margin-top:1em;}
div#news ul, div#events ul, div#billboard ul { padding: 0 !important; list-style:none !important; } 
address {font-style:normal;}
body {
	background: #ffffff;
	text-align: left;
	font-family: "Gotham Narrow A", "Gotham Narrow B", Verdana, Geneva, sans-serif;
	font-size: .9em;
	/*min-width:760px;*/
}

div.publication div.fullPost div.primaryContent {
	margin: 0 1em;
}
span.name {
	float: left;
	width: 85%;
}
div.live {
	margin: -.25em 0 0 .5em;
	width: 8%;
	float: left;
}
div.live img {
	max-width: 100%;
	height: auto;
}
div#login {
	width: 90%;
	margin: 0 0 0;
}
div#wrapper {
	background:transparent;
	margin:0 auto !important;
	padding:0 0 14px 0 !important;
	width: 100%;
	text-align: left;
}

.imageWrapper .mainImage {
	width: auto;
	height: auto;
}

/* anchor link fix 4/24/13 - AF */
a:not([href])[id] { 
    margin-top: -150px; /* or whatever your fixed header height is */ 
    padding-bottom: 150px; 
    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.iframes {
	width: 100%;
}

iframe {
	border: none;
	width: 100%;
}

div#blog ul.posts li.post ul.links {
	display:none;
}

div#blog div.item div.comments ul {
	list-style: none;	
}

/* 1/29/13 ~ AF */
div#profile_placeholder {
	width: 100%;
	position: relative;
	margin-top: 4.25em;
}
div#profile_placeholder img {
	max-width: 100%;
	height: auto;
}
div#profile_placeholder2 {
	margin-top: 11em;
	width: 100%;
	position: relative;
	overflow: hidden;
}
div#profile_placeholder2 img {
	max-width: 100%;
	height: auto;
}

div.publication div.fullPost div.relatedItems {
	/*width:25%;
	display: none;*/ /* 4/15/14 - AF */
	width: 70%;
	clear: both;
	margin-left: 1em;
}

div#content	{
	background: #ffffff;
	width: 100%;
	margin: 0 auto;
	float: none;
	overflow:visible;
	padding: 1.5em 0 0 0;
}
div#form_content	{
	background: #ffffff;
	width: 100%;
	margin: 10em auto;
	float: none;
	overflow:visible;
	padding: 1em;
}
div#form_content.photo {
	width: 90%;
	margin: .5em auto;
}
div#content img {
	max-width: 100%;
}
div#calendar div.gridAndOptions {
	width: 30%;
}



div#calendar div.gridAndOptions div.calendarGrid {
	width: 89%;
	display: none; /*hide the calendar for now*/
}

div#calendar div.gridAndOptions div.dateJump {
	display: none; /*hide the calendar for now*/
}

div#calendar div.gridAndOptions div.calendarGrid table {
	max-width: 20%;
	font-size: 1em;
}
div.contentMain,
div.contentPost {
	margin: 1em 0;
	font-size: 1.05em;
}

div.contentHead	{
	margin: 1em 0;
}

/**********************/


div#related {
	width: 100%;
	padding:0 0 1em 1em;
	float: none;
}
/* 2/5/13 - to remove bullets from asset list in related documents box - AF */
div#related div.assets ul {
	list-style: none;
}
div.blurbs {
	width: 100%;
    background: #00336D;
    color: #FFFFFF;
}
div.res_blurbs {
	width: 100%;
	background: #e8c753;
	font-size: 1.25em;
	color: #FFFFFF;
	font-family: 'Oswald', sans-serif;
	clear: both;
	margin-top: 2em;
}
div.res_blurbs a {
	color: #00336D;
	font-weight: normal;
	text-decoration: none;
}
	
div#related div.sidebar div.blurbs div.blurb a {
    color: #e8c851;
	text-decoration: none;
}
div#related div.sidebar div.blurbs div.blurb a:hover {
    color: #ffffff;
}
div.blurb {
	/*width: 85%;*/ /*NM 05/2016, not sure why 85%?*/
	text-align: left;
	padding: 1.125em;
}
div#bannerAndMeat {
	background: transparent;
}
div#bannerAndMeat:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
}
* html div#bannerAndMeat { display:inline-block; }
div#bannerAndMeat { min-height:1px; }
div#bannerAndMeat { display:block; }
div#con_rel_wrapper{
	width: 90%;
	margin: 0 auto;
}
div#left_col {
	width: 100%;
	margin-top: 4.5em;
	border-top: 1em solid #00336D;
}
div#form_left_col {
	background: transparent;
	width: 100%;
	margin: 0 auto;
	float: none;
}
div#map_right_col {
	background: transparent;
	width: 90%;
	margin: 2em auto;
	float: none;
}

/* Navigation */
div#navigation li.navListItem {
	letter-spacing: .0625em;
	padding: .25em 0;
}
div#navigation a,
div#navigation strong {
	display: block;
	width: 100%;
}
div#navigation ul.navList li.navListItem.current > strong {
	color: #001d3d;
	font-weight: 600;	
}
div#navigation ul.navList li.navListItem,
div#navigation ul.navList li.navListItem.open > a,
div#navigation ul.navList li.navListItem.current > strong {
	border-bottom: 1px solid #00336D;
	padding-bottom: .25em;
}

div#navigation ul.navList li.navListItem.current {
	padding-bottom: 0;
}

div#navigation ul.navListTop > li.navListItem,
div#navigation ul.navList li.navListItem.open {
	border-bottom: none;
}

/* Parent Link NM 10/28/2015 */
div#parent_site_link {
	padding: 0.5em 0;
	border-top: 1px solid #00336D;
	border-bottom: 1px solid #00336D;
	margin: 0.5em 0;
	width: 100%;
}

div#parent_site_link a {
	position: relative;
	display: block;
	width: 100%;
}

div#parent_site_link a span.arrow {
	margin-right: 0.5em;
}

div#con_rel_wrapper div#navigation, div#navigation {
	background:#ffffff;
	width: 100%;
	margin: 1.125em 0 2em 0;
	color: #00336D;
	font-family: "Gotham A", "Gotham B", 'Arial', sans-serif;
	font-size: 1.135em;
	text-transform: uppercase;
	float: none;
	/*padding: 1em;*/
	padding: 0;
}
.navigation_blocksModule ul {
	height: auto;
}
div#nav_container {
	background:#ffffff;
	width: 100%;
	margin: 2em 0;
	color: #00336D;
	font-family: 'Arial', sans-serif;
	float: none;
	padding: 1em;
}
div#nav_container ul li {
	text-transform: uppercase;
	border-bottom: thin solid #CCCCCC;
	padding: .25em 0;
}
div#nav_container a {
	color: #00336D;
	font-weight: normal;
	text-decoration: none;
}
div#con_rel_wrapper div#navigation a, div#con_rel_wrapper div#navigation a.contact, div#navigation a, div#navigation a.contact {
	color: #00336D;
	font-weight: normal;
	text-decoration: none;
	}
ul.navList { 
	width: 100%;
	padding: 0;
}
li.current > li.closed {
	text-indent: 1.25em;
}
/* 2/4/13 - For Top Nav; override sub_banner_tabs.css */
div#postBanner div#topNavigation {
	background: #ffffff;
	width: 20%;
	position: absolute;
	top: .75em;
	left: 2em;
	padding: .5em 1em;
	color: #00336D;
	font-family: 'Oswald', sans-serif;
	font-size: 1.16em;
	display: none;
}
div.side_image_link_box { 
	margin: 10px 0 0 0;
}
div.side_image_link_box .icon_margin_left { margin: 0 0 0 8px; }
h1, h2, h3, h4, h5, h6 { margin: 1.25em 0 0.5em; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; }
li h4, h5, h6 { font-size: 1em; }
*>h1:first-child,*>h2:first-child,*>h3:first-child,*>h4:first-child,*>h5:first-child,*>h6:first-child{margin-top:0;}
h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:0;}
div.pageTitle h2.pageTitle {
    margin: 0;
}
h2.pageTitle {
	font-family: "Gotham A", "Gotham B", sans-serif;
	/*font-size: 1.75em;*/
	text-transform: uppercase;
	color: #00336D;
	letter-spacing: 0.0625em;
	padding-top: 0;
}
div#content { overflow:hidden; }
div#content.left { overflow:hidden; float:left; }
div#content hr { margin: 1em 0; clear: both; }
div#content ol, div#content ul { padding:0 0 0 5%; margin: .5em 0 1em; }
/*div#pageContent p + ul, div#pageContent p + ol { margin-top: -1em;}*/
div#content ul { list-style: disc;}
div#content div.flexslider ul { padding: 0px; }	/* Fix for Reason image slideshow. 2/24/15 NM */
div#content ol { list-style: decimal }
div#content ul ul { list-style: circle;}
div#content ol ol { list-style:lower-roman; margin: 0; }
div#content ol ul { margin: 0; }
div#content ul ol { margin: 0; }
div#content img { margin: 0.2em 1em; }
div#content div.toolbar img, div#content div.grippy_wrapper img { margin: 0; }
div#content p { margin-bottom: 1em; }
div#content td { padding: 1px; }
div#content td.words { width:200px; }
div#content tr#editablecontentRow td.words { width:0; padding:0; }
div#content blockquote { border-left: 1px solid #999; margin: 0 0 0 5%; padding: 0 0 0 1em;}
/* Reason's Highlight Button - Doesn't do anything currently; below is possible look. */
/*div#content div.callOut { background:#ff9 none repeat scroll 0 0; border:1px solid #666; padding:1em; width:100%; }
div#content div.callOut p:last-of-type { margin-bottom: 0; }*/
div#pageContent ol li img { display: block; max-width: 100%; }
div#pageContent ul li img { display: block; max-width: 100%; }
div.relatedItems ul { list-style:none outside none !important }
p.textOnlyLink { display:none }
div#blog div.persistent { display:none }
li.item:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	height:20px;
}
.left {
	float:left;
	display:inline;
	padding-right:10px;
}
.right {
	float:right;
	display:inline;
	padding-left:10px;
}
.center {
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
}
.caption {
	font-size: 0.9em;
}
div#footer {
	color:#00336D;
	padding-top: 10px;
	text-align: center;
	/*width: 100%;
	float: none;*/
	width:67.25%;
	float: left;
	margin: 0 0 0 3.5em;
	clear: both;
	display: none;
}
div#mobile_footer {
	color:#00336D;
	padding: 1em;
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	display: block;
}
div#mobile_footer a {
	color:#00336D;
}
/*Utility Classes?*/
.clear {
	clear:both;
}
.boldred {
	color: #F00;
	font-weight: bold;
}
.red {
	color: #F00;
}
.indent1em {
	margin-left: 1em;
}
.indent2em {
	margin-left: 2em;
}
.marginless {
	margin: 0 !important;
}
.marginless_bottom {
	margin-bottom: 0 !important;
}
.underline {
	text-decoration: underline;	
}
div#miniCal { 
	border: none;
	background-color: transparent;
}
div#miniCal div#events h4 {
	border-top: none;
}
div#top_area.forms {
	margin-top: 0px;
}
/* Poll */
div#poll {
	float: right;
	width: 146px;
	background-image:url(../images/rounded_bg/blue/top.jpg);
	background-repeat: no-repeat;
	background-color: #00336D;
	color: #FFFFFF;
	padding: 7px 7px 0 7px;
}
a.results {
	color: #7ab5c3;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 0 30px;
}
div#poll_btm {
	float: right;
	width: 160px;
	height: 7px;
	background-image:url(../images/rounded_bg/blue/rounded_blue_sidenav_bottom_poll2.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}
div#pollgraph { 
	float: right;
	width: 160px;
	background: #transparent;
	color: #000000;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}
/* Giving Form */
li.givingNavTop{
	padding: .25em 0 .32em 0;
}
li.givingNav{
	padding: 0 0 .32em 1.7em;
}


/* Feature text */
.featuresModule h3{
	color: #00336D;
}
.featureText{
	color: #00336D;
}
div#anchors {
	float: left;
	width: 200px;
}
/* Table sizes: */
div#content table {margin-bottom:1em;}
table {	width: 100%; }
table.threeQuarterWidth { width: 75%; }
table.halfWidth { width: 50%; }
table.quarterWidth { width: 25%; }
div#content form table { width: auto; }
div#content form table td { padding: 1px 0.5em; }
/* Table with border: */
table.bordered th, table.bordered td { border-top: 1px solid #000; border-left: 1px solid #000; }
table.bordered tr th:last-of-type, table.bordered tr td:last-of-type { border-right: 1px solid #000; }
table.bordered tr:last-of-type th, table.bordered tr:last-of-type td { border-bottom: 1px solid #000; }
/* Need Based Aid Table, /prospective/afford/needbased/ */
table.need_based_aid { margin-bottom: 1em; }
table.need_based_aid th, table.need_based_aid td { padding: 0.5em !important; /*border-top: 2px solid #000;*/}
/*table.need_based_aid tr:first-of-type th, table.need_based_aid tr:first-of-type td { border-top: 1px solid #000; }*/
table.need_based_aid th { background: #CCC; }
/*                  */
img.halfWidth {
	width: 50%;
}
div#form_content table {
	width: auto;
}
div#mobile_header_nav{
	background: #ffffff;
	width: 100%;
	margin-bottom: 2em;
	color: #00336D;
	font-family: 'Arial', sans-serif;
	font-size: 1.135em;
	text-transform: uppercase;
	float: none;
	display: block;
}
div#mobile_header_nav a{
	color: #00336D;
	text-decoration: none;
}
div#mobile_header_nav {
	padding: 1em;
}
tr#id8l3iQjqS12Row{
	width: 315px;
}
div.terrariumsModule li.feature img {
    height: auto;
    max-width: 100%;
}
div#con_rel_wrapper div#nav_container, div#nav_container {
	background: #ffffff;
	width: 92%;
	padding: 1em;
	margin: .375em 0 2em 0;
	font-size: 1.25em;
	clear: both;
}
img.instagram-summary-image {
	float: left;
	padding: 1em;
}
div#instagram_content {
	width: 90%;
	margin: 12em auto;
	color: #00336D;
}
div.instagram_summary {
	width: 100%;
	background: #000000;
}
div#centered_content	{
	width: 100%;
	margin: 8em auto;
	background: #ffffff;
	padding: 1em;
}

ul#profile_nav {
	display: none;
}
div#meat div#profile_placeholder {
	height: auto;
	min-height: 150px;
}
/* for photo credit - AF */
.photog {
	float: right;
	padding: 0 1em 1em 1em;
	font-size: .85em;
	font-style: italic;
}
.homepage_feature_photog {
	float: right;
	padding: 1em 0 0 0;
	font-size: .85em;
	font-style: italic;
}
/* Edits to event pages. -NM 04/17/2014*/
span#event_map {
	float: left;
	margin-right: 600px;/*Clear right side of image.*/
	margin-bottom: 0.5em;
	height: 64px;
    width: 64px;
}
span#event_map img {
    margin: 0;
}
div#calendar div.eventDetails div.export {
	clear: left;
}
/* Edit to publication pages. -NM 09/19/2014*/
div.fullPost div.date {
    margin-bottom: 1em;
}

fieldset {
	border: none;
}

div#form_content.photo div#social_media {
	width: 25%;
	float:right;
	margin:1em 0 4em 1em;
	display: none;
}
div#form_content.photo div#social_media p {
color:#00336D;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0625em;
font-size:1em;
text-transform:uppercase;
letter-spacing:.0625em;
}
div#form_content.photo div#social_media .sm_icon img {
	width: 90%;
}
#pageContent > div, #pageContent > div >form, .form_responses > input {
	max-width: 100%;
}
div#form_question_946728e3-bed0-4e8e-9d77-b6d8db0f4dea {
	overflow: hidden;
}
div#right_side {
	width: 25%;
	float:right;
	margin:1em 0 4em 1em;
}
div#right_side img {
	max-width: 100%;
	margin: 0;
}
div#left_content {
	width: 100%;
}
div#right_side_blurb {
	width: 100%;
	margin: 0 0 0 0;
	box-shadow: 0 0 2px #888888;
	/*display: none;*/
}
div#right_side_blurb img {
	max-width: 100%;
	margin: 0;
}
div#right_side_blurb p.image {
	margin: 0 !important;
}
div#right_side_blurb p {
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #00336D;
	letter-spacing: .0625em;
	font-size: 1.0725em;
	font-weight: bold;
	margin: .75em;
}
div#right_side_blurb span.subtext {
	font-weight: normal !important;
	text-transform: none !important;
	color: #000 !important;
	text-decoration: none !important;
	letter-spacing: normal !important;
	font-size: .95em !important;
}
div#right_side_blurb a {
	text-decoration: none !important;
}


@media screen and (min-width: 600px) {
/* Edits to event pages. -NM 04/17/2014*/
span#event_map {
    margin-right: 10px;
	margin-bottom: 1em;
}
div#login {
	width: 50%;
}
div#right_side {
	width: 18%;
}
}


@media screen and (min-width: 1024px) {
	
div#parent_site_link a span.arrow {
	position: absolute;
	right: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

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: 1em 0 0 10%;
	border-top: none;
	/*position: absolute;
	top: 12em;
	right: 3.5em;*/
	z-index: 5;
}
div#form_left_col {
	width: 20%;
	margin: 13em auto 0 4em;
	float: left;
}
div#form_left_col.photo {
	margin: .5em 0 0 9em !important;
}
div#content {
	margin: 0 4em 3em 0;
}
div#centered_content	{
	width: 90%;
	margin: 10em auto;
}
div#centered_content.photo {
	width: 90%;
	margin: 0 auto;
}
iframe body {
	width: 95% !important;
}
	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 10% 2em 0;
	float: right;
}
div#form_content	{
	width: 67.25%;
	margin: 10em 2em 0 0 ;
	float: right;
}
div#form_content.photo {
	width: 55%;
	margin: .5em 7em 0 0;
	overflow: hidden;
}
div#form_content.photo div#social_media {
	display: block;
}
div#con_rel_wrapper{
	width: 100%;
}
div#form_right_col {
	width: 20%;
	margin: 13em 0 0 2em;
	float: left;
}
div#form_right_col.photo {
	margin: .5em 0 0 7em;
}
div#form_right_col.photo li {
	font-size: .925em;
	letter-spacing: 0.0625em;
	padding: .25em 0;
}
div#map_right_col {
	width: 17%;
	margin: 13em 2em 0 0;
	float: right;
}
div#con_rel_wrapper div#navigation, div#navigation {
	float: left;
	background: transparent;
	/*padding: 0 1em;*/ /* Why? -NM 2/5/16 */
	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%;
}
div#left_content {
	width: 73%;
	float: left;
}
div#right_side_blurb {
	width: 22%;
	float: right;
	margin:1em .5em 4em 1em;
}
}

/*@media screen and (min-width:1050px) {
div#content {
	margin: 0 10% 2em 0;
}
div#left_col {
	margin: 2em 0 0 10%;
}		
}*/

@media screen and (min-width: 1190px) {
div#form_content.photo {
	margin: .5em 9em 0 0 ;
}
div#con_rel_wrapper{
	width: 100%;
}
div#form_left_col.photo {
	margin: .5em 0 0 9em;
}
}


@media screen and (min-width: 1200px) {
/* anchor link fix 4/24/13 - AF */
a:not([href])[id] { 
    margin-top: -150px; /* or whatever your fixed header height is */ 
    padding-bottom: 150px; 
    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#postBanner div#topNavigation {
	width: 25%;
}

/****  Dropdowns  ****/

.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_3columns_terr, .dropdown_4columns, .dropdown_5columns  {
	color: #000000;
	text-align: left;
	margin: 0 auto;
	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_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_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: 4.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;
}	

#banner_bottom_nav1 li:hover .dropdown_1column,
#banner_bottom_nav_midpoint li:hover .dropdown_1column,   
#banner_bottom_nav1 li:hover .dropdown_2columns,   
#banner_bottom_nav1 li:hover .dropdown_3columns,  
#banner_bottom_nav1 li:hover .dropdown_4columns,  
#banner_bottom_nav1 li:hover .dropdown_5columns,
#banner_bottom_nav2 li:hover .dropdown_1column,   
#banner_bottom_nav2 li:hover .dropdown_2columns,   
#banner_bottom_nav2 li:hover .dropdown_3columns,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr,  
#banner_bottom_nav2 li:hover .dropdown_4columns,  
#banner_bottom_nav2 li:hover .dropdown_5columns {  
    left:-1px;top:3em;  
} 
  
#banner_bottom_nav1 li:hover .align_right,
#banner_bottom_nav2 li:hover .align_right {  
    left:auto;right:-1px;top:3em;  
} 
#banner_bottom_nav2 li:hover .dropdown_3columns_terr .span_1_of_2_left img, #banner_bottom_nav2 li:hover .dropdown_3columns_terr .span_1_of_2 img, #banner_bottom_nav2 li:hover .dropdown_3columns .span_1_of_2_left img  {
	height: auto !important;
}

#banner_bottom_nav1 li:hover .dropdown_1column a,
#banner_bottom_nav_midpoint li:hover .dropdown_1column a,
   
#banner_bottom_nav1 li:hover .dropdown_2columns a,   
#banner_bottom_nav1 li:hover .dropdown_3columns a,  
#banner_bottom_nav1 li:hover .dropdown_4columns a,  
#banner_bottom_nav1 li:hover .dropdown_5columns a,
#banner_bottom_nav2 li:hover .dropdown_1column a,   
#banner_bottom_nav2 li:hover .dropdown_2columns a,   
#banner_bottom_nav2 li:hover .dropdown_3columns a, 
#banner_bottom_nav2 li:hover .dropdown_3columns_terr a, 
#banner_bottom_nav2 li:hover .dropdown_4columns a,  
#banner_bottom_nav2 li:hover .dropdown_5columns a {  
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: none;
	display: block;
	text-decoration: none;  
	font-size: 1em;
}

#banner_bottom_nav1 li:hover .dropdown_2columns a:hover,   
#banner_bottom_nav1 li:hover .dropdown_3columns a:hover,  
#banner_bottom_nav1 li:hover .dropdown_4columns a:hover,  
#banner_bottom_nav1 li:hover .dropdown_5columns a:hover,
#banner_bottom_nav2 li:hover .dropdown_1column a:hover,   
#banner_bottom_nav2 li:hover .dropdown_2columns a:hover,   
#banner_bottom_nav2 li:hover .dropdown_3columns a:hover, 
#banner_bottom_nav2 li:hover .dropdown_3columns_terr a:hover, 
#banner_bottom_nav2 li:hover .dropdown_4columns a:hover,  
#banner_bottom_nav2 li:hover .dropdown_5columns a:hover {  
	color: #e8c851;
}
   
#banner_bottom_nav1 li:hover .dropdown_2columns h3,   
#banner_bottom_nav1 li:hover .dropdown_3columns h3,  
#banner_bottom_nav1 li:hover .dropdown_4columns h3,  
#banner_bottom_nav1 li:hover .dropdown_5columns h3,   
#banner_bottom_nav2 li:hover .dropdown_2columns h3,   
#banner_bottom_nav2 li:hover .dropdown_3columns h3,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr h3,  
#banner_bottom_nav2 li:hover .dropdown_4columns h3,  
#banner_bottom_nav2 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;
}

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

#banner_bottom_nav1 li:hover .dropdown_1column p.bottom,
#banner_bottom_nav_midpoint li:hover .dropdown_1column p.bottom,

#banner_bottom_nav2 li:hover .dropdown_3columns p.bottom {  
	margin-bottom: 2.5em;
}

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

#banner_bottom_nav1 li:hover .dropdown_1column div.button a,
#banner_bottom_nav_midpoint li:hover .dropdown_1column div.button a, 
   
#banner_bottom_nav1 li:hover .dropdown_2columns div.button a,   
#banner_bottom_nav1 li:hover .dropdown_3columns div.button a,  
#banner_bottom_nav1 li:hover .dropdown_4columns div.button a,  
#banner_bottom_nav1 li:hover .dropdown_5columns div.button a,
#banner_bottom_nav2 li:hover .dropdown_1column div.button a,   
#banner_bottom_nav2 li:hover .dropdown_2columns div.button a,   
#banner_bottom_nav2 li:hover .dropdown_3columns div.button a, 
#banner_bottom_nav2 li:hover .dropdown_3columns_terr div.button a, 
#banner_bottom_nav2 li:hover .dropdown_4columns div.button a,  
#banner_bottom_nav2 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: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 {
	float:none;
	border:thin;
	margin-bottom:1em;
	width: 90%;
	clear: both;
	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;
}

div#con_rel_wrapper div#navigation, div#navigation {
	margin: 0 0 2em 0;
}
}

@media screen and (min-width: 1350px) {
#banner_bottom_nav1 li:hover .dropdown_1column,
#banner_bottom_nav_midpoint li:hover .dropdown_1column,   
#banner_bottom_nav1 li:hover .dropdown_2columns,   
#banner_bottom_nav1 li:hover .dropdown_3columns,  
#banner_bottom_nav1 li:hover .dropdown_4columns,  
#banner_bottom_nav1 li:hover .dropdown_5columns,
#banner_bottom_nav2 li:hover .dropdown_1column,   
#banner_bottom_nav2 li:hover .dropdown_2columns,   
#banner_bottom_nav2 li:hover .dropdown_3columns,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr,  
#banner_bottom_nav2 li:hover .dropdown_4columns,  
#banner_bottom_nav2 li:hover .dropdown_5columns {  
    left:-1px;top:3.25em;  
} 

#banner_bottom_nav1 li:hover .align_right,
#banner_bottom_nav2 li:hover .align_right {  
    left:auto;right:-1px;top:3.25em;  
} 
div#left_content {
	width: 75%;
}

div#form_left_col {
	margin: 13em auto 0 9em;
}
div#form_left_col.photo {
	margin: .5em 0 0 9em !important;
}
}

@media screen and (min-width: 1490px) {
#banner_bottom_nav1 li:hover .dropdown_1column,
#banner_bottom_nav_midpoint li:hover .dropdown_1column,   
#banner_bottom_nav1 li:hover .dropdown_2columns,   
#banner_bottom_nav1 li:hover .dropdown_3columns,  
#banner_bottom_nav1 li:hover .dropdown_4columns,  
#banner_bottom_nav1 li:hover .dropdown_5columns,
#banner_bottom_nav2 li:hover .dropdown_1column,   
#banner_bottom_nav2 li:hover .dropdown_2columns,   
#banner_bottom_nav2 li:hover .dropdown_3columns,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr,  
#banner_bottom_nav2 li:hover .dropdown_4columns,  
#banner_bottom_nav2 li:hover .dropdown_5columns {  
    left:-1px;top:3.375em;  
} 

#banner_bottom_nav1 li:hover .align_right,
#banner_bottom_nav2 li:hover .align_right {  
    left:auto;right:-1px;top:3.375em;  
} 
}

@media screen and (min-width: 1515px) {
#banner_bottom_nav1 li:hover .dropdown_1column,
#banner_bottom_nav_midpoint li:hover .dropdown_1column,   
#banner_bottom_nav1 li:hover .dropdown_2columns,   
#banner_bottom_nav1 li:hover .dropdown_3columns,  
#banner_bottom_nav1 li:hover .dropdown_4columns,  
#banner_bottom_nav1 li:hover .dropdown_5columns,
#banner_bottom_nav2 li:hover .dropdown_1column,   
#banner_bottom_nav2 li:hover .dropdown_2columns,   
#banner_bottom_nav2 li:hover .dropdown_3columns,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr,  
#banner_bottom_nav2 li:hover .dropdown_4columns,  
#banner_bottom_nav2 li:hover .dropdown_5columns {  
    left:-1px;top:3.5em;  
} 

#banner_bottom_nav1 li:hover .align_right,
#banner_bottom_nav2 li:hover .align_right {  
    left:auto;right:-1px;top:3.5em;  
} 
}

@media screen and (min-width: 1570px) {
#banner_bottom_nav1 li:hover .dropdown_1column,
#banner_bottom_nav_midpoint li:hover .dropdown_1column,   
#banner_bottom_nav1 li:hover .dropdown_2columns,   
#banner_bottom_nav1 li:hover .dropdown_3columns,  
#banner_bottom_nav1 li:hover .dropdown_4columns,  
#banner_bottom_nav1 li:hover .dropdown_5columns,
#banner_bottom_nav2 li:hover .dropdown_1column,   
#banner_bottom_nav2 li:hover .dropdown_2columns,   
#banner_bottom_nav2 li:hover .dropdown_3columns,
#banner_bottom_nav2 li:hover .dropdown_3columns_terr,  
#banner_bottom_nav2 li:hover .dropdown_4columns,  
#banner_bottom_nav2 li:hover .dropdown_5columns {  
    left:-1px;top:3.625em;  
} 

#banner_bottom_nav1 li:hover .align_right,
#banner_bottom_nav2 li:hover .align_right {  
    left:auto;right:-1px;top:3.625em;  
} 
}


@media screen and (min-width: 1920px) {
div#wrapper {
	width: 1920px;
}
}

@media print {
	div#beloit_banner, div#profile_placeholder, div#mobile_header_nav, div#right_col  {
		display: none;
	}
}

/* Content Blocks */
div#content div.content_col_sect,
div#content div.content_col_sect div.section_row {
	width: 100%;
	height: auto;
	position: relative;
}

div#content div.content_col_sect div.column_block {
	width: 100%;
	margin: 0.5% 0;
	float: left;
}

@media screen and (min-width: 1024px) {	
	div#content div.content_col_sect div.column_block {
		margin: 0 0 1%;
	}
	
	div#content div.content_col_sect div.section_row:last-of-type div.column_block {
		margin-bottom: 0%;
	}
	
	div#content div.content_col_sect {
		margin-bottom: 1em;
	}

	div#content div#col_sect_2 div.column_block {
		width: 50%;
	}
	div#content div#col_sect_2 div.column_block:nth-of-type(odd) {
		padding-right: 0.5em;
	}
	div#content div#col_sect_2 div.column_block:nth-of-type(even) {
		padding-left: 0.5em;
	}
	
	div#content div#col_sect_3 div.column_block {
		width: 33.3333333%;
	}
	div#content div#col_sect_3 div.column_block:nth-of-type(3n+1) {
		padding-right: 0.5em;
	}
	div#content div#col_sect_3 div.column_block:nth-of-type(3n+2) {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	div#content div#col_sect_3 div.column_block:nth-of-type(3n+3) {
		padding-left: 0.5em;
	}
}

/* Directory CSS */

div#campus_directory_form div#directory_results{
	padding-left: 5%;
}

div#campus_directory_form div#directory_results dt {
	font-size: 1.1em;
}

div#campus_directory_form a.errorJump {
	display: none;
}

div#directory_nav {
	/*font-size: 1.2em;*/
	color: #000;
	text-transform: none;
	margin-top: 1.5rem;
}

div#directory_nav dt {
	border-bottom: 1px #000 solid;
}

div#directory_nav dd {
	font-weight: normal;
}

div#navigation div#directory_nav a {
	color: #00336D;
	font-weight: bold;
}

div#content ul.checklist {
	list-style: none;
}

div#content ul.checklist li:before {
    content: "\2610";
	margin-left: -1em;
    margin-right: 1em;
}

/* Giving Beloiter Fund Design */
div#content p#giving_endorse_blurb,
div#content p#alumni_event_link {
	background: #00336D;
	padding: 0.5em;
	margin: 0;
	position: relative;
	font-family: Gotham A,Gotham B;
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

div#content p#giving_endorse_blurb a,
div#content p#alumni_event_link a {
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}

div#student_job_listing p { padding-left: 5%; }
div#student_job_listing ul,
div#student_job_listing ol { padding-left: 10%; }