/*table of contents
Basics
 - body
 - p, a , li
 - site container

Top
 - social media
 - top right
 - search
 
Header
 - logo
 - giving button
 
Main Nav
 - menu
 - dropdown
 - right align
 - div cols
 
Main Image 
 - 
 
Home Content
 - home tabs
 - who you are
 
Footer
 - footer social media
 
Bottom
 - copyright
 - address
 
Media Queries
 - min 320px to max 640px
 - min 641px to max 959px
 - min 960px to max 1079px
 - min 1080px


*/
body {
	background: #ffffff;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	
}
p {margin:0;padding:0;}
blockquote{margin: 20px;}

/*anchors*/
a {color: #669B63;text-decoration:none;}
a:hover{text-decoration:underline;}

/*lists*/
/*
ul, ol{margin:0;margin:0;}*/

.main_nav ul, .footer_content ul, .navbar ul, ul.side_nav, ul.side_sub_nav, .left_col ul, .slide-out-div ul{list-style:none;}
.center_col ul{list-style:disc;}
.center_col ul ul{list-style:circle;}
.center_col ol{list-style:decimal;}
.center_col ol ol{list-style:lower-alpha;}


h3.subhead{margin:0;padding:0;font-size:1.2em;color:#006634;font-weight:bold;}
sub{font-size:0.95em;}
sub span{color:#669B63;}
.star{color:#FF7D59;}
.gray{color:#999999;}
.red{color:#9F0A0C;}
.orange{color:#F16321;}
.green{color:#197B32;}

.floatRight{float:right;}
.floatLeft{float:left;}
.floatNone{float:none;}

p.back_to_top{text-align:right;}

/*print logo*/
#print_logo{display:none;}

/*image floats*/
.article_image.left{float:left;margin-right:10px;}
.article_image.right{float:right;margin-left:10px;}

/*FORMS*/
select{padding:5px 0;}


/*submit button*/
/*center col */
.center_col input[type="submit"],
.center_col input[type="reset"],
.library_search_form input[type="submit"],
.contact_info input[type="submit"]{
	cursor:pointer;
	background:url(../systemimages/submit_arrow_white.png) no-repeat 86% 46% #016836;
	
	border:none;
	padding:7px 25px 7px 15px;
	
	color:#ffffff;
	text-transform:uppercase;
	font-size:1.1em;
 	font-family:"proxima_nova_ltsemibold", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	position:relative;
	
}
.center_col input[type="submit"]:hover,
.center_col input[type="reset"]:hover,
.library_search_form input[type="submit"]:hover,
.contact_info input[type="submit"]:hover{
	background:url(../systemimages/submit_arrow_white.png) no-repeat 86% 46% #72a84f;
}

.site_container{
	width:100%;
	min-width:320px;
	margin:0 auto;
	display:block;
}
.site_container .container_24{
	max-width:1200px;
	margin:0 auto;
}
.top, .header, .main_nav, .home_content, .footer, .bottom, .landing{width:100%; margin:0 auto;display: block;float: left;}
/*top
---------------------------------------*/
.top_wrapper{
	background:#016836;
	width:100%;
	display:block;
	border-bottom:1px solid #FFF;
	padding:8px 0;
}

.top ul li{list-style:none;display:inline-block;}


/*top right*/
.top_right{width:60%; display:block; text-align:right; box-sizing:border-box; float:right; padding-top:5px;}
.top_right.slim { padding-top:0; }
.top_links{margin:8px 0 8px 0; display:block; box-sizing:border-box; float:right;}
.top_right.slim .top_links{margin:4px 0;}
.top_links li{border-left:1px solid #999999;padding:0 3px;margin:0;}
.top_links li:first-child{border:none;}
.top_links li a{display:block; font-family:"proxima_nova_rgregular", Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; position:relative; padding-right:10px;}
.top_links li svg {width:6px; height:auto; position:absolute; top:50%; right:0; -ms-transform:translateY(-50%); transform:translateY(-50%);}


.top_right_div{width:100%;}

/*search*/

.searchContain{display:block; clear:both; float:right; width:100%;}
.search_div{display:inline-block;margin-top:12px;width:30%; min-width:150px; box-sizing:border-box;}
#search_form{display:none;}
.search_box{width:100%;display:block;height:28px;background:#ffffff;position:relative;}
.search_box input[type="text"]
{	
	display:block;
	position:absolute;
	box-sizing:border-box;
	width:100%;
	height:28px;
	padding: 3px 33px 3px 10px;
    background: none;
    border: none;
	top:0;
	left:0;
	font-family:"proxima_nova_rgregular", Arial, Helvetica, sans-serif;
	z-index:1;
}
.search_box input[type="submit"]
{
    opacity: 0;
    z-index: 1;
}
.search_box input[type="submit"] {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
	position:absolute;
	top:0;
	right:0;
    text-align: center;
	padding:2px;
    width: 33px;
	height:100%;
	border: 0 none;
	text-indent:-999em;
}
.searchicon {
	position:relative;
	box-sizing:border-box;
	top:0;
	right:2px;
	height:100%;
}

.searchicon svg {
	position:absolute;
	top:50%;
	right:8px;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	width:14px;
	height:auto;
}

#mobile_search_button{
  display:none;
  float:right;
  width:26px;
  height:100%;
  margin:0;
  padding:0;
}

#mobile_search_button svg {
	display:block;
	width:100%;
	height:auto;
}


/*header
---------------------------------------*/
.header_wrapper{
	background:#ffffff;
}

/*logo*/

#logo{
	display:block;
	float:left;
	box-sizing:border-box;
	vertical-align:middle;
	width:40%;
}

#logo.slim {
	margin-top:0;
}

#logo a{
	text-indent:-9999px;
	display:block;
	background:url(../systemimages/uwparkside_logo_w.svg) no-repeat transparent; 
	background-size:contain;
	background-position:left center !important;
	height:56px;
	max-width:100%;
	margin:20px 0 10px 0;
	
}

#logo.slim a{
	text-indent:0;
	display:inline-block;
	background:none;
	max-width:100%;
	margin:4px 0;
	height:auto;
	font-family:"proxima_nova_rgregular", Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; position:relative; padding-right:10px;
	}


#logo.slim a svg {width:6px; height:auto; position:absolute; top:50%; right:0; -ms-transform:translateY(-50%); transform:translateY(-50%);}


/*main nav
---------------------------------------*/

/*menu*/
.menu_button {
		display: none;
}
.nav_wrapper{
	background:#333;
}
.main_nav ul#navigation_list{
	margin:0 auto;
	width:100%;
	position:relative;
	padding:0;
}
.main_nav ul#navigation_list > li{
	display:block;
	box-sizing:border-box;
	float:left;
	text-align:center;
	margin:0;
	position:relative;
	width:16.5%;
	padding:5px 0 5px 2px;
}

.main_nav ul#navigation_list > li:first-child {
	padding-left:0px;
}

.main_nav ul#navigation_list > li#explore_nav{
	width:10.6%;
}

