@font-face{
  font-family:"Benton-Sans-Light";
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style:normal;
  font-weight:normal;
}

@font-face{
  font-family:"Benton-Sans-Regular";
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot");
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-2.eot?") format("embedded-opentype"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-3.woff") format("woff"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Regular/019c3a13-b3d7-4c5a-be27-07a8334a43e6-1.ttf") format("truetype");
  font-style:normal;
  font-weight:normal;
}

@font-face {
  font-family: "Benton-Sans-Medium";
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-2.eot?") format("embedded-opentype"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-3.woff") format("woff"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Medium/8e221891-e89b-4eae-95ca-6346d9a41d20-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face{
  font-family:"Benton-Sans-Bold";
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot");
  src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"),
  url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype");
  font-style:normal;
  font-weight:normal;
}


.home {
  min-width: 960px;
}


body{
  font-family: "Benton-Sans-Regular", sans-serif;
  color: #666;
  background-color: #f9f9f9;
}

#content {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
}

a, .main .posts h2 a{
  color: #0cf;
  text-decoration: none
}
a:hover, .main .posts h2 a:hover{
  color: #09c;
  text-decoration: none
}


h1, h2{
  font-family:"Benton-Sans-Light";
}
h1{
  font-size: 48px;
  text-transform: uppercase;
  color: #666;
  margin:0px;
}
#col1 .container h1 {
  visibility: hidden;
  height: 0px;
}
.calendar #col1 .container h1 {
  visibility: visible;
  height: auto;
}

.contact-us #col1 .container .content-panel h1, #col1 .container .full-post h1, #col1 .container h1.vis{
  visibility: visible;
  height: auto;
}

h2{
  font-size: 36px;
  color: #ccc;
  clear: both;
  margin: 0 0 .2em 0;
}
.main .posts h2 {
  margin: 0 100px 0 0;
}

h3{
  font-family:"Benton-Sans-Regular";
  font-size: 20px;
  color: #ccc;
  clear: both;
  margin: 0 0 .2em 0;
}
h4 {
  font-size: 1.5em;
  line-height: inherit;
  margin: 0 0 .5em 0;
  color: #999;
  font-family: "Benton-Sans-Regular", sans-serif;
  font-weight: normal;
}

h5 {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  text-transform: none;
  font-family: "Benton-Sans-Regular";
  color: #666;
}

.meta {
  color: #a4abae;
  font-size: 11px;
  margin-bottom: 5px;
  line-height: 15px;
  letter-spacing: 1px;
}
.meta a:hover, .meta a:focus {
  color: #777;
}

p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 25px;
}
p:empty {
  margin: 0;
}

b{
  font-family: "Benton-Sans-Bold";
}

#header {
  background-image: none;
  background-color: #fff;
  height: 75px;
}

.med #masthead {
  top: -4px;
  width: auto;
}

.med .container {
  width: 940px;
}

.med #pnb {
  position: absolute;
  right: 0px;
  left: auto;
  top: 25px;
  z-index: 200;
  width: auto;
  height: 30px;
}

#pnb #nav {
  width:auto;
  height: 30px;
}

.med #nav li ul{
  width:15em;
}

#nav li a {
  font-size: 13px;
  text-transform: capitalize;
  letter-spacing: 2px;
  padding: 8px 10px 5px 10px;
  line-height: 15px;
  color: #666;
  border-bottom: 2px solid #eee;
  border-radius: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

#nav > li {
  padding:0;
  margin-left:0px;
  margin-right:0px;
  height:30px;
}

#nav li.current_page_item > a, #nav li a.active_section {
  color: #666;
  background: none;
  border-bottom: 2px solid #0cf;
}
#nav li.current_page_item, #nav li.current_page_ancestor {
  background: url("images/arrow-current.png") no-repeat scroll 50% 23px transparent !important;
}

#nav li:hover a {
  background: none;
  color: #0cf;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

#nav li ul {
  top: 30px;
  border: none;
  overflow: auto;
  padding: 20px 0px 10px 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#nav li li a, #nav li:hover li a, #nav li:focus li a {
  border: none;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: "Benton-Sans-Regular", sans-serif;
}

#nav li li a, #nav li li.current_page_item a ,#nav li:focus li a, #nav li:hover li a {
  color: #666 !important;
  padding: 5px 20px 5px 20px;
  line-height: 16px;
}

#nav li li a:hover, #nav li li.current_page_item a:hover {
  color: #fff !important;
  background-color: #0cf;
}

/*CONTENT BANNER*/
.banner-container.window-width {
  padding: 0px;
}

.banner-large{
  height: 460px;
}
.banner-medium{
  height: 280px;
}
.banner-small{
  height: 200px;
}
.home1 {
  background-color: #46cbf0;
  background: url(/ioc/files/2014/03/cover2.jpg) no-repeat center center;
  position: relative;
  width: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 0px; 
}

.photo1 {
  background-color: #000;
  background: no-repeat center center; 
  position: relative;
  width: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-top: 0px;
}

