@import url('/custom/css/reset.css');
@import url('//fonts.googleapis.com/css?family=Ruda:400,700,900');
@import url('//fonts.googleapis.com/css?family=Ubuntu:400,700,900');

/***RESET***/
body, html{
	min-height: 100%; 
	width: 100%;
	font-size:100%;
	padding:0;
	margin:0;}
div, h1, h2, h3, h4, h5, h6, form, p{
	padding:0;
	margin:0;}
img, fieldset {
	border:none;
	margin:0;
	padding:0;}
*:focus{outline:none;}
.clearfix {clear: both;}

/*****Global CSS*****/
body{
    background: #eeebeb;
    font-size: 16px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.125rem;
	font-family:Arial, Helvetica, sans-serif;
    color: #7d7d7c;}
article {
  background: #2f2f37;
  width: 100%;
  position: relative;
  display: inline-block;}
.wrapper {
	margin: 0 auto;
	width: 64rem;}
	
a{color:#2f2f37; text-decoration:none;}
a:hover{color:#2f2f37; text-decoration:underline;}
p a{font-weight:bold;}
.middle_column a,.right_column a{font-weight: bold;}	
h1 {
	color: #2f2f37;
	font-size: 28px;
	font-size: 1.75rem;
	line-height: normal;
	font-family: 'Ruda', sans-serif;
	font-weight: 900;}
h2 {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #2f2f37;
	font-size: 24px;
	font-size: 1.5rem
	line-height: normal;}
h3 {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #cd6a16;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: normal;}
.tool_headline1{
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #cd6a16;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 24px;
	line-height: 1.5rem;
	margin-bottom:0.75rem;}
.tool_headline1 a{font-weight:900;}
h3.toolhead{margin-bottom:0.75rem;}
h4 {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #2f2f37;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 20px;
	line-height: 1.25rem;}
h5 {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #cd6a16;
	font-size: 16px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.125rem;}
.tool_headline2{
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
	color: #cd6a16;
	font-size: 16px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.125rem;
	margin-bottom:0.75rem;}
.tool_headline2 a{font-weight:900;}
h6 {
	font-family: 'Ruda', sans-serif;
	font-weight: 900;
    color: #2f2f37;
    font-size: 14px;
	font-size: 0.875rem;
    line-height: 16px;
	line-height: 1rem;}
p {
    margin: 0 0 20px;
	margin: 0 0 1.25rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #7d7d7c;
    font-size: 16px;
	font-size: 1rem;
	line-height: 18px;
	line-height: 1.125rem;}
.home-gallery .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer{border:2px solid #2f2f37!important;}
/*** HEADER ***/

header{
	background:#2f2f37 url("custom/images/header_bg.png")no-repeat center 0;
	border-top: 10px solid #cd6a16;
	float: left;
	width: 100%;
	z-index: 1999;
	position: relative;
	padding: 0;}
header .wrapper{
	position: relative;
	width: 64rem;
	margin: 0 auto;}
#logo {
    display: inline-block;
	float:left;
    margin-left: 0;
    margin: 1.8125rem 0 1.6875rem;
	width:32%;
}
#logo img{
	max-width:100%;
	height:auto;}
.btn{
    background: url("custom/images/btn.png") no-repeat;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
    color: #f9f9f7;
    font-size: 18px;
	font-size: 1.125rem;
    font-weight: bold;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
	width: 153px;
    height: 59px;
    line-height: 37px;
	line-height: 2.65rem;
    position: absolute;
    right: 0;
    top:-10px;
    text-align: center;}
.btn:hover{
	color:#f9f9f7;
	background-position: left -59px;
	text-decoration:none;}
.btn1{right:163px;}

/*****FOOTER*****/
footer {
    background: #eeebeb url(custom/images/footer-shadow.png) no-repeat center top;
    padding:1.5rem 0;}
	
.footer-nav {
    width: 100%;
    display: inline-block;
	margin: 0 0 1.57rem 0;}
.footer-nav a {
    color: #2f2f37;
    margin-right: 0.125rem;
    font-family: 'Ruda', sans-serif;
	font-weight: 700;}
.footer-nav span {color: #2f2f37;}
.footer-address{
	width:100%;
	display:inline-block;}
.search {
	width:100%;
    display:inline-block;
    margin-bottom:0.714rem;}
.search form{
	float:right;
	width:100%;}
.search .search-field {
    background: url("custom/images/search-bg.png") no-repeat 0 0;
    border: 0;
    font-family:  Arial, Helvetica, sans-serif;
    color: #a9a9a9;
    font-weight: normal;
    padding: 0.5rem 4% 0.75rem;
    width: 50%;
	background-size:100% 100%;
	float:right;}
.soc-icons {
    width:100%;
	margin:0 0 1.53rem 0;
	text-align:right;}
.soc-icons a {
	color:#2f2f37;
    display: inline-block;
    font-size: 2.125rem;}
.soc-icons a:hover{ color:#2f2f37; opacity:0.8;}
.footer_left{
	float:left;
	width:73.2%;
	position:relative;}
.footer_right{
	float:right;
	width:25%;
	position:relative;}
footer a:hover {
    text-decoration: none;
    color: #cd6a16;}
footer span {color: #2f2f37;}

.footer-logo{
	float:left;
	margin-right:1rem;}	
.footer-name h2 {
    color: #2f2f37;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    font-size: 24px;
	font-size: 1.5rem;
    line-height: normal;}
footer p {
    font-size: 12px;
	font-size: 0.75rem;
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 0.3125rem;
    line-height: 24px;
	line-height: 1.5rem;}
footer p a {
    color: #2f2f37;
    font-weight: bold;}
footer p a:hover{
    color: #2f2f37;
    text-decoration: underline;}

.fws_logo,.dis_logo,.ss_logo{
    float:right;
	display:inline-block;
	color:#cfc8c8;
	font-size:3.5rem;}
.fws_logo a,.dis_logo a,.ss_logo a,.fws_logo a:hover,.dis_logo a:hover,.ss_logo a:hover{color:#cfc8c8;}

/*****INSIDE PAGE*****/
.wrapper.bottom-shadow {
	background: url("custom/images/inside-shadow.png") no-repeat center bottom;
	padding-bottom: 3.625rem;
	background-size:100% 3.625rem;}
.main-section {
	background: #f9f9f7;
    background: -moz-linear-gradient(top,  #f9f9f7 0%, #f9f9f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f7), color-stop(100%,#f9f9f7));
    background: -webkit-linear-gradient(top,  #f9f9f7 0%,#f9f9f7 100%);
    background: -o-linear-gradient(top,  #f9f9f7 0%,#f9f9f7 100%);
    background: -ms-linear-gradient(top,  #f9f9f7 0%,#f9f9f7 100%);
    background: linear-gradient(to bottom,  #f9f9f7 0%,#f9f9f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f7', endColorstr='#f9f9f7',GradientType=0 );
    padding: 0 0 1.875rem;
	display:inline-block;
	width:100%;
}
.middle_column{
	width:95.4%;
	padding: 0 2.3%;
	float:left;}
.middle_column.with_left,.middle_column.with_both{
	background: url("custom/images/shadow-mid.png") no-repeat 1px top;
	background-size: 2px 100%;}
.middle_column.with_left{width:77%;}
.middle_column.with_both{width:45.6%;}
.middle_column.with_right{width:64.4%;}
.left_column{
	width:18.4%;
	float:left;}
#sidebar {
    float: left;
    width: 85%;
    min-height: 18.75rem;
    padding-left: 15%;}
#banner{
	width: 100%;
    margin: 0;
    padding-bottom: 1.25rem;
    position: relative;
	display:inline-block;}
#banner:after{
    content: "";
    position: absolute;
    background: url("custom/images/banner_after.png") center 0;
    bottom: 0.625rem;
    left: 0;
    height: 0.875rem;
    width: 100%;}

#banner #page_heading{
    position:absolute;
	bottom:1.5rem;
	right:0;
	top:auto;
	width:93.3%;
	background: url("custom/images/heading_bg.png");
	padding: 0.6875rem 3.35%;
	margin:0;}
#page_heading{
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    color: #f9f9f7;
    font-size: 21px;
	font-size:1.3125rem;
    line-height: 21px;
	line-height:1.3125rem;
    background:#2f2f37;
    position: relative;
    padding: 0.6875rem 1.7%;
	width:93.6%;
    margin: 1.5rem 1.5% 1.875rem;}
.no_title_spacing{width:100%; height:1.25rem; display:inline-block;}

.right_column {
	width: 28%;
	background: url("custom/images/shadow-mid.png") left top no-repeat;
	background-size: 2px 100%;
    padding:0 1.5%;
	float:right;}
.right_column img {
    background: url("custom/images/img-shadow.png") center bottom no-repeat;
	background-size: 100% 14px;
    padding-bottom: 0.875rem;}
.right_column h3{
    background: #383842;
    background: -moz-linear-gradient(top,  #383842 0%, #28282f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383842), color-stop(100%,#28282f));
    background: -webkit-linear-gradient(top,  #383842 0%,#28282f 100%);
    background: -o-linear-gradient(top,  #383842 0%,#28282f 100%);
    background: -ms-linear-gradient(top,  #383842 0%,#28282f 100%);
    background: linear-gradient(to bottom,  #383842 0%,#28282f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383842', endColorstr='#28282f',GradientType=0 );
    color: #eeebeb;
    font-size: 14px;
	font-size: 0.875rem;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    display: block;
    line-height: 16px;
	line-height: 1rem;
    padding: 5px;
	padding: 0.3125rem;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:1rem;}
	
/*****INSIDE PAGE TOOLS****/
.detail_minical .calendar_form .month_header,
.detail_minical .calendar_options,
.calendar_grid .calendar_grid_headings,
.detail_minical .calendar_grid td,
.calendar_nav,
.calendar_options,
.calendar_grid_day,
.calendar_list_title,
.calendar_list_date,
.slideshow_caption,
.number_pager,
.cycle_overlay,
.post-activity,
.form-item,
.form-label,
.color-button,
.responsive-form input[type="file"],
.responsive-form input, .responsive-form textarea, .responsive-form select,
.news-rss,
.blog_title_all,
.blogtags,
.scrip-writein-row,
.scrip-vendor-name,
.scrip-add-cart-amount,
.scrip-add-cart-qty,
.signup-date,
.grouping-heading,
.login-menu,
.blog-row-header,
.blog-results-row,
.post-nav-left,
.blogattachment,
.header,
.dir-head-link,
.dir-name,
.collapse-btn,
.expandme,
.group-details strong,
.back-to-top,
.profile,
.detail_profiles .staff_header .search_box input[type="text"],
.detail_profiles .popup_box .profile-name,
.detail_profiles .popup_box .profile-title,
.profile-contact,
.detail_profiles .profile-short,
.overlay_details span{font-family: 'Ruda', sans-serif;}

/*****HOME PAGE*****/
.slideshow {
	width:100%;
    position: relative;
	float:left;
	z-index:99;}
.slideshow .slide{
	width:100%;
    position: relative;
	float:left;
	z-index:99;}
.slideshow img{
	display: inline-block;
	margin: 0;
	width: 100%;}
.controls {
	background: url("custom/images/pager-bg.png") center top repeat-x;
	z-index: 999;
	padding: 14px 0 22px;
	padding: 1rem 0 1.25rem;
	position: relative;
	width: 100%;
	float: left;
	margin-top: -0.5rem;}
.controls .wrapper {text-align: center;}
.all-controls {
    position: relative;
    display: inline;
    float:right;
    right: 97px;}
.all-controls:after{
    background: url("custom/images/pager-arrow-top.png")no-repeat 0 0 transparent;
    clear: both;
    content: "";
    height: 10px;
    left: 50%;
    margin: 0 0 0 -13px;
    position: absolute;
    top: -24px;
    width: 24px;}
.slide_slogan{
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    font-size: 18px;
	font-size: 1.125rem;
    line-height: 20px;
	line-height: 1.428rem;
    color: #f9f9f7;
    letter-spacing: -0.5px;
    position: absolute;
    z-index: 999;
    width: 32%;
	height:22px;
	overflow:hidden;
	text-align: left;}
.pager{
    bottom: -0.5rem;
    display: inline-block;
    position: relative;
    float: right;
    z-index: 1998;}
#prev, #next {
    cursor: pointer;
    display: block;
    float: left;
    height: 17px;
    width: 7px;}
#prev{
    background: url("custom/images/pager-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;}
#next{
	background: url("custom/images/pager-arrow.png") no-repeat scroll -15px 0 rgba(0, 0, 0, 0);
    position: relative;}
#prev:hover{
    background: url("custom/images/pager-arrow.png") no-repeat scroll -48px 0 rgba(0, 0, 0, 0);}
#next:hover{
    background: url("custom/images/pager-arrow.png") no-repeat scroll -63px 0 rgba(0, 0, 0, 0);}
#custom-pager {
    bottom: 0px;
    position: relative;
    text-align: center;
    display: inline;}
#custom-pager strong a {
    background: url("custom/images/pager-itrem.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
    display: block;
    float: left;
    font-size: 18px;
	font-size: 1.125rem;
    font-weight: normal;
    height: 11px;
    line-height: 11px;
	line-height: 11px;
	line-height:0.6875rem;
    margin: 0;
    text-align: center;
    text-decoration: none;
    width: 11px;
    color: #f9f9f7;
    padding: 0 0.75rem;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;}
#custom-pager strong:last-child a{ background: none;}
#custom-pager strong.cycle-pager-active a,#custom-pager strong:hover a{color: #2f2f37;}

.home-content {
    background: #f3f1f1;
	background: -moz-linear-gradient(top,  #f3f1f1 0%, #eeebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f1f1), color-stop(100%,#eeebeb));
	background: -webkit-linear-gradient(top,  #f3f1f1 0%,#eeebeb 100%);
	background: -o-linear-gradient(top,  #f3f1f1 0%,#eeebeb 100%);
	background: -ms-linear-gradient(top,  #f3f1f1 0%,#eeebeb 100%);
	background: linear-gradient(to bottom,  #f3f1f1 0%,#eeebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f1f1', endColorstr='#eeebeb',GradientType=0 ); }
#slogan {
    color: #2f2f37;
    font-size: 16px;
	font-size: 1rem;
    line-height: 20px;
	line-height: 1.25rem;
    margin-bottom: 1rem;
    padding: 1.5rem 2.1875rem 0.875rem 0;
	margin-right: 0.625rem;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    float: left;
    letter-spacing: -0.39px;
	text-transform:uppercase;
	background: url('custom/images/slogan_div.png') no-repeat right 16px;}

.quicklinks {
    float: left;
    padding: 15px 0 0 0;}
.quicklinks a{
    color: #2f2f37;
    font-family: 'Ruda', sans-serif;
	font-weight: 700;
    font-size: 16px;
	font-size: 1rem;
    line-height: 39px;
	line-height: 2.4375rem;
    letter-spacing: -0.4px;}
.quicklinks > span{
    color: #2f2f37;
    font-weight: bold;
    padding: 0 3px 0 7px;}

#boxes{
    float: left;
	position: relative;
    width: 60.6%;
	padding: 0.625rem 1% 0 0;
    margin: 0;
	-webkit-box-shadow: 0px 2px 15px 0px #e2dfdf;
	box-shadow: 0px 2px 15px 0px #e2dfdf;}
#boxes .box{
    background: #e1941f;
    background: -moz-linear-gradient(top,  #e1941f 0%, #c0531e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1941f), color-stop(100%,#c0531e));
    background: -webkit-linear-gradient(top,  #e1941f 0%,#c0531e 100%);
    background: -o-linear-gradient(top,  #e1941f 0%,#c0531e 100%);
    background: -ms-linear-gradient(top,  #e1941f 0%,#c0531e 100%);
    background: linear-gradient(to bottom,  #e1941f 0%,#c0531e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1941f', endColorstr='#c0531e',GradientType=0 );
    width: 305px;
    height: 125px;
    margin: 0 1.5% 0.625rem 0;
    position: relative;
    float: left;}
#boxes .box.last{margin-right:0;}
#boxes .box img{
    margin: 0.625rem;
    float: none;
    padding: 0;}
#boxes .box .box_over{
    position: absolute;
     bottom: 0.625rem;
    left: 0.625rem;
    background: url("custom/images/box_over.png");
    width: 275px;
    height: 30px;
    padding: 0 0.625rem 0 0;}
#boxes .box .box_over p{
    background: url("custom/images/batton.png")no-repeat right;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    color: #f9f9f7;
    font-size: 16px;
	font-size:1rem;
    line-height: 26px;
	line-height:1.625rem;
    padding: 0 1rem 0 0.625rem;
    margin: 3px 0 0;
    letter-spacing: -0.4px;
	height: 24px;
	overflow: hidden;}

#box_right {
    width:34.9%;
    padding: 1.125rem 0 0 2.1%;
    float: right;
	-webkit-box-shadow: 0px -2px 15px 0px #e2dfdf;
	box-shadow: 0px -2px 15px 0px #e2dfdf;}
#box_right .box_right_inner{
	width:100%;
	padding:0;
	float:left;
	position: relative;
	min-height:206px;}
#box_right h3.toolhead{
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    color: #2f2f37;
    display: inline-block;
    font-size: 22px;
	font-size: 1.375rem;
    line-height: normal;
	width:100%;
	height:25px;
	overflow:hidden;
	margin-bottom:1.375rem;}
#box_right a.view {
    background: #383842;
    background: -moz-linear-gradient(top,  #383842 0%, #2d2d32 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383842), color-stop(100%,#2d2d32));
    background: -webkit-linear-gradient(top,  #383842 0%,#2d2d32 100%);
    background: -o-linear-gradient(top,  #383842 0%,#2d2d32 100%);
    background: -ms-linear-gradient(top,  #383842 0%,#2d2d32 100%);
    background: linear-gradient(to bottom,  #383842 0%,#2d2d32 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383842', endColorstr='#2d2d32',GradientType=0 );
    width: 112px;
    height: 26px;
    font-family: 'Ruda', sans-serif;
	font-weight: 900;
    font-size: 11px;
	font-size: 0.6875rem;
    line-height: 26px;
	line-height: 1.625rem;
    text-align: center;
    margin-top: 2px;
    text-transform: uppercase;
    color: #f9f9f7;
    font-weight: bold;
    position: absolute;
    right: 7px;
    top: 0;
    text-shadow: 0px 0px 1px rgba(24, 24, 24, 0.75);
    float: right;}
#box_right a.view:hover{
    background: #d67d1a;
    background: -moz-linear-gradient(top,  #d67d1a 0%, #c55a19 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d67d1a), color-stop(100%,#c55a19));
    background: -webkit-linear-gradient(top,  #d67d1a 0%,#c55a19 100%);
    background: -o-linear-gradient(top,  #d67d1a 0%,#c55a19 100%);
    background: -ms-linear-gradient(top,  #d67d1a 0%,#c55a19 100%);
    background: linear-gradient(to bottom,  #d67d1a 0%,#c55a19 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d67d1a', endColorstr='#c55a19',GradientType=0 );
    text-decoration: none;}
#box_right .events-list h3{
    color: #2f2f37;
    font-family: 'Ruda', sans-serif;
	font-weight: 700;
    font-size: 18px;
	font-size: 1.125rem;
    line-height: 19px;
	line-height: 1.1875rem;
    margin: 0 0 0.5rem 0;}
#box_right .event{
	float:left;
	margin-left:0.625rem;
	margin-left: 2.7%;
	width: 81%;}
#box_right .box_right_inner ul.events-list{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;}
#box_right .box_right_inner ul.events-list li{
	float:left;
	margin:0 0 0.9375rem 0;
	display:block;
	width:100%;}
#box_right .day{
    text-align: center;
    background: url("custom/images/bg_day.png")no-repeat;
    width: 58px;
    height: 55px;
    text-align: center;
    float: left;
    margin: 0;}
#box_right .day .month{
    font-family: 'Ruda', sans-serif;
	font-weight: 700;
    color: #f9f9f7;
    font-size: 12px;
	font-size: 0.875rem;
    line-height: 12px;
	line-height: 0.875rem;
    width: 42px;
    padding-left: 7px;
	padding-left: 0.4375rem;
    height: 13px;
    padding-top: 0.1875rem;
    text-transform: uppercase;
	padding-bottom:0.5rem;}
#box_right .day .date{
    font-family: 'Ruda', sans-serif;
	font-weight: 700;
    color: #2f2f37;
    font-size: 28px;
	font-size: 2rem;
    line-height: 14px;
	line-height: 1rem;
    width: 42px;
    padding-left: 7px;}
#box_right .box_right_inner ul.events-list li a{
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
	font-size: 0.875rem;
    margin: 0 0 0.25rem;
    width: auto;
    line-height: 18px;
	line-height: 1.125rem;}
#box_right .box_right_inner ul.events-list li a:hover{text-decoration: underline;}
#box_right .content-editor{
	  width: 95%;
	  height: 16.6rem;
	  overflow: hidden;}
#box_right .content-editor h3.toolhead{margin-bottom:0;}
#box_right .social-stream{width:95%;}
#box_right .social-post{
	width:100%;
	display:inline-block;
	margin-bottom:0.5rem;}
#box_right .social-post img{
	max-width:16%;
	height:auto;
	border:1px solid #cd6a16;
	float:left;
	margin-right:2%;}
#box_right .social-post h4, #box_right .social-post .post-date{
	color:#2f2f37;
	font-size:14px;
	font-size:1rem;
	line-height:20px;
	line-height:1.42rem;
	font-family:'Ruda',sans-serif;
	font-weight:bold;
	max-height:20px;
	max-height:1.42rem
	overflow:hidden;}
#box_right .social-post p{
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom:0;}
#box_right .video{
	width:97%;
	display:inline-block;
	text-align:center;}
#box_right .video video, #box_right .video iframe,#box_right .video object,.video video{max-width:100%;  text-align:center;}

.video .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video .vod_player{max-width:100%;}
.video .video-container iframe,
.video .video-container object,
.video .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*****MEDIA QUERIES*****/
@media only screen and (max-width:65rem) {
	.wrapper{max-width:96%;}
	header .wrapper{width:auto;}

	.controls{width:100%;}
	.all-controls{right:0;}
	#boxes .box{width:265px; height:118px; margin-left:2.5%;}
	#boxes .box img{width:245px; height:auto;}
	#boxes .box .box_over{width:235px;}
	
	#box_right .box_right_inner ul.events-list{width:auto;}
	#box_right{width:330px;}
	#box_right .box_right_inner ul.events-list li{width:100%;}
	
	#box_right .content-editor{ height: 17.875rem;}
	
	#box_right .event{width:79%;}
	
	.search .search-field{width:100%;}
	.soc-icons a{margin-right:2%; font-size:2.5rem;}
}


@media only screen and (max-width:61.9375rem) {
	.btn{font-size:15px; font-size:0.9375rem;}
	.slideshow{overflow:hidden}
	.slide_slogan{
		font-size:14px;
		font-size:1rem;
		width:450px;
		height:18px;
		height:1.125rem;
		width:40%;}
	#slogan,.quicklinks a{
		font-size:14px;
		font-size:0.875rem;}
	#boxes{width:62%; padding-right:0;}
	#boxes .box{width:218px; margin:0 5px 5px 0; margin:0 0.3125rem 0.3125rem 0; height: 96px;}
	#boxes .box img{width:91%;}
	#boxes .box .box_over{width:86.6%;}
	#boxes .box .box_over p{font-size:13px; font-size: 0.8125rem;}
	
	#box_right h3.toolhead{margin-bottom:0;}
	#box_right{width:34%;}
	#box_right a.view{
		position: relative;
		width: 74%;
		margin: 0 auto 0.75rem;
		float: none;
		padding: 0.15rem 10%;
		display: inline-block;
		margin-left: 3%;}
	#box_right .events-list h3 { font-size:15px; font-size:0.9375rem;float:none; width:auto;}
	#box_right .box_right_inner ul.events-list{width:auto;}
	#box_right .box_right_inner ul.events-list li{margin-right:0;}
	#box_right .box_right_inner ul.events-list li a{float:none; font-size:12px;  font-size: 0.75rem; width:auto;}
	#box_right .event{width:72%;}
	
	#box_right .content-editor{ height: 18rem;}
	
	footer p{width:auto;}
	.controls{width:100%;}
	.all-controls{right:0;}
}
@media only screen and (max-width:59.9375rem) {
	.middle_column.with_both{width:64.4%; background:none;}
	.middle_column.with_left{width:95.4%; background:none;}
}
@media only screen and (max-width: 48.125rem) { 
	.wrapper{max-width:96%; padding:0 2%;}
	.slide_slogan{
		font-size:12px;
		font-size:0.75rem;
		width:50%;
		line-height:12px;
		line-height:0.75rem;
		max-height:28px;
		max-height:1.75rem;
		height: 28px;
		height:1.75rem;}
	
	.controls{width:100%; right:0;}
	.all-controls{right:0;}
	#custom-pager strong a{padding:0 7px; padding:0 0.4375rem;}
	
	#slogan{
		background: none;
		margin: 0 auto;
		padding: 0.5rem 0;
		width: 100%;
		text-align: center;}
	.quicklinks{
		padding:0;
		text-align:center;
		width:100%;}
	#slogan,.quicklinks a{font-size:1rem;}
	
	#boxes{width:100%; height:auto; padding-bottom:0.625rem; margin-bottom:1rem; text-align:center;}
	#boxes .box{
		float:none;
		display:inline-block;
		width: 285px;
    	height: 125px;
    	margin: 0 1.5% 0.625rem 0;}
	#boxes .box img{width:90.5%; display:block; margin:0.625rem auto;}
	#boxes .box .box_over{
		width: 248px;
		height: 30px;
		bottom: 20px;
		text-align:left;}
	#boxes .box .box_over{left:14px;}
	#boxes .box:nth-child(2n) .box_over{left:13px;}
	
	#box_right{width:100%; height:auto; padding-right:0;}
	#box_right .box_right_inner{padding:0 0 11px; padding: 0 0 0.6875rem; width:100%!important;}
	#box_right .event{ width: 84%;}
	
	footer{padding-top:1.875rem;}
	.soc-icons{position:relative; top:0; text-align:center}
	footer .footer-nav{
		float:left;
		width:100%;
		text-align:center;
		padding-top:1.25rem;
		font-size:16px;
		font-size:1rem;
		line-height:24px;
		line-height:1.5rem;}
	footer h2{
		width:100%;
		font-size:23px;
		font-size:1.4375rem;
		line-height:27px;
		line-height:1.6875rem;
		padding-bottom:0;
		display:inline-block; }
	footer p{
		width:100%;
		margin:0;
		display:inline-block;
		text-align:center;
		font-size: 14px;
		font-size:0.875rem;
    	line-height: 24px;
		line-height:1.5rem;}
	.footer_left,.footer_right{width:100%; text-align:center}
	.footer-logo{float:none; margin:0 0 1rem; display:inline-block;}
	.search .search-field{ width:30%; background-size:100% 32px; margin:1rem auto; float:none;}
	
	.middle_column.with_both,.middle_column.with_right{width:63%; padding: 0 3%;}
	.right_column{width:25%;padding:0 3%;}
	.middle_column.with_left,.middle_column{width:94%; padding: 0 3%;}
}


@media only screen and (max-width: 43rem) { 
	header{background-size: 100% auto;}
	
	.slideshow .slide{
		width:140%;
		margin-left:-15%;}
	
	.middle_column.with_both,
	.middle_column.with_left,
	.middle_column.with_right,
	.right_column{width:94%; padding:0 3%; background:none; }
	
	#right_within{border-top: 10px solid #eeeeee; margin-top:0.5rem; padding-top:1rem;}
	#banner #page_heading{
		position:relative;
		margin-top:-0.25rem;
		background: #1e2e4d;
		bottom:auto;
		right:auto;}
}

@media only screen and (max-width: 38.75rem) {
	#boxes{ text-align:center;}
	#boxes .box{ float:none; display:inline-block; text-align:left; width:255px;  height: 105px;}
	#boxes .box img{ display:block;}
	#boxes .box .box_over{ bottom:10px; bottom:0.625rem; width:221px;}
}
@media only screen and (max-width: 30rem) { 
	.wrapper{max-width:98%; padding:0 1%;}
	.controls{
		padding: 1.75rem 0;
		background-size: 100% 120%;}
	.all-controls:after{top:-2.25rem}
	.pager{ bottom:8px; bottom:0.5rem;}
	.all-controls{ right:5%;}
	.slide_slogan{
		bottom:0px;
		width:90%;
		left:5%;
		font-size:11px;
		font-size:0.6875rem;
		line-height:12px;
		line-height:0.75rem;
		max-height:28px;
		max-height:1.75rem;
		height: 28px;
		height: 1.75rem;}
	#slogan{
		font-size:17px;
		font-size:1.0625rem;
		width:100%;
		text-align:center;}
	.quicklinks{ width:100%; padding:0; margin:-0.8125rem 0 0 0; text-align:center;}
	.quicklinks a{width:100%; display:inline-block}
	.quicklinks span{display:none;}
	
	#box_right h3.toolhead{ margin:0 0 0.5rem !important;}
	#box_right a.view{right:10px; top:-7px;}
	#box_right h3{ float:none; width:auto;}

	#box_right .box_right_inner ul.events-list li a{float:none; width:auto; font-size:13px;}
	#box_right .box_right_inner ul.events-list{ width:auto;}
	#box_right .box_right_inner ul.events-list li{ margin-right:0; width:100%;}

	#box_right .content-editor{ height: 300px;}
	#box_right .event{width:76%;}
}

/****Styles for Library Dremo****/
.tool1{display:none;}

.tool-switch{
	width: 135px;
	position: fixed;
	top: 170px;
	z-index: 2000;
	background: #eeebeb;
	border: 1px solid #1e2e4d;
	padding: 10px 0.5%;
	font-family: 'Ubuntu', sans-serif;
	color: #1e2e4d;
	font-size:14px;
	font-size:1rem;
	line-height:16px;
	line-height:1rem;}
.tool-switch .tool-title.options{
	font-size: 20px;
	font-size: 1.42rem;
	line-height: 20px;
	line-height: 1.42rem;
	font-weight:bold; 
	margin-bottom:10px;}
.tool-switch .switch{margin-bottom:10px;}
.tool-switch .tool-title{
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	text-transform:uppercase;
	font-size: 20px;
	font-size: 1.42rem;
	line-height: 20px;
	line-height: 1.42rem;
	letter-spacing: -2px;}
@media (max-width: 1200px) {
  .tool-switch {
    display: none;
  }
}

/* SM 3.0 CSS */
.tool_content {font-family: Arial,Helvetica,sans-serif;}
.sm3_header_right .account_info a{ font-weight: 500;}
#sm3_body footer{ background: none !important; padding: 0; }
#sm3_body .page_heading_row h1{ font-family: inherit;}