.main_nav ul#navigation_list > li#engage_nav{
	width:19.6%;
}

.main_nav ul#navigation_list > li#connect_nav{
	width:20.3%;
}

.main_nav ul#navigation_list > li > a{
	color:#ffffff;
	font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	width:100%;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
	background:#3e3e3e;
	padding:15px 0 13px 0;
	line-height:1em;
}

.main_nav ul#navigation_list > li > a span{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold;
	font-size:98%;
}

.main_nav ul#navigation_list > li:hover > a{
	text-decoration:none;
	background:#333333;
}

/*dropdown*/

.main_nav ul li:hover .dropdown{
	left:0px;
	top:auto;
	display:none;
	opacity:1;
	transition:opacity 200ms ease 200ms,left 0ms ease 200ms;

}
.dropdown{
	margin:4px auto;
	padding:25px 10px 25px 25px;
    position:absolute;  
    left:-999em; /* Hides the drop down */  
	background-color:#333333;
	opacity:0;
	transition:opacity 0ms,left 0ms;
    text-align:left;  
	color:#ffffff;
	z-index:1000;
}
.live_sub{width:620px;}
.learn_sub{width:620px;}
.apply_sub{width:580px;}
.engage_sub{width:182px;}
.connect_sub{width:420px;}
.explore_sub{width:550px;}