.gradient-lightblue {
  background-color: #46cbf0;
  background: url(/ioc/files/2014/03/gradient_lightblue.png) no-repeat center center; 
  position: relative;
  width: auto;
  background-size: 100%;
  margin-top: 0px;
  height: 100%;
  background-repeat: repeat;
}
.gradient-orange {
  background-color: #46cbf0;
  background: url(/ioc/files/2014/03/gradient_orange.png) no-repeat center center; 
  position: relative;
  width: auto;
  background-size: 100%;
  margin-top: 0px;
  height: 100%;
  background-repeat: repeat;
}
.gradient-purple {
  background-color: #46cbf0;
  background: url(/ioc/files/2014/03/gradient_purple.png) no-repeat center center; 
  position: relative;
  width: auto;
  background-size: 100%;
  margin-top: 0px;
  height: 100%;
  background-repeat: repeat;
}
.gradient-green {
  background-color: #46cbf0;
  background: url(/ioc/files/2015/02/gradient_lightgreen.png) no-repeat center center; 
  position: relative;
  width: auto;
  background-size: 100%;
  margin-top: 0px;
  height: 100%;
  background-repeat: repeat;
}

#contentbanner .headline {
  width: 760px;
  height: 100%;
  left: 50%;
  margin-left: -380px;
  display: table;
  position: absolute;
  text-align: center;
  color: #fff;
}

#contentbanner h1 {
  color: #fff;
  font-size: 60px;
  line-height: 60px;
}

.banner-large .headline .headline-wrapper {
  padding-top: 100px;
}
.banner-medium .headline .headline-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.banner-small .headline .headline-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}
.headline .headline-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.headline-wrapper p {
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  margin: 0;
}

#content .container {
  padding: 10px 10px 50px 10px;
  margin-top: 30px;
  width: 940px;
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}



.med_2col_right #col1 {
  width: 680px;
}

.main .post {
  margin-bottom: 0px;
  border-bottom: none;
}


.med_2col_right #col2 {
  width: 220px;
  float: right;
  border-left: none;
  padding-left: 0px;
}

.widget h2.widgettitle {
  background: none;
  font-size: 18px;
  line-height: 30px;
  padding: 0px;
  margin-bottom: 0px;
  font-family: "Benton-Sans-Light";
  font-style: normal;
  font-weight: normal;
  text-transform: uppercase;
  color: #ccc;
  margin-top: 0;
}

.widget h2.widgettitle a {
  text-decoration: none;
  color: #ccc;
  border: 0;
}

.widget h2.widgettitle a:hover, .widget h2 a:focus {
  text-decoration: none;
  color: #aaa;
}


#contentnavlist, #contentnavlist ul {

}
#contentnavlist .level_1 {
  font-size: 15px;
  line-height: 20px;
  font-family: "Benton-Sans-Medium";
  color: #666;
  padding: 0px;
  border: none;
  background: none;
}
#contentnavlist .page_item {
  padding-bottom: 20px;
}
#contentnavlist .page_item .page_item {
  padding-bottom: 0px;
}
#contentnavlist .level_2, #contentnavlist li.current_page_item li a {
  font-size: 13px;
  line-height: 20px;
  font-family: "Benton-Sans-Medium";
  color: #999;
  padding: 0px 0px 0px 10px;
  border: none;
  background: none;
}

#contentnavlist li a:hover {
  color: #333;
}
#contentnavlist li.current_page_item a {
  color: #0cf;
}
#contentnavlist li.current_page_item a.active:hover {
  color: #09c;
}
#contentnavlist li a.level_2:hover {
  color: #888;
}
#contentnavlist li.current_page_item li a:hover {
  text-decoration: none;
  color: #888;
}

/*EVENTS*/
ul.full-date li .date {
  font-family: "Benton-Sans-Medium";
  color: #666;
}
ul.full-date li .title {
  font-size: 13px;
}

/*TAGS*/
.tagcloud a {
  background-color: #0cf;
  color: #fff;
  padding: 5px;
  margin: 0px 5px 5px 0px;
  float: left;
  font-size: 11px !important;
  line-height: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.tagcloud a:hover {
  background-color: #09c;
}


/*CALENDER*/ 
.calendar-topic{
  margin-bottom: 0px;
}
.calendar-range {
  color: #a4abae;
  font-size: 12px;
}
.event-list ul li, #calendarPage ul li {
  list-style: none;
  float: left;
  margin-bottom: 10px;
}
.event-time {
  display: block;
  float: left;
  clear: left;
  font-weight: bold;
  border: none;
  width: 110px;
  padding: 0px;
  margin: 0px;
  font-family: "Benton-Sans-Bold";
  font-size: 15px;
}
.event-link {
  width: 570px;
  padding: 0px;
  font-size: 15px;
  list-style: disc outside none;
  display: list-item;
}