/*right align*/

.align_right {
	left:auto;
	right:999em;
	transition:right 0ms;
}

.main_nav ul li:hover .align_right {  
    left:auto;  
    right:0px;  
    top:auto;  
	transition:opacity 200ms ease 350ms,right 0ms ease 350ms;
} 

/*Homepage Slider*/
.image_wrapper{display:block; margin-bottom:15px;}
.image_wrapper_mobile{display:none;}

/*div cols*/
.col_1{  
    display:inline;  
    float:left;  
    position:relative; 
	border-left:1px solid #666666;
	padding-left:5px;
	min-height:150px;
}  
.live_sub .col_1,
.learn_sub .col_1,
.apply_sub .col_1{width:30%;}  

.engage_sub .col_1{width:98%;}

.connect_sub .col_1,
.explore_sub .col_1{width:45%;}

.main_nav .dropdown ul > li{
	margin:0 0 0 6px;	
	
}
.main_nav .dropdown ul.col_1_list li a{
	color:#ffffff;
	/*font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size:1.18em;
}
.main_nav .dropdown ul.col_1_sub li a{
	color:#f5f5f5;
	/*font-family:"proxima_nova_rgregular", Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	font-size:1.1em;
}




/* home content
---------------------------------------*/
.home_content_wrapper{

}

#news_box, #events_box {
    clear: both;
    padding: 15px;
	font-family: 'proxima_nova_rgregular',Arial,Helvetica,sans-serif;
	font-size:12px;
}

#news_box h2, #events_box h2 {
	margin:0;
	padding:0 0 10px 0;
	font-size:28px;
	vertical-align:middle;
	color:#555;
	font-family: 'proxima_nova_rgbold',Arial,Helvetica,sans-serif;
}

#news_box h2 img, #events_box h2 img {
	display:inline;
	height:45px;
	width:auto;
	padding-right:10px;
	margin-top:-6px;
	vertical-align:middle;
}

#news_box ul, #events_box ul {
    padding: 0;
	margin:0;
	position:relative;
}
#news_box ul li, #events_box ul li {
    margin-left: 0;
    padding: 0 0 8px 0;
	line-height:120%;
	display:block;
	width:100%;
	position:relative;
	overflow:hidden;
}
#news_box ul li p, #events_box ul li p {
    color: #666666;
    font-size: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.date_block{
	width:40px;
	padding:0;
	margin-right:10px;
	float:left;
}
.date_block .month, .date_block .date{color: #ffffff;}
.date_block .month{font-family: 'proxima_nova_ltsemibold',Arial,Helvetica,sans-serif;font-size: 1em;text-transform:uppercase;}
.date_block .date{font-family: 'proxima_nova_rgbold','proxima_nova_rgregular',Arial,Helvetica,sans-serif;font-size: 1.8em;}
.date_block span{display:block;padding:2px 0;}

a.title{
    color: #006738;
    font-family: 'proxima_nova_ltsemibold',Arial,Helvetica,sans-serif;
    font-size: 1.1em;
}

#news_box a.title, #events_box a.title {
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

#news_box a.title {
	color:#c9602c;
}

#events_box a.title {
	color:#72a84f;
}

.green_block a, .ltgreen_block a, .blue_block a {
	color:#FFF;
	text-decoration:underline;
}

.more{
	color:#555;
	text-transform:uppercase;
	font-family: 'proxima_nova_rgbold',Arial,Helvetica,sans-serif;
}

/*who you are */
.whoareyou_box{
	display:block;
	box-sizing:border-box;
	background: #c9602c;
	width:100%;
	position:relative;
	padding:25px;
	margin-top:15px;
	}

.whoareyou_box h2{
	color:#ffffff;
	font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:2.3em;
	line-height: 100%;
	padding:10px 0;
}

/*select dropdown*/
#source{display:none;}

.desc { color:#A09895;}
.desc a {color:#A09895;}

.who_dropdown {
	position:relative;
	width:100%;
	margin:0;
}
.who_dropdown dd, .who_dropdown dt, .who_dropdown ul { margin:0px; padding:0px; text-align:left; }
.who_dropdown dd { position:absolute; width:100%; }
.who_dropdown a, .who_dropdown a:visited { color:#A09895; text-decoration:none; outline:none;}
.who_dropdown a:hover { color:#A09895;}
.who_dropdown dt a:hover { color:#A09895;}
.who_dropdown dt a {background:#ffffff url(../systemimages/dropdown_arrow.png) no-repeat scroll 96% center; display:block; padding:12px 15px;font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:0.85em;color:#A09895; margin:0 auto; box-sizing:border-box;}
.who_dropdown dt a span {cursor:pointer; display:block;}
.who_dropdown dd ul { background:#ffffff none repeat scroll 0 0; display:none; position:relative; padding:0; top:0px; list-style:none;font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;text-transform:uppercase; font-size:0.85em;color:#A09895;z-index:1000; margin:0 auto; box-sizing:border-box;}
.who_dropdown span.value { display:none;}
.who_dropdown dd ul li{margin:0;}
.who_dropdown dd ul li a { padding:5px 15px; display:block;}
.who_dropdown dd ul li a:hover { background-color:#EBE9E8;padding:5px 15px;color:#72a84f;}


	
/*footer
---------------------------------------*/

/*Be at Parkside
---------------------------------------*/
.be_wrapper{
	width:100%;
	background: #333;
	font-family:"proxima_nova_ltsemibold", Arial, Helvetica, sans-serif;
}

.the_rita_container .be_wrapper {
	display:none;
}

.bfooter .beAtParkside {
	display:block;
	box-sizing:border-box;
	width:250px;
	max-width:100%;
	height:auto;
	margin:0;
	padding:8px 20px 8px 10px;
}

.bfooter .baAtParksideWrapper {
	display:inline-block;
	box-sizing:border-box;
	width:33%;
	vertical-align:middle;
}

.bfooter .beNav {
	display:inline-block;
	box-sizing:border-box;
	width:67%;
	vertical-align:middle;
}

.bfooter .beNav ul {
	display:block;
	box-sizing:border-box;
	width:100%;
	margin:5px 0;
	padding:0;
	list-style-type:none;
}

.bfooter .beNav ul > li {
	display:inline-block;
	box-sizing:border-box;
	width:25%;
	margin:0;
	padding:0 0 0 2px;	
}

.bfooter .beNav ul > li:first-child {
	padding:0;
}

.bfooter .beNav ul > li > a:link, .bfooter .beNav ul > li > a:visited {
	color:#ffffff;
	font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:10px;
	display:block;
	box-sizing:border-box;
	text-decoration:none;
	background:#3e3e3e;
	padding:15px 0 13px 0;
	line-height:1em;
	text-align:center;
}

.bfooter .beNav ul > li > a:hover, .bfooter .beNav ul > li > a:active {
 	background:none;
}

.bfooter .beNav ul > li > a.dg:hover, .bfooter .beNav ul > li > a.dg:active {
 	background:#016836;
}

.bfooter .beNav ul > li > a.lg:hover, .bfooter .beNav ul > li > a.lg:active {
 	background:#72a84f;
}

.bfooter .beNav ul > li > a.or:hover, .bfooter .beNav ul > li > a.or:active {
 	background:#c9602c;
}

.bfooter .beNav ul > li > a.rd:hover, .bfooter .beNav ul > li > a.rd:active {
 	background:#9d162e;
}

.bfooter .beNav ul > li > a.db:hover, .bfooter .beNav ul > li > a.db:active {
 	background:#003a5c;
}

.footer_wrapper{
	width:100%;
	border-top:1px solid #FFF;
	background: #016836;
	font-family:"proxima_nova_ltsemibold", Arial, Helvetica, sans-serif;
}
.footer {height:100%;}
.footer .container_24{
	min-height:240px;background:url(../systemimages/footer_logo_bg.png) no-repeat right 90% transparent;
	height:100%;
}
.footer_content{
	padding-top:25px;
}
.footer_content ul{}
.footer_content ul li{margin:0;padding:0;}

.footer a{
	color:#ffffff;
	font-size:0.9em;
}
/*footer social media*/
.footer_social_media{float:right;margin-bottom: 20px;}
.footer_social_media h2{color:#ffffff;font-size:1.5em;font-family:"proxima_nova_ltsemibold", Arial, Helvetica, sans-serif;margin:0;display:block;}
.social_media_bottom{margin:0;display:block;/*font-family:"proxima_nova_rgregular", Arial, Helvetica, sans-serif;*/font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;}
.social_media_bottom li{margin:0;padding:0;display:inline-block;}
.social_media_bottom li a{text-indent:-9999px;display:block;height:34px;width:33px;}
.social_media_bottom li a:before{background:url(../systemimages/footer_social_media_icons_high_lt.png) no-repeat;width:33px; height:34px;content:"";float:left;background-size:66px auto;}
.social_media_bottom li a.f_link:before{background-position:left 0;}
.social_media_bottom li a.t_link:before{background-position:left -35px;}
.social_media_bottom li a.li_link:before{background-position:left -70px;}
.social_media_bottom li a.yt_link:before{background-position:left -105px;}
.social_media_bottom li a.e_link:before{background-position:left -140px;}

.social_media_bottom li a.f_link:hover:before{background-position:right 0;}
.social_media_bottom li a.t_link:hover:before{background-position:right -35px;}
.social_media_bottom li a.li_link:hover:before{background-position:right -70px;}
.social_media_bottom li a.yt_link:hover:before{background-position:right -105px;}
.social_media_bottom li a.e_link:hover:before{background-position:right -140px;}

/*bottom
---------------------------------------*/
.bottom_wrapper{
	background:#ffffff;
	padding-top:10px;
	height:50px;
	font-size:0.8em;
	color:#7F7F7F;
	/*font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
	text-transform:uppercase;
}
.copyright{float:left;}
.address{float:right;}
.address span{color:#a3bdae;}



@media all and (max-width: 640px) {
	
	/*top*/
	.top, .header, .main_nav, .home_content, .footer, .bottom{width:100%;}
	.top{}
	.top_wrapper{padding:8px 0 0 0;}
	.social_media_top{display:none;}
	.top_right{width:100%;text-align:left;}
	.top_links{margin:0; width:100%; float:none;}
	.top_links li{padding:0 3px 0 5px;}
	.top_links li:first-child{padding-left:0;}
	.top_links li a {padding-right:0;}
	.top_links li a svg { display:none; }
	
	.top_right_div{float:none;}
	.searchContain{float:none; margin:8px 0 0 0;}
	.search_div{display:none;margin:5px 0;width:100%;}
	.search_div.expand_search{display:block;}
	#search_form{display:block;}
	#mobile_search_button{display:block;}
	.search_box {margin-bottom:10px;}
	.search_box input[type="text"]{font-size:16px; width:100%;}
	.search_box input[type="submit"], .searchicon{top:0;}
	
	#logo {width:70%; display:inline-block; float:none; vertical-align:middle;}
	#logo a { margin:3px 0 10px 0; height:46px; }
	.header_wrapper{width:100%;height:auto;}
	.header_wrapper .container_24 .grid_10{width:72%;padding:0;}
	.header_wrapper .container_24 .grid_4{float:right;width:20%;}
	
	/*main img*/
	.image_wrapper, .fullSlider, .custcol_banner {display:none !important;}
	.image_wrapper_mobile{display:block; border-bottom:1px solid #FFF;}
	.image_wrapper_mobile img {
		max-width:100%;
	}
	
	/*main nav*/
	.menu_button {display:inline-block; box-sizing:border-box; width: 30%; vertical-align:bottom; text-align:right; padding:0 0 15px 0;}
	.menu_button a{
		position:relative;
		color: #fff;
		font-size: 18px;
		font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	}
	.menu_button a:before {
		content:"\2261";
		display:inline;
		position:absolute;
		top:-.25em;
		left:-.65em;
		color: #fff;
		font-size: 22px;
		font-family:"proxima_nova_rgbold", Arial, Helvetica, sans-serif;
	}
	.nav_wrapper{width:100%;float:left;}
	.main_nav{width:100%;float:left;}
	#navigation_list{display:none;}
	#navigation_list.expanded{display:block;}
	.main_nav .container_24, .main_nav .grid_24 {margin:0; padding:0;width:100%;}
	.main_nav ul#navigation_list > li {
		width:100% !important;
		padding:0;
		margin:0;
	}
	
	.main_nav ul#navigation_list > li > a {
		padding:18px 15px;
		text-align:left;
		font-size:17px;
		border-bottom:1px solid #FFF;
	}
	
	/*home content*/
	.home_content_wrapper{background-image:none;background-color:#ffffff;}
	.home_content .container_24{width:100%;margin:0;padding:0;}
	.home_content .box{width:100%;margin:25px 0 0;padding:0;top:0;}
	.home_content{height:auto;}
	.home_content .box > div{width:100%;}
	.home_tabs{border-top:1px solid #cccccc;}
	
	.whoareyou_dropdown{width:175px;}
	.whoareyou_box{height:170px;}
	.whoareyou_box .whoareyou_panel_left{top:15%;}
	.whoareyou_box .whoareyou_panel_left h2{font-size:3em;}
	.whoareyou_box .whoareyou_panel_right{top:15%;}
	.whoareyou_box .whoareyou_panel_right img{width:120px;margin-right:5%;float:right;}
	
	#source{display:block;}
/*	.who_dropdown{display:none;}*/
	
	/*footer*/
	.footer_wrapper{float:left;}
	.footer .container_24{background:none;}
	.footer_wrapper .container_24 .grid_3,
	.footer_wrapper .container_24 .grid_4{width:47%;}
	
	.footer_wrapper .container_24 .grid_5{width:100%;padding:0;}
	.footer_social_media{float:left;}
	
	.address{float:left;}

	/*whoareyou box*/
	.whoareyou_panel_bottom ul a:link span, .whoareyou_panel_bottom ul a:visited span {
		font-size:1.2em;
	}
	
	.whoareyou_panel_bottom ul a:link, .whoareyou_panel_bottom ul a:visited {
		position:relative;
		width:100%;
		float:none;
		padding:18px 0;
		border-top:3px solid #fff;
	}
	
	.whoareyou_box .whoareyou_panel_top{
		height:150px;
		box-sizing:border-box;
	}
	
	.whoareyou_box .whoareyou_panel_bottom{
		width:100%;
		box-sizing:border-box;
		position:relative;
	}
	
	.whoareyou_box {
		height:auto;
		padding-top:15px;
	}
		
	.whoareyou_panel_bottom ul li:nth-child(odd) a:link, .whoareyou_panel_bottom ul li:nth-child(odd) a:visited {
		border-right:none;
	}
	
	.whoareyou_panel_bottom ul li:first-child a:link, .whoareyou_panel_bottom ul li:first-child a:visited {
		border-top:none;
	}
	
	.whoareyou_box .whoText {
		top:4%;
	}
	
	.whoareyou_panel_bottom ul {
		border-right:none;
	}
	
	#wholayer {
		height:175px;
		top:0;
		background-position:center center;
		background-size:105% auto;
	}
	
	
	/*Be at Parkside Footer
	---------------------------------------*/
	
	.bfooter .beAtParkside {
		margin:0;
	}
	
	.bfooter .baAtParksideWrapper {
		display:block;
		width:100%;
		padding:8px 0;
	}
	
	.bfooter .beNav {
		display:block;
		width:100%;
		padding-bottom:15px;
	}
		
	.bfooter .beNav ul > li, .bfooter .beNav ul > li:first-child {
		width:50%;
		margin:0;
		padding:0 6px 5px 0px;
	}
	
	.bfooter .beNav ul > li:nth-child(2n) {
		padding:0 0px 5px 6px;
	}
	
	.bfooter .beNav ul > li > a:link, .bfooter .beNav ul > li > a:visited {
		font-size:14px;
		padding:15px 0;
	}
}



/*641 to 959*/
@media screen and (min-width: 641px) and (max-width:959px) {

	
	/*top */
	.top{position:relative;}
	.social_media_top{width:26%;}
	.social_media_list{display:block;}
	.social_media_list li{font-size:1.1em;}
	.social_media_list li:first-child{vertical-align:bottom;display:none;}
	
	.top_links li{border:none;padding:0 5px 0 0;}
	.top_links li a:after{display:block;}
	
	#search_form{display:block;}
	.search_div{margin-top:12px;}
	.search_box{display:block;}
	.search_box input[type="submit"], .searchicon{top:0;}
	
	/*header*/
	.header_wrapper{height:92px;}
	.header_wrapper .container_24 .grid_10{width:50%;padding-right:5%;}
	.header_wrapper .container_24 .grid_4{width:25%;float:right;}
	.no-svg #logo a{background:url(../systemimages/uwparkside_logo_med_w.png) no-repeat transparent; height:50px;}
	#giving_button{display:block;}
	
	/*main nav */
	.nav_wrapper{width:100%;float:left;}
	.menu_button {display:none;}
	.main_nav ul#navigation_list{height:auto;}

	.main_nav ul li:hover .dropdown{display:none;}
		
	
	/*home content*/
	.home_content_wrapper{height:363px;}
	
	#news_box ul li, #events_box ul li{margin-bottom:0;}
	
	.whoareyou_dropdown{width:130px;}
	.home_content .box > div{width:50%;}
	.home_tabs:after{display:block;}
	
	.whoareyou_box .whoareyou_panel_left h2{font-size:2em;}
	.whoareyou_box:after{display:block;top:310px;right:0;position:absolute;}
	.whoareyou_box .whoareyou_panel_right{width:36%;}
	.whoareyou_panel_right img{width:80%;}
	
	/*block content*/
	.block_content.openpanel, span.panel_text {width: 550px;}
	span.panel_text h3 {font-size: 1.4em; width:30%;}
	span.panel_text p {width:50%;}
	
	/*footer*/
	.footer_wrapper{height:290px;}
	.footer .container_24{background-size:80%;}
	.footer_wrapper .container_24 .grid_3{width:20.5%;}
	.footer_wrapper .container_24 .grid_4{width:22.5%;}
	.footer_wrapper .container_24 .prefix_6{padding:0;width:100%;}
	.footer_social_media{float:left;}
	.address{float:left;}
	
	/*whoareyou*/
	.whoareyou_panel_bottom ul a:link span, .whoareyou_panel_bottom ul a:visited span {
		font-size:.8em;
	}
	
	#wholayer {
		height:200px;
		top:0;
		background-position:center center;
		background-size:450px auto;
	}

	
}

/*960 to 1079 */
@media screen and (min-width: 960px) and (max-width:1079px) {

	
	/*top */
	/* XXXX MG - wrapping fox XXXX */
	.top{position:relative;}
	.social_media_top{width:30%;}
	.social_media_list{display:block;}
	.social_media_list li{font-size:0.88em;}
	.social_media_list li:first-child{vertical-align:bottom;}
	
	/* XXXX MG - list wrapping fix XXXX */
	.top_links li{border:none;}
	.top_links li a:after{display:block;}
	
	#search_form{display:block;}
	.search_box{display:block;}
	
	/*header*/
	.header_wrapper{height:92px;}
	.no-svg #logo a{background:url(../systemimages/uwparkside_logo_med_w.png) no-repeat transparent; height:50px;}
	#giving_button{display:block;}
	
	/*main nav */
	.nav_wrapper{width:100%;float:left;}
	.menu_button {display:none;}
		
	.main_nav ul li:hover .dropdown{display:block;}
	
	/*home content*/
	/* XXXX MG - sizing fix XXXX */
	.home_content_wrapper{height:363px;}
	
	.whoareyou_dropdown{width:175px;}
	.home_tabs:after{display:block;}
	.whoareyou_box:after{display:block;}
	.whoareyou_panel_right img{width:90%;}
	
	#news_box ul li, #events_box ul li{margin:0;padding:7px 0;}
	#news_box ul li p, #events_box ul li p{font-size:0.8em;}
	
	/*footer*/
	.footer_wrapper{height:240px;}
	.footer_wrapper .container_24 .grid_3{width:12.5%;}
	.footer_wrapper .container_24 .grid_5{width:30%;padding-left:5%;}
	
	/*whoareyou*/
	.whoareyou_panel_bottom ul a:link span, .whoareyou_panel_bottom ul a:visited span {
		font-size:1.1em;
	}
	

}

/*desktop . largest screen*/
@media screen and (min-width: 1080px){

	
	/*top */
	.top{position:relative;}
	.social_media_top{width:30%;}
	.social_media_list{display:block;}
	.social_media_list li{font-size:1.3em;}
	.social_media_list li:first-child{vertical-align:bottom;}
	
	.top_links li{border:none;}
	.top_links li a:after{display:block;}
	
	#search_form{display:block;}
	
	/*header*/
	.header_wrapper{height:92px;}
	
	.no-svg #logo a{background:url(../systemimages/uwparkside_logo_w.png) no-repeat transparent; height:65px;}
	
	#giving_button{display:block;}
	
	/*main nav */
	.nav_wrapper{width:100%;float:left;}
	
	.menu_button {display:none;}
	
	.main_nav ul#navigation_list > li > a{font-size:14px;}
	.main_nav ul li:hover .dropdown{display:block;}
	
	/*home content*/
	.whoareyou_dropdown{width: 200px;}
	
	.home_tabs:after{display:block;}
	.whoareyou_box:after{display:block;}
	
	/*footer*/
	.footer_wrapper{height:240px;}
	
	.bfooter .beNav ul > li > a:link, .bfooter .beNav ul > li > a:visited {
		font-size: 14px;
	}
	.whoareyou_panel_bottom ul a:link span, .whoareyou_panel_bottom ul a:visited span {
		font-size:1.32em;
	}

}



@media print {
	body, .top_wrapper {
      color: #000;
      background: #fff;
   }
   	.home_content .box {
	   	top:0;
   	}
   	.home_content .box > div {
		width: 100%;
		float: left;
	}
	.three_col .center_col,
	.three_col.rotator .center_col {
		width: 90%;
		float: left;
		margin: 0 10px;
	}
	.main_nav, .sidebar, .social_media_top, .slide-out-div, #giving_button, .left_col.navbar, #share_print,
	.menu_button, .search_div, .whoareyou_box, .footer_social_media {
      display: none;
   }
   .top_right, #news_box {

   	}
   	#events_box {
	   	display: block;
   	}
	.interior {
		background:none;
	}
	.bottom_wrapper {
		padding:10px 0 0;
		border-top:1px solid #ddd;
	}
	#print_logo {
		display:block;
		margin-top: 20px;
	}
}