/*CALENDER SIDEBAR*/ 
table.calendar, #wp-calendar {
  width: 100%;
  margin-bottom: .3em;
  background: none;
  border: none;
}
table.calendar caption, #wp-calendar caption {
  color: #0cf;
  text-align: center;
  word-spacing: 24px;
  font-size: 18px;
  line-height: 30px;
  padding: 5px;
}
thead tr, tfoot tr {
  background: none;
}
table.calendar th, #wp-calendar th {
  color: #333;
  font-family: "Benton-Sans-Medium";
  line-height: 30px;
  text-align: center;
  padding: 0;
  background: none;
  border: none;
}
table.calendar td, #wp-calendar td {
  text-align: center;
  padding: 0;
  font-size: .9em;
  border: none;
}
table.calendar .out, table.calendar .out .day a {
  color: #ddd;
  background: none;
}
table.calendar td a, #wp-calendar td a {
  color: #999;
  width: 26px;
  height: 26px;
  margin: 2px;
}
table.calendar .today .day a {
  margin: 0;
  border: 2px solid #eee;
  background-color: #eee !important;
  color: #333 !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
table.calendar .busy .day a {
  color: #0cf;
  font-weight: normal;
  background-image:url(/ioc/files/2014/03/cal_bullet.png) !important;
}
table.calendar .today .day a:hover {
  margin: 0;
  border: 2px solid #0cf;
  background-color: #eee !important;
  color: #333 !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
table.calendar .today.selected .day a, .selected .day a {
  color: #fff !important;
  background: #0cf !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin: 0;
  border: 2px solid #0cf;
}
table.calendar .today.selected .day a:hover, .selected .day a:hover {
  color: #fff !important;
  background: #0cf !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  margin: 0;
  border: 2px solid #0cf;
}
table.calendar td a:hover, #wp-calendar td a:hover, table.calendar td a:focus, #wp-calendar td a:focus {
  margin: 0;
  border: 2px solid #0cf;
  background: none !important;
  color: inherit !important;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
#calendar-topics li {
  border-left: 12px solid #fafafa;
}

#footer {
  background-color: #f9f9f9;
  border-top: 1px solid #fff;
}

#footer .container {
  padding: 10px 0;
  min-height: 60px;
}
#footer ul {
  margin-bottom: 0px;
}
#footer li {
  border-right: none;
  letter-spacing: 1px;
  font-size: 11px;
  padding-right: 15px;
  margin-right: 15px;
  display: list-item;
}

#footer a {
  text-decoration:none;color:#666;
}
#footer a:hover, #footer a:focus {
  text-decoration:none;color:#0cf;
}

#footer ul.foot-links li.link {
  float: left;
  margin: 20px 0px 20px 0px;
  line-height: 20px;
}
#footer ul.foot-links li.badge {
  float: right;
  margin: 0px 0px 0px 20px;
  padding: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

#footer a.cf {
  position:relative;
  height:60px !important;
  width:60px !important;

  display:block;
  width:500px;
  height:500px; 
  float:left;
}

.cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  overflow: hidden;
}
.cf img.top {
  opacity: 0;
}
.cf:hover img.top {
  opacity: 100;
}
.cf:hover img.bottom {
  opacity: 0;
}


.buforms_left label {
  float: left;
  margin-right: 15px;
  width: 15%;
}
.buforms_left .buforms_footer {
  margin-left: 15%;
  padding-left: 10px;
}
#content button, #content input.button, input[type=button], input[type=submit] {
  font-family: inherit;
  font-size: 1.2em;
  color: #fff;
  font-weight: bold;
  padding: 10px 30px;
  line-height: 20px;
  margin-right: 12px;
  margin-top:0px;
  margin-bottom: 2px;
  background-color: #0cf;
  border: none;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(0,153,204,1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(0,153,204,1);
  box-shadow: 0px 2px 0px 0px rgba(0,153,204,1);
}
#content button:hover, #content input.button:hover, input[type=button]:hover, input[type=submit]:hover, #content button:focus, #content input.button:focus, input[type=button]:focus, input[type=submit]:focus {
  background: #0cf;
  border: none;
  margin-top: 2px;
  margin-bottom: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.buforms input[type=text] {
  width: 32%;
  border: 1px solid #ccc;
  /* -webkit-border-radius: 4px; */
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0pc;
  padding: 5px;
}
.buforms_left label {
  float: left;
  margin-right: 15px;
  width: 15%;
  margin-bottom: 0px;
  padding: 5px 0px;
}
.buforms .radio input[type=radio], .buforms .input-row input[type=checkbox] {
  float: left;
  clear: both;
  margin-bottom: 3px;
  margin-top: 5px;
}

div.alignleft {
  margin: 0 9px 0 0;
}

.main .wp-caption p {
  margin-bottom: 10px;
}




#ioc_accord {
margin-bottom: 30px;
}
.ioc_accord_header {
margin: 1px 0px 0px 0px;
color: #fff;
background: #0cf;
padding: 10px;
font-size: 13px;
cursor: pointer;
}
.ioc_accord_cont {
margin: 0px;
background-color: #bef;
color: #666;
padding: 10px;
font-size: 13px;
}
.ioc_accord_cont a {
color: #fff;
font-family: "Benton-Sans-Bold", sans-serif;
}