/*
Theme Name: JHU Advanced 
Theme URI: http://advanced.jhu.edu/
Description: The themes for AAP 
Author: idfive
Version: 1.0
Tags: html5, responsive, clean, basic, semantic
*/

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
}

body {
line-height:1;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:'';
content:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* #Basic Styles
================================================== */
body {
-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
-webkit-text-size-adjust:100%;
}

/* #Typography
================================================== */
em {
font-style:italic;
}

strong {
font-weight:bold;
color:#333;
}

small {
font-size:80%;
}

/*    Blockquotes  */
blockquote,blockquote p {
font-size:17px;
line-height:24px;
color:#777;
font-style:italic;
}

blockquote {
margin:0 0 20px;
padding:9px 20px 0 19px;
border-left:1px solid #ddd;
}

blockquote cite {
display:block;
font-size:12px;
color:#555;
}

blockquote cite:before {
content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
color:#555;
}

hr {
border:solid #ddd;
border-width:1px 0 0;
clear:both;
margin:10px 0 30px;
height:0;
}

/* #Images
================================================== */
img.scale-with-grid {
max-width:100%;
height:auto;
}

/* #Misc
================================================== */
.remove-bottom {
margin-bottom:0!important;
}

.half-bottom {
margin-bottom:10px!important;
}

.add-bottom {
margin-bottom:20px!important;
}

ol {
    list-style: decimal; 
}

.fl-lt {
float:left;
}

.fl-rt {
float:right!important;
}

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

.attachment-sidebar_image, .gal img {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    z-index: 555;
    x-behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.sidebar-image {
   position: relative; 
   z-index: 1;
}

.clear {
clear:both;
font-size:0;
line-height:0;
display:block;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.wrapper {
}

body,html {
height:100%;
}

body {
width:100%;
font-family:Arial, Helvetica, sans-serif;
overflow-x:hidden;
}

a {
text-decoration: none;
color:#003764;
}

.eight.columns.blog a {
    text-decoration:underline;
}

a:hover {
text-decoration:underline;
}

/* Header Elements ---------------------------------*/
.print-hide {
    display:none;
}
.container {
    display:block;
}

header {
    display:block;
    background:url(assets/images/rep-hed.png) repeat-x;
    min-height:121px;
    display:block;
}

.logo {
    x-margin:10px 0 0;
    margin-left: -20px!important;
    display:block;
}

@media only screen and (max-width: 767px) and (min-width: 479px) {
    
    .logo {
        padding-top: 30px;
        margin-left: 0px!important;
    }
    .logo img {
        width: 100%;
    }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
    
    .logo {
        padding-top: 40px;
        margin-left: 0px!important;
    }
    .logo img {
        width: 100%;
    }
}


.top-nav {
    font-family:Arial, Helvetica, sans-serif;
    padding-top:20px;
    width:auto;
}

.top-nav li {
    padding:0 10px;
    display:block;
    float:left;
    border-right:#4176a1 solid 1px;
}

.top-nav li.last {
    border:none;
}

.top-nav li    a {
    color:#fff;
    font-size:12px;
    display:block;
}

.rgt-top {
    float:right!important;
    margin-right: 0!important;
}

.search {
    display:block;
    padding-top:15px;
    margin-left:10px;
}

.search    input {
    border:none;
    outline:none;
    width:88px;
    padding:0 10px;
    background:url(assets/images/rep-ser2.png) repeat-x;
    display:block;
    float:left;
    height:21px;
    line-height:21px;
}

.search button {
    border:none;
    outline:none;
    width:72px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    line-height:21px;
    height:21px;
    display:block;
    float:left;
    background:#000;
    font-size:11px;
    font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
}

.search button:focus
{
	outline: 1px solid #E6B658;
}

.hide {
display:none;
}

.nav {
display:block;
/* padding-top:12px; */
}

.nav li {
float:left;
display:block;
margin-left:30px;
}

.nav li:first-child
{
margin-left:0;
}

.nav li a {
font-size:14px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#fff;
text-transform:uppercase;
display: block;
padding-bottom: .5em;

}

.nav li a:hover,.nav li a.active {
color:#e6b658;
text-decoration:none;
}

.nav-down1 span {
background:#86b6e0;
padding:10px;
display:inline-block;
color:#fff;
font-size:12px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
text-transform:uppercase;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.nav-down1 span a {
color:#fff;
}

.nav-down1 span img {
position:relative;
top:2px;
}

.nav-down1 b {
}

#flip {
display:none;
float:right;
}

#panel {
display:none;
}

#topbar-search {
    position: absolute;
    color: rgba(0,0,0,0);
}

/* Main-content Elements ---------------------------------*/
.main_content {
display:block;
}

.main-cont {
width:100%;
display:block;
margin:80px 0 40px;
position:relative;
z-index:0;
}

.top-sec {
display:block;
padding:15px 0 15px 10px;
background:url(assets/images/grn-trans.png) repeat;
min-height:67px;
-moz-border-radius:20px 20px 0 0;
border-radius:20px 20px 0 0;
-webkit-border-radius:20px 20px 0 0;
-o-border-radius:20px 20px 0 0;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.top-sec h4 {
font-size:30px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#1e5436;
line-height:32px;
}

.mid-sec {
display:block;
padding:15px 0 15px 10px;
min-height:211px;
background:url(assets/images/grn-dark.png) repeat;
}

.start {
display:block;
}

.start div {
float:left!important;
width:210px;
display:block;
margin-right:20px;
}

.start div.first {
width:180px;
}

.start div h3 {
font-size:24px;
color:#0a3545;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
border-bottom:#64938f dotted 1px;
padding-bottom:5px;
}

.start div ul,.start div ul li {
display:block;
float:left;
width:100%;
}

.start div ul li {
padding:5px 0;
}

.start div ul li a {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
}

.start div a.apply {
font-size:14px;
color:#fff;
font-weight:700;
width:134px;
line-height:26px;
display:block;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
background:#9d4e39;
margin-left:-30px;
box-shadow:0 2px 5px #333;
-moz-box-shadow:0 2px 5px #333;
-webkit-box-shadow:0 2px 5px #333;
-o-box-shadow:0 2px 5px #333;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
position:relative;
}

.start div a.apply span {
position:absolute;
bottom:-18px;
left:0;
display:block;
}

.bot-sec {
min-height:162px;
display:block;
padding:15px 0 15px 10px;
background:url(assets/images/blue-trans.png) repeat;
-moz-border-radius:0 0 20px 20px;
border-radius:0 0 20px 20px;
-webkit-border-radius:0 0 20px 20px;
-o-border-radius:0 0 20px 20px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.bot-sec1 {
padding:0 0 0 10px;
display:block;
}

.bot-sec2, .bot-sec3 {
display:block;
}

.bot-sec1 h3 {
font-size:24px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#fff;
padding-bottom:10px;
}

.bot-sec1 p {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
padding-right:90px;
line-height:18px;
}

a.event {
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
line-height:20px;
x-padding-left:20px;
x-background:url(http://advanced.jhu.edu/wp-content/uploads/2013/04/calender-small.png) left no-repeat;
margin-top:55px;
display:block;
}

ul.list {
padding-top:40px;
display:block;
width:100%;
float:left;
}

ul.list li {
display:block;
width:100%;
float:left;
padding:12px 0;
border-bottom:#436e82 dotted 1px;
}

ul.list li.last {
border:none;
}

ul.list li span {
width:30px;
background:url(assets/images/calender.png) no-repeat;
height:28px;
display:block;
float:left;
margin-right:10px;
}

ul.list li span em {
  color: #FFFFFF;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 9px;
  font-style: normal;
  line-height: 0;
  margin-bottom: 0.5em;
  margin-top: 0.7em;
  text-align: center;
}
ul.list li span b {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#343434;
font-weight:700;
text-align:center;
display:block;
}

ul.list li p {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:16px;
}

ul.list li p a, .bot-sec1 p a {
color:#83b6cb;
text-decoration:underline;
}

ul.list li p a:hover {
text-decoration:underline;
}

.sec_mob {
display:none;
}

.sec {
float:left;
margin-right:!important;
margin-top:120px;
margin-left:35px!important;
}

.sec h4 {
font-size:22px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#0a3545;
line-height:24px;
display:block;
padding-bottom:10px;
padding-top:20px;
}

.sec p {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#0a3545;
line-height:20px;
}

.sec a.more {
float:right;
font-size:12px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#fff;
margin-top:10px;
}

#sliderhome em {
float:right;
}

/* inner1-cont Elements ---------------------------------*/
.sidebar {
margin:0 0 0 -10px!important;
padding-right:20px;
}

.inner1-cont {
display:block;
background:url(assets/images/white-trans.png) repeat;
padding-top:48px;
padding-bottom:40px;
}

.side-nav {
width:184px;
display:block;
background:#3e7858;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
padding:10px 10px 0;
}
.page .side-nav {
    float: left;
}

.side-nav li h4 a {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:18px;
display:block;
font-weight:400;
padding-bottom:10px;
}

.side-nav h4 a {
color:#fff;
text-decoration:none!important;
}

.side-nav-back-link {
background: #3E7858;
margin-top: -10px;
margin-bottom: 5px;
}

.side-nav-back-link2 {
background: #3E7858;
padding-bottom: -5px;
}

.side-nav h4 a:hover {
color:#7dac92;
}

.side-nav h4 a em {
margin-left:15px;
display:inline-block;
font-style:normal;
text-decoration:none;
}

.side-nav h4 a:hover em {
text-decoration:none!important;
}

.side-nav p {
font-size:12px;
color:#afd2be;
font-family:Arial, Helvetica, sans-serif;
line-height:14px;
}

.subnav li a {
font-size:12px;
color:#fff;
line-height:18px;
text-decoration:none;
padding-bottom:5px;
width:100%;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

ul.subnav {
width:100%;
float:left;
padding:5px 0;
}
ul.subnav li.current_page_item a {
    text-decoration: underline;
}

.cont-det {
background:#7dac92;
padding:10px;
width:184px;
margin-left:-10px;
display:block;
}

.cont-det ul li a {
display:block;
font-size:12px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
}

.side-nav a:hover {
text-decoration:underline;
}

.program__callToAction ul li {
font-size:12px;
color:#14476c;
line-height:18px;
text-decoration:none;
padding-bottom:5px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
}

.program__callToAction ul li a {
color:#14476c;
font-weight:700;
}

.program__callToAction {
background:#e6b658;
padding:10px;
width:100%;
margin-left:-10px;
display:block;
-moz-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.mid-cont1 {
margin-left:0!important;
}

.mid-cont {
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
}

.mid-cont h1 {
font-size:28px;
color:#333;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
padding-bottom:10px;
line-height: 1.2;
}

.mid-cont p.links {
font-size: 11px;
width:100%;
display:block;
float:left;
margin-bottom:20px;
}

.mid-cont p.links {
color:#14476c;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.mid-cont p.links a {
color:#14476c;
}

.mid-cont p.links em {
font-style:normal;
}

.mid-cont h6 {
font-size:20px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#5b666e;
line-height:23px;
display:block;
padding-bottom:10px;
margin-left:0!important;
}



.mid-cont span img {
width:100%;
height:auto!important;
}

.pink {
background:#a50d48;
float:right!important;
display:block;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
margin:0!important;
}

.pink h5 {
font-size:24px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
display:block;
color:#fff;
padding:10px 10px 0;
}

.pink ul {
padding:15px 10px;
display:block;
}

.pink ul li a {
font-size:14px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
line-height:22px;
display:block;
}

.content h4 {
font-size:20px;
color:#333;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
display:block;
padding-bottom:10px;
padding-top:30px;
}

.content p {
font-size:14px;
color:#333;
line-height:20px;
display:block;
padding-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-right:40px;
}

.wid-sec {
    margin:0 -10px 0 0!important;
    float:right!important;
    padding-top:82px;
}

.tweet {
    float: left;
    padding-bottom: 1em;
    z-index: 2;
    position: relative;
    width: 200px;
}


.tweet p b {
    float: right;
    width: 85%;
    position: relative;
    top: -5px;
}

.tweet p span {
    float:left;
    display:block;
    margin-right:8px;
}

.tweet p em {
font-size:12px;
color:#343434;
line-height:15px;
display:block;
font-style:normal;
float:left;
width:152px;
}

.tweet p a {
color:#23769a;
text-decoration:none;
display:inline;
font-size:11px;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .tweet {
        width: 150px;
    }
    .tweet p b {
        width: 80%;
    }
    .tweet p span {
        margin-right: 0px;
    }
}


.news {
background:#c15c2c;
display:block;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
float:left;
margin-top:25px;
width:100%;
padding:10px 0;
}

.news h4 {
font-size:24px;
color:#fff;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
padding:0 10px 10px;
}

.news ul {
padding:0 10px;
}

.news ul li {
display:block;
font-size:14px;
color:#fff;
padding-bottom:10px;
line-height:18px;
}

.news ul li span {
float:left;
font-weight:700;
display:inline-block;
}

.news ul li p {
float:left;
padding-left:5px;
width:158px;
}

.news a.more {
font-size:12px;
color:#fff;
line-height:17px;
display:block;
text-align:right;
margin-right:30px;
}

.category .news+.news,
.blog .news+.news
{
    margin-top: 20px;
	clear: left;
}

.podcast
{
	background: #e6b658;
	padding-top: 0;
}

.podcast h4
{
	background: #c98500;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 8px 10px;
	margin-bottom: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.podcast .button:hover
{
	background-color: #e6b658;
}

.mid-cont .blog .rss-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.mid-cont .blog .rss-list li
{
	min-height: 20px;
	_height: 20px;
	margin: 4px 0;
}

.mid-cont .blog .rss-list li a
{
	display: block;
	text-decoration: none;
	padding-left: 26px;
	background: url(assets/images/icon.rss.png) 0 50% no-repeat;
}

.mid-cont .blog .rss-list li a:hover
{
	text-decoration: underline;
}

.prog-blue {
background:#2f5e87;
display:block;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
float:left;
margin:20px -10px 0 0!important;
color:#fff;
}

.prog-blue h4 {
color:#fff;
font-size:24px;
font-size:24px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
padding:10px;
}

.prog-blue ul {
padding:0 10px 20px;
}

.prog-blue ul li {
line-height:28px;
display:block;
}

.prog-blue ul li a,.prog-blue a {
font-size:14px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}

.grn {
display:none;
width:100%;
float:left;
padding:20px 0;
}

.grn li,.mobile-nav__callout li,.grn li ul {
margin-bottom:3px;
margin-top:3px;
display:block;
}

.grn li a,.mobile-nav__callout li a {
background:#3e7858;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
padding:8px 10px;
display:block;
}

.mobile-nav__callout {
padding-bottom:20px;
}

.mobile-nav__callout li a {
background:#d78e00!important;
}

.mobile-nav__callout li a:hover {
background:#e7a82e!important;
text-decoration:none;
}

.grn li a em {
padding-left:20px;
font-style:normal;
}

.grn li.current_page_item a,.grn li a:hover {
background:#7dac92;
text-decoration:none;
}

.grn li.current_page_item ul li a {
background:#3e7858!important;
}

.cotact {
display:none;
width:90%;
background:#999;
padding:5%;
}

.cotact h4 {
font-size:16px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
}

.cotact ul li a {
font-size:12px;
color:#fff;
line-height:20px;
display:block;
}

.cotact ul li a:hover {
text-decoration:underline;
}

.cotact ul {
padding:5px 0 20px;
display:block;
}

.slide-dwn {
width:100%;
background:#86b6e0;
}

.slide-dwn li.last {
border:none;
}

.acco ul li h4 {
font-size:20px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#3e7858;
line-height:20px;
display:block;
padding-bottom:5px;
}

.acco ul li	h5 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#003764;
font-weight:700;
margin-top:10px;
padding-left:35px;
background:url(assets/images/inactive.png) 5px no-repeat;
}

.acco ul li	h5.active {
background:url(assets/images/active.png) 5px no-repeat!important;
}

.acco ul li {
padding-bottom:20px;
display:block;
}

.acco ul li p {
font-size:14px;
color:#333;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
display:block;
padding-bottom:10px;
}

.acco ul li span {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
padding-bottom:10px;
display:block;
}

.acco ul li span a {
color:#003764;
text-decoration:none;
}

.acco ul li span a:hover {
text-decoration:underline;
}

.acco ul li p em {
x-display:block;
}

.acco ul {
padding:20px 33px 20px 0;
display:block;
}

.acco.highlight-accordion h5.is-highlighted,
.acco.highlight-accordion h5.active.is-highlighted {
    background-color: #efd598!important;
}

#essentials-menu.pink {
float:none;
background:#a50d48;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}

#essentials-menu .tabs span {
height:auto;
padding-bottom:2em;
}

#essentials-menu .tabs li a.active {
color:#de9eb7!important;
}

#essentials-content {
background:#fff;
margin-top:1em;
}

#essentials-content .panels {
position:relative;
}

#essentials-content .panels .panel {
top:0;
padding:3%;
background:#fff;
width:94%;
}

.mobile-accordion {
padding:0!important;
}

.mobile-accordion li a {
padding:.5em;
}

.mobile-accordion li .panel {
background:#fff;
padding:1em;
display:none;
}

/*
	.mobile-accordion li.active .panel {
		display: block;
	}
*/
/* Search Page ---------------------------------*/
body.search {
margin:0;
padding:0;
}

.search h2 span {
display:inline;
height:auto;
}

.search .mid-cont article,body.blog .mid-cont article {
padding:2em 0;
border-bottom:1px solid #ccc;
}

/* inner3-cont Elements ---------------------------------*/
.col {
display:block;
padding-top:30px;
margin-right:0!important;
}

.col h4 {
display:block;
font-size:20px;
color:#487e60;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
}

.col h5 {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-weight:700;
padding-top:15px;
padding-bottom:5px;
}

.col ul li {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
display:block;
}

.col ul li a {
color:#003764;
text-decoration:none;
line-height:16px;
padding:4px 0;
display:block;
}

.col ul li a:hover {
text-decoration:underline;
}

.gal {
margin-top:110px;
}

.gal span {
display:block;
width:100%;
}

.gal span img {
width:100%;
height:auto;
display:block;
}

.gal h6 {
font-size:11px;
color:#666;
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px 30px;
font-weight:400;
line-height:16px;
}

ul.subnav1 li a {
font-size:16px;
font-weight:700;
line-height:26px;
}

ul.subnav1 {
padding:0;
}

.cal-cont {
margin-top:20px;
display:block;
background:#939598;
border:#c1c3c4 solid 1px;
padding:15px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.cal-cont h4 {
font-size:18px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
width:115px;
float:left;
}

.cal-cont ul {
float:left;
}

.cal-cont ul li {
width:100%;
display:block;
padding-bottom:15px;
line-height:20px;
}

.cal-cont ul li em {
float:left;
width:50px;
display:block;
font-style:normal;
font-size:14px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}

.cal-cont ul li b {
font-size:14px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
width:auto;
display:inline-block;
float:left;
}

.calender {
margin-top:40px;
display:block;
}

.filter {
padding-top:20px;
display:block;
}

.filter h4,.filter1 h4 {
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-weight:700;
margin-left:8px;
padding-bottom:10px;
}

.filter ul,.filter1 ul {
margin-left:8px;
}

.filter label,.filter1 label {
font-size:12px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
line-height:16px;
display:inline-block;
margin-left:3px;
}

.filter strong,.filter1 strong {
font-size:12px;
margin-left:3px;
}

.filter ul li,.filter1 ul li {
padding-bottom:5px;
display:block;
}

.filter1 {
display:none!important;
}

/* inner4-cont Elements ---------------------------------*/
ul.block {
margin:0!important;
}

ul.block li {
width:100%;
padding-bottom:15px;
}

.blog {
margin:0!important;
}

.blog h3 {
font-size:40px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
display:block;
color:#333;
padding:0 0 0 10px!important;
}

.main_content .blog p {
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
line-height:20px;
padding:0 10px;
text-align: left;
}

.blue h3,.blue p,.purple h3,.purple p,.red h3,.red p,.brown h3,.brown p,.green h3,.green p {
color:#fff!important;
}

.blue {
background:#2f5e87;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.purple {
background:#096248;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.red {
background:#a80041;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.brown {
background:#c15c2c;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.green {
background:#096248;
-moz-border-radius:10px;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.mid-cont3 p {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
line-height:20px;
padding-right:40px;
display:block;
padding-bottom:15px;
}

.mid-cont3 p.links {
padding:0;
}

.mid-cont3 h5 {
font-size:20px;
font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
color:#333;
}

.mid-cont3 ul {
padding:10px 0;
display:block;
}

.mid-cont3 ul li {
list-style:disc outside;
line-height:20px;
color:#333;
margin-left:20px;
font-size:14px;
padding-bottom:5px;
}

.mid-cont3 ul li a {
color:#003764;
text-decoration:none;
}

.mid-cont3 ul li a:hover {
text-decoration:underline;
}

/* Slider Elements ---------------------------------*/
.slide {
display:block;
position:absolute;
right:-15px;
top:0;
}

#sliderhome,#sliderhome1 {
display:block;
height:371px;
width:100%;
}

#sliderhome li,#sliderhome1 li {
width:100%;
height:auto;
}

#sliderhome	em,#sliderhome1 em {
width:65%;
height:auto;
}

#sliderhome	img,#sliderhome1 img {
width:100%;
height:auto;
}

#prev1 {
background:url(assets/images/arr-lft.png) no-repeat;
width:32px;
height:62px;
display:block;
position:absolute;
right:56%;
top:41%;
z-index:999;
text-indent:100%;
overflow: hidden;
white-space: nowrap;
}

#next1 {
background:url(assets/images/arr-rgt.png) no-repeat;
width:32px;
height:62px;
display:block;
position:absolute;
right:40px;
top:40%;
z-index:999;
text-indent:100%;
overflow: hidden;
white-space: nowrap;
}

.slide1 {
display:none;
position:relative;
right:0;
top:0;
width:100%;
}

#sliderhome1 {
width:100%;
}

#prev2 {
position:absolute;
right:3%;
top:20%;
z-index:999;
}

#next2 {
position:absolute;
left:3%;
top:20%;
z-index:999;
}

.bio {
background:#617b03;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;
-webkit-border-radius:10px 10px 0 0;
-o-border-radius:10px 10px 0 0;
position:relative;
z-index:1;
behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
padding:15px 10px;
font-family:Arial, Helvetica, sans-serif;
margin-left:20px!important;
margin-top:20px;
}

.bio h2 {
font-size:14px;
color:#fff;
font-weight:700;
float:left;
line-height:18px;
width:180px;
padding:0 10px;
}

.bio ul {
margin:0!important;
}

.bio ul li a {
font-size:12px;
color:#fff;
line-height:22px;
}

.bio ul li.active a,.bio ul li.current_page_item a {
font-weight:700;
background:url(assets/images/bullet.png) left center no-repeat;
padding-left:15px;
display:block;
}

.inner6-cont {
padding-bottom:0!important;
}

/* Footer Elements ---------------------------------*/
#footer {
display:block;
background:url(assets/images/trans-bg.png) repeat;
width:100%;
padding:15px 0;
min-height:261px;
}

.fot2 {
padding-left:70px;
display:block;
}

.fot2 h4 {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
line-height:16px;
display:block;
}

.fot2 p {
padding:10px 0;
display:block;
}

.fot2 p a {
display:inline-block;
margin-right:5px;
}

.fot1 {
padding-left:10px;
}

.fot1 a.sml {
padding-bottom:10px;
display:block;
}

.fot1 a {
font-size:11px;
color:#fff;
line-height:16px;
display:block;
font-family:Arial, Helvetica, sans-serif;
}

.fot3 {
display:block;
font-family:Arial, Helvetica, sans-serif;
}

.fot3 ul {
display:block;
margin:0 17px;
border-left:#6d6d6d dotted 1px;
padding:0 10px;
}

.fot3 ul li {
display:block;
width:100%;
}

.fot3 ul li	a {
font-size:12px;
color:#fff;
line-height:18px;
display:block;
}

.fot3 ul li	a:hover {
text-decoration:underline;
}

.address {
width:100%;
display:block;
font-family:Arial, Helvetica, sans-serif;
}

.address p {
font-size:11px;
color:#fff;
line-height:16px;
display:block;
}

.address p.brd {
padding-bottom:8px;
display:block;
border-bottom:#6d6d6d dotted 1px;
margin-bottom:8px;
}

.address p span {
float:left;
margin-right:10px;
display:inline-block;
}

.address p em {
font-style:normal;
float:left;
display:inline-block;
width:220px;
}

/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
/* #Base 960 Grid
================================================== */
.container
{
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
}
.container .column,
.container .columns
{
    float: left;
    display: inline;
    list-style: none;
    margin-left: 10px;
    margin-right: 10px;
}
.row
{
    margin-bottom: 20px
}
/* Nested Column Classes */
.column.alpha,
.columns.alpha
{
    margin-left: 0
}
.column.omega,
.columns.omega
{
    margin-right: 0
}
/* Base Grid */
.container .one.column,
.container .one.columns
{
    width: 40px
}
.container .two.columns
{
    width: 100px
}
.container .three.columns
{
    width: 160px
}
.container .four.columns
{
    width: 220px
}
.container .five.columns
{
    width: 280px
}
.container .six.columns
{
    width: 340px
}
.container .seven.columns
{
    width: 400px
}
.container .eight.columns
{
    width: 460px
}
.container .nine.columns
{
    width: 520px
}
.container .ten.columns
{
    width: 580px
}
.container .eleven.columns
{
    width: 640px
}
.container .twelve.columns
{
    width: 700px
}
.container .thirteen.columns
{
    width: 760px
}
.container .fourteen.columns
{
    width: 820px
}
.container .fifteen.columns
{
    width: 880px
}
.container .sixteen.columns
{
    width: 940px
}
.container .one-third.column
{
    width: 300px
}
.container .two-thirds.column
{
    width: 620px
}
/* Offsets */
.container .offset-by-one
{
    padding-left: 60px
}
.container .offset-by-two
{
    padding-left: 120px
}
.container .offset-by-three
{
    padding-left: 180px
}
.container .offset-by-four
{
    padding-left: 240px
}
.container .offset-by-five
{
    padding-left: 300px
}
.container .offset-by-six
{
    padding-left: 360px
}
.container .offset-by-seven
{
    padding-left: 420px
}
.container .offset-by-eight
{
    padding-left: 480px
}
.container .offset-by-nine
{
    padding-left: 540px
}
.container .offset-by-ten
{
    padding-left: 600px
}
.container .offset-by-eleven
{
    padding-left: 660px
}
.container .offset-by-twelve
{
    padding-left: 720px
}
.container .offset-by-thirteen
{
    padding-left: 780px
}
.container .offset-by-fourteen
{
    padding-left: 840px
}
.container .offset-by-fifteen
{
    padding-left: 900px
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px)
{ 
    .container
	{
	    width: 768px
	}
	.container .column,
	.container .columns
	{
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.column.alpha,
	.columns.alpha
	{
	    margin-left: 0;
	    margin-right: 10px;
	}
	.column.omega,
	.columns.omega
	{
	    margin-right: 0;
	    margin-left: 10px;
	}
	.alpha.omega
	{
	    margin-left: 0;
	    margin-right: 0;
	}
	.container .one.column,
	.container .one.columns
	{
	    width: 28px
	}
	.container .two.columns
	{
	    width: 76px
	}
	.container .three.columns
	{
	    width: 124px
	}
	.container .four.columns
	{
	    width: 172px
	}
	.container .five.columns
	{
	    width: 220px
	}
	.container .six.columns
	{
	    width: 268px
	}
	.container .seven.columns
	{
	    width: 316px
	}
	.container .eight.columns
	{
	    width: 364px
	}
	.container .nine.columns
	{
	    width: 412px
	}
	.container .ten.columns
	{
	    width: 460px
	}
	.container .eleven.columns
	{
	    width: 508px
	}
	.container .twelve.columns
	{
	    width: 556px
	}
	.container .thirteen.columns
	{
	    width: 604px
	}
	.container .fourteen.columns
	{
	    width: 652px
	}
	.container .fifteen.columns
	{
	    width: 700px
	}
	.container .sixteen.columns
	{
	    width: 748px
	}
	.container .one-third.column
	{
	    width: 236px
	}
	.container .two-thirds.column
	{
	    width: 492px
	}
	/* Offsets */
	.container .offset-by-one
	{
	    padding-left: 48px
	}
	.container .offset-by-two
	{
	    padding-left: 96px
	}
	.container .offset-by-three
	{
	    padding-left: 144px
	}
	.container .offset-by-four
	{
	    padding-left: 192px
	}
	.container .offset-by-five
	{
	    padding-left: 240px
	}
	.container .offset-by-six
	{
	    padding-left: 288px
	}
	.container .offset-by-seven
	{
	    padding-left: 336px
	}
	.container .offset-by-eight
	{
	    padding-left: 384px
	}
	.container .offset-by-nine
	{
	    padding-left: 432px
	}
	.container .offset-by-ten
	{
	    padding-left: 480px
	}
	.container .offset-by-eleven
	{
	    padding-left: 528px
	}
	.container .offset-by-twelve
	{
	    padding-left: 576px
	}
	.container .offset-by-thirteen
	{
	    padding-left: 624px
	}
	.container .offset-by-fourteen
	{
	    padding-left: 672px
	}
	.container .offset-by-fifteen
	{
	    padding-left: 720px
	}
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px)
{ 
	.container
	{
	    width: 300px
	}
	.container .columns,
	.container .column
	{
	    margin: 0
	}
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column
	{
	    width: 300px
	}
	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen
	{
	    padding-left: 0
	}
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px)
{ 
	.container
	{
	    width: 420px
	}
	.container .columns,
	.container .column
	{
	    margin: 0
	}
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column
	{
	    width: 420px
	}
}
/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after
{
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after
{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after,
.clearfix:after
{
    clear: both
}
.row,
.clearfix
{
    zoom: 1
}
/* You can also use a <br class="clear" /> to clear columns */
.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


/* Table of Content
==================================================
    #Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
    
/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* #Font-Face
================================================== */
@font-face
{
    font-family: '"futura-pt",futura_mdmedium';
    src: url('assets/css/fonts/ftramd__-webfont.eot');
    src: url('assets/css/fonts/ftramd__-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/ftramd__-webfont.woff') format('woff'), url('assets/css/fonts/ftramd__-webfont.ttf') format('truetype'), url('assets/css/fonts/ftramd__-webfont.svg#"futura-pt",futura_mdmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
.side_hook
{
    position: relative;
    width: 100%;
    height: 100%;
}
.mobile-nav__callout
{
    display: none
}
.news ul li a
{
    color: #fff!important
}
/* Smaller than standard 999 (devices and browsers) */
@media only screen and (max-width: 959px)
{ 
	ul.nav li
	{
	    position: relative!important
	}
}
/* Tablet Portrait size to standard 999 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    

	.top-sec,
	.mid-sec,
	.bot-sec
	{
	    width: 97% !important;
	    margin-left: 0 !important;
	}
	.start div
	{
		width: 180px
	}
	.start div.first
	{
	    width: 140px
	}
	.start div h3
	{
	    font-size: 20px
	}
	.start div ul li a
	{
	    font-size: 13px
	}
	.top-sec h4
	{
	    font-size: 24px
	}
	.start div h4
	{
	    font-size: 18px;
	    line-height: 20px;
	}
	.nav li
	{
	    padding: 0;
	    margin-left: 18px;
	}
	.nav li:first-child
	{
		margin-left: 0;
	}
	.nav li a
	{
	    font-size: 13px;
	}
	.main-cont
	{
	    margin: 60px 0 30px 0
	}
	.slide
	{
	    right: 20px;
	    top: 20px;
	    width: 50%;
	}
	.side-nav
	{
	    width: 90%;
	    padding: 5% 5% 0 5%;
	}
	.cont-det
	{
	    margin-left: -8px;
	    width: 101%;
	    padding: 5%;
	}
	.mid-cont h2
	{
	    font-size: 26px
	}
	.mid-cont h6
	{
	    font-size: 17px
	}
	.pink ul li a
	{
	    font-size: 13px;
	    line-height: 18px;
	}
	.news ul li
	{
	    padding-bottom: 6px
	}
	.news ul li p
	{
	    width: 116px;
	    font-size: 13px;
	    line-height: 16px;
	}
	.news ul li span
	{
	    font-size: 12px
	}
	.mid-cont span img
	{
	    height: 225px !important
	}
	.mid-cont p
	{
	    padding-right: 20px
	}
	.mid-cont p.links
	{
	    text-align: left
	}
	.prog-blue ul li
	{
	    line-height: 24px
	}
	.tweet p em
	{
	    width: 145px
	}
	.wid-sec
	{
	    padding-top: 79px
	}
	.address p em
	{
	    width: 185px
	}
	.hide1,
	.hide
	{
	    display: none !important
	}
	.blog h3
	{
	    font-size: 34px
	}
	.sec
	{
	    margin-left: 25px !important;
	    margin-top: 80px !important;
	}
	.sec h4
	{
	    font-size: 16px;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    color: #0a3545;
	    line-height: 18px;
	    display: block;
	    padding-bottom: 10px;
	    padding-top: 20px;
	    font-weight: bold;
	}
	.sec p
	{
	    font-size: 12px;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    color: #0a3545;
	    line-height: 20px;
	}
	#next1
	{
	    top: 28%;
	    right: 35px;
	}
	#prev1
	{
	    top: 32%;
	    right: 52%;
	}
	.news ul li a
	{
	    color: #fff!important
	}
	ul.nav li
	{
	    position: relative!important
	}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767)
{ 
    
    .side_hook
    {
        position: relative;
        width: 100%;
        height: 100%;
    }
    
	.top-sec,
	.mid-sec,
	.bot-sec
	{
	    padding-left: 3% !important;
	    width: 97% !important;
	}
	.bot-sec2,
	.bot-sec3
	{
	    width: 97% !important;
	    margin-left: 0 !important;
	}
	ul.nav li
	{
	    position: relative!important
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px)
{ 
	.mid-sec
    {
	    background: #8ab49d;
    }
    .bot-sec
    {
	    background: #26637a;
    }
    .side_hook
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
	.logo
	{
	    margin-top: 10px !important
	}
	body
	{
	    background: none
	}
	.main-cont .container
	{
	    overflow-x: hidden;
	    width: 303px !important;
	}
	.hide
	{
	    display: block
	}
	.address p.brd
	{
	    border: none
	}
	.fot4
	{
	    padding-top: 25px
	}
	.fot1
	{
	    width: 32% !important
	}
	.fot2
	{
	    width: 40% !important
	}
	.fot3,
	.slide,
	.bot-sec1,
	.top-sec,
	.hideen,
	.rgt-top,
	.filter
	{
	    display: none !important
	}
	.slide1
	{
	    width: 100%;
	    display: block;
	    position: relative;
	    height: 200px;
	}
	ul.list
	{
	    padding: 0px 5%;
	    width: 90% !important;
	}
	ul.list li
	{
	    border: none
	}
	.bot-sec
	{
	    -moz-border-radius: 0 0 0 0;
	    border-radius: 0 0 0 0;
	    -webkit-border-radius: 0 0 0 0;
	    -o-border-radius: 0 0 0 0;
	    position: relative;
	    z-index: 1;
	    behavior: url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
	    padding-left: 0;
	}
	.mid-sec
	{
	    padding-left: 3%;
	    padding-right: 3%;
	    width: 94% !important;
	}
	.main-cont,
	.inner1-cont
	{
	    margin: 0 !important;
	    width: 101%;
	    overflow: hidden;
	}
	.start div.first
	{
	    width: 94% !important
	}
	.start div.first ul li
	{
	    width: 100%;
	    padding: 8px 0;
	    border-bottom: #adcbbb solid 1px;
	}
	.start div.first ul li.last
	{
	    border: none
	}
	.start div.first ul li a
	{
	    font-size: 20px;
	    font-family: '"futura-pt",futura_mdmedium';
	}
	.start div a.apply
	{
	    padding: 10px 5%;
	    line-height: 20px;
	    width: 96%;
	    font-family: '"futura-pt",futura_mdmedium';
	    font-size: 20px;
	    text-align: left;
	    margin-left: -3%;
	}
	.search
	{
	    float: left !important;
	    border: #000 solid 1px;
	    padding: 0 !important;
	    margin: 10px 0 10px 15px;
	    !important: ;
	}
	.search	input
	{
	    border: none;
	    outline: none;
	    width: 88px;
	    padding: 0 10px;
	    background: none;
	    : ;
	    display: block;
	    float: left;
	    height: 21px;
	    line-height: 21px;
	}
	.search button
	{
	    border: none;
	    outline: none;
	    width: 72px;
	    text-align: center;
	    text-transform: uppercase;
	    color: #86b6e0;
	    line-height: 21px;
	    height: 21px;
	    display: block;
	    float: left;
	    background: #021b31;
	    font-size: 11px;
	    font-family: '"futura-pt",futura_mdmedium';
	}
	.sec_mob
	{
	    display: block;
	    padding: 0 2%;
	}
	.sec_mob h4
	{
	    font-size: 22px;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    color: #0a3545;
	    line-height: 24px;
	    display: block;
	    padding-bottom: 10px;
	    padding-top: 20px;
	}
	.sec_mob p
	{
	    font-size: 14px;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    color: #0a3545;
	    line-height: 20px;
	}
	.sec_mob a.more
	{
	    float: right;
	    font-size: 12px;
	    font-family: Georgia, "Times New Roman", Times, serif;
	    color: #9d4e39;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.mid-sec
	{
	    padding-bottom: 0 !important
	}
	.main_content .container {
		background: #FFF;
	}
	.content p
	{
	    padding-right: 0
	}
	.start div a.apply span
	{
	    display: none !important
	}
	.side-nav,
	.mid-cont span,
	.show,
	.tweet,
	.nav-down
	{
	    display: none !important
	}
	.mid-cont h6
	{
	    font-size: 16px;
	    padding-bottom: 5px;
	}
	.mid-cont h2
	{
	    font-size: 24px
	}
	.mid-cont p.links
	{
	    margin-bottom: 12px
	}
	.wid-sec
	{
	    padding-top: 0;
	    margin: 0 !important;
	}
	.inner1-cont
	{
	    padding: 10px 0 0 0 !important
	}
	.hide1
	{
	    display: block
	}
	.content h4
	{
	    padding-top: 10px;
	    padding-bottom: 5px;
	}
	.news
	{
	    background: none;
	    margin: 0 !important;
	}
	.news h4
	{
	    color: #333333
	}
	.pink
	{
	    margin-top: 10px !important
	}
	.pink ul li a
	{
	    line-height: 26px
	}
	.news ul li,
	.news a.more
	{
	    color: #c15c2c
	}
	.news ul li p
	{
	    width: 84%
	}
	.prog-blue
	{
	    margin-top: 0 !important
	}
	.prog-blue,
	.pink
	{
	    -moz-border-radius: 7px;
	    border-radius: 7px;
	    -webkit-border-radius: 7px;
	    -o-border-radius: 7px;
	    position: relative;
	    z-index: 1;
	    behavior: url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
	}
	.grn
	{
	    display: block
	}
	.cotact
	{
	    display: block
	}
	.mobile-nav__callout
	{
	    display: block
	}
	.top-sec,
	.mid-sec
	{
	    padding-left: 3% !important;
	    width: 95% !important;
	}
	body
	{
	    overflow: visible
	}
	.slide1,
	#sliderhome1,
	#sliderhome1 li
	{
	    width: 100% !important;
	    display: block;
	    margin: 0 !important;
	    padding: 0 !important;
	}
	.bot-sec
	{
	    width: 100% !important;
	    padding: 0 !important;
	}
	.bot-sec2,
	.bot-sec3
	{
	    width: 96% !important
	}
	.start,
	.start div.first
	{
	    width: 100% !important
	}
	.address
	{
	    padding: 0 3%
	}
	.slide-dwn
	{
	    display: block;
	    top: 0;
	    right: 0;
	}
	.slide-dwn li
	{
	    width: 90%;
	    margin: 0 3%;
	    float: left;
	    border-bottom: #333 solid 1px;
	    padding: 0 2%;
	}
	.slide-dwn li a
	{
	    line-height: 24px;
	    font-size: 12px;
	    color: #fff;
	    display: block;
	    font-family: '"futura-pt",futura_mdmedium';
	    text-transform: uppercase;
	}
	.nav-down1
	{
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    background: #86b6e0;
	    border-top: #86b6e0 solid 3px;
	}
	#flip
	{
	    display: inline-block;
	    float: right;
	    margin-bottom: -36px;
	}
	#panel
	{
	    display: none
	}
	.side_hook > header .nav
	{
	    float: left;
	    clear: both;
	    position: absolute;
	    width: 75% !important;
	    padding: 2.5%;
	    height: auto;
	    margin-left: -120%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.side_hook .nav
	{
	    top: 13em;
	}
	.side_hook .nav li
	{
	    color: rgb(10, 53, 69);
	    display: block !important;
	    float: none;
	    padding: 0;
	    margin: 0;
	}
	.side_hook .nav li a
	{
	    color: rgb(10, 53, 69) !important;
	    border-bottom: 1px solid #ccc;
	    padding: 10px 0;
	}
	.main_content
	{
	    margin: 0;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .main_content
	{
	    margin-right: -140%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .side_hook .nav
	{
	    margin-left: 0%
	}
	.main-open .side_hook > header
	{
	    margin-left: 0
	}
	.nav-down1
	{
	    display: block !important
	}
	.acco ul li h5
	{
	    padding-left: 20px;
	    font-size: 13px;
	}
	.acco ul li h4
	{
	    font-size: 18px
	}
	.gal
	{
	    margin-top: 20px
	}
	.cal-cont h4
	{
	    padding-bottom: 20px
	}
	.cal-cont
	{
	    -moz-border-radius: 0;
	    border-radius: 0;
	    -webkit-border-radius: 0;
	    -o-border-radius: 0;
	    position: relative;
	    z-index: 1;
	    behavior: url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
	}
	.cal-cont ul
	{
	    width: 100% !important
	}
	.calender span
	{
	    display: block !important
	}
	.filter1
	{
	    display: block !important;
	    margin: 20px 0 !important;
	}
	.blog h3
	{
	    font-size: 36px
	}
	.blog
	{
	    min-height: 1px
	}
	.blog .main_content span img
	{
	    width: 100%;
	    height: auto;
	}
	.mid-cont2 span,
	.mid-cont span
	{
	    height: auto !important;
	    display: block !important;
	}
	.bio ul
	{
	    width: 94% !important;
	    padding: 0 3%;
	    margin: 20px 0 0 0 !important;
	}
	.bio
	{
	    margin-left: 0 !important;
	    width: 93% !important;
	}
	.fot2
	{
	    padding-left: 20% !important;
	    float: right !important;
	}
	.sec
	{
	    position: relative;
	    margin-left: 0 !important;
	}
	#sliderhome,
	#sliderhome1
	{
	    height: auto !important
	}
	.slide1
	{
	    min-height: 450px;
	    height: auto !important;
	}
	#sliderhome1 a
	{
	    color: #9d4e39 !important
	}
	footer
	{
	    overflow: hidden
	}
	.news ul li a,
	.news a.more
	{
	    color: #c15c2c!important
	}
	ul.nav li
	{
	    position: relative!important
	}
	ul.nav li ul li a
	{
	    padding: 5px;
	    font-size: 10px;
	}
	.foobar
	{
		 position: relative;
		 z-index: 500;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px)
{
    .side_hook
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    
	.col
	{
	    width: 40% !important;
	    padding-left: 5%;
	    padding-right: 5%;
	}
	#prev2
	{
	    position: absolute;
	    right: 3%;
	    top: 28%;
	    z-index: 999;
	}
	#next2
	{
	    position: absolute;
	    left: 3%;
	    top: 28%;
	    z-index: 999;
	}
	.news ul li,
	.news a.more
	{
	    color: #c15c2c;
	    !important : ;
	}
	ul#menu-main-navigation li > ul.sub-menu
	{
	    display: none!important
	}
	ul.nav li ul li a
	{
	    padding: 5px;
	    font-size: 10px;
	}
}
@media all and (max-width: 479px)
{ 
	.slide1
	{
	    min-height: 390px
	}
	.side_hook > header .nav
	{
	    float: left;
	    clear: both;
	    position: absolute;
	    width: 75% !important;
	    padding: 2.5%;
	    height: auto;
	    margin-left: -120%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.side_hook .nav li
	{
	    color: rgb(10, 53, 69);
	    display: block !important;
	    float: none;
	}
	.side_hook .nav li a
	{
	    color: rgb(10, 53, 69) !important;
	    border-bottom: 1px solid #ccc;
	}
	.main_content
	{
	    margin: 0;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .main_content
	{
	    margin-right: -140%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .side_hook .nav
	{
	    margin-left: 0%
	}
	.main-open .side_hook > header
	{
	    margin-left: 0
	}
	.news ul li a,
	.news a.more
	{
	    color: #c15c2c!important
	}
	ul#menu-main-navigation li > ul.sub-menu
	{
	    display: none!important
	}
}
@media all and (max-width: 320px)
{ 
    .side_hook
    {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    
	.main_content
	{
	    float: none
	}
	.slide1
    {
	    min-height: 390px
	}
	.side_hook > header .nav
	{
	    float: left;
	    clear: both;
	    position: absolute;
	    width: 75% !important;
	    padding: 2.5%;
	    height: auto;
	    margin-left: -120%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.side_hook .nav
	{
	    top: 14em;
	}
	.side_hook .nav li
	{
	    color: rgb(10, 53, 69);
	    display: block !important;
	    float: none;
	    padding: .5em;
	}
	.side_hook .nav li a
	{
	    color: rgb(10, 53, 69) !important;
	    border-bottom: 1px solid #ccc;
	}
	.main_content
	{
	    margin: 0;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .main_content
	{
	    margin-right: -140%;
	    -webkit-transition: 0.25s all ease-in;
	    -moz-transition: 0.25s all ease-in;
	    -ms-transition: 0.25s all ease-in;
	    -o-transition: 0.25s all ease-in;
	    transition: 0.25s all ease-in;
	}
	.main-open .side_hook .nav
	{
	    margin-left: 0%
	}
	.main-open .side_hook > header
	{
	    margin-left: 0
	}
	.news ul li a,
	.news a.more
	{
	    color: #c15c2c!important
	}
	ul#menu-main-navigation li > ul.sub-menu
	{
	    display: none!important
	}
}


/*
Theme Name: JHU Advanced 
Theme URI: http://advanced.jhu.edu/
Description: The themes for AAP 
Author: idfive
Version: 1.0
Tags: html5, responsive, clean, basic, semantic

*/

body
{
    line-height: 1.5
}
.ie img
{
    width: inherit; /* Make images fill their parent's space. Solves IE8. */
    max-width: 100%; /* Add !important if needed. */
    height: auto; /* Add !important if needed. */
}

#menu-footer-nav-1 li
{
    padding-bottom: .35em
}
.mid-cont .blog .columns.four ul
{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

/* Default Table */
table
{
    width: 100%;
    background: #fff;
    border: 1px solid #ADADAD;
    font-size: 12px;
    text-align: left;
    color: #333;
}
table tr td
{
    padding: 1em
}
table tr
{
    border-bottom: 1px solid #ADADAD
}
table tr td
{
    border-left: 1px solid #ADADAD
}
table tr.first.even
{
    background: #D5E6ED;
    font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
    font-weight: bold;
}
table tr.even
{
    background: #efefef
}
ul,
ol
{
    font-size: 14px
}
.mid-cont ul
{
    list-style-type: disc
}
.mid-cont ol
{
    list-style-type: decimal
}
.page-id-53 .subnav li,
.page-id-53 .grn li
{
    display: none
}
.page-id-53 .subnav li:first-child,
.page-id-53 .grn li:first-child
{
    display: block
}
.page-template-template-quick-facts-php ul li .blog p
{
    padding: 0 .75em
}
h1,
h2,
h3,
h4,
h5,
h6
{
    color: #333;
    font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
}
.mid-cont .blog ul,
.mid-cont .blog ol
{
    padding-bottom: 18px;
    margin-left: 1.25em;
}

.mid-cont .blog ol li > ol
{
    padding-bottom: 0px !important;
}

.mid-cont .blog ul li,
.mid-cont .blog ol li
{
    padding-bottom: .25em
}

.mid-cont .blog ul li span,
.mid-cont .blog ol li span
{
    height: auto!important
}

.mid-cont .blog h1
{
    font-size: 32px;
    padding: 0;
    padding-bottom: .5em;
}

.mid-cont .blog h2
{
    font-size: 20px;
    padding: 0;
    padding-bottom: .5em;
}

.mid-cont .blog h3
{
    font-size: 18px;
    padding: 0;
    padding-bottom: .5em;
}

.mid-cont .blog h4
{
    font-size: 16px
}

.mid-cont .blog h5
{
    font-size: 16px;
    padding: 0;
    padding-bottom: .5em;
}

.mid-cont .blog h6
{
    font-size: 16px;
    padding: 0;
    padding-bottom: .5em;
}

.mid-cont .blog p
{
    padding: 0 0 18px 0
}

.mid-cont .blog span
{
    height: auto!important
}

p.breadcrumbs
{
    margin-bottom: 0;
    padding-bottom: 0;
}

p.breadcrumbs a
{
	text-decoration: underline;
}

.prog-blue section
{
    padding: 10px
}

div.quickFactTbl
{
    margin-bottom: 18px
}

div.quickFactTbl table
{
    width: 100%
}

div.quickFactTbl table td
{
    padding: .25em;
    background: #fff;
}

div.quickFactTbl table tr
{
    border-bottom: 1px solid #ADADAD
}

div.quickFactTbl table tr td.tableFirstCol
{
    width: 40%;
    background: #14476c;
    color: #fff;
    font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
    font-weight: bold;
    padding-left: .75em;
    margin-right: 1em;
}
.essentialList
{
    overflow: hidden;
    width: 111%;
    margin-left: -10px;
    margin-bottom: 10px;
    padding-top: 8px;
    background: #23603f;
}
.essentialList li
{
    padding: 0 10px
}
/**
 * Homepage Image Slider 
 */
#sliderhome em
{
    background: #fff;
    -moz-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    margin-top: 2em;
    width: 62% !important;
    margin-right: 15px;
}
.ie #sliderhome em
{
    background: none!important
}
#sliderhome img
{
    width: 94%;
    margin-left: 1%;
    border: 10px solid #fff;
    /*background-color: rgb(68,68,68);*/ /* Needed for IEs */
    -moz-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    -webkit-box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    box-shadow: 0px 0px 5px rgba(68,68,68,0.6);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
    /* Safari */
    -webkit-transform: rotate(-3deg);
    /* Firefox */
    -moz-transform: rotate(-3deg);
    /* IE */
    -ms-transform: rotate(0deg);
    /* Opera */
    -o-transform: rotate(-3deg);
    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}
/**
 * Calendar
 * --------------------------------------------------------
 */
.ai1ec-calendar-toolbar span,
#ai1ec-calendar-view-container span
{
    height: auto !important
}
/**
 * Accordion
 * --------------------------------------------------------
 */
#accordion
{
    margin: 1em 0
}
#accordion .accordion-panel div
{
    font-size: 14px;
    line-height: 20px;
    padding: .5em 10px;
}
#accordion .four.columns
{
    width: 41%
}
#accordion .accordion-panel h3
{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #003764;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 35px!important;
    background: url(assets/images/inactive.png) left 2px no-repeat;
    cursor: pointer;
}
#accordion .accordion-panel.active h3
{
    background: url(assets/images/active.png) left 2px no-repeat
}
/**
 * No Child sidebar
 * --------------------------------------------------------
 */
.no_children .side-nav
{
    background: none
}
.no_children .program__callToAction
{
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -o-border-radius: 10px 10px 10px 10px;
}
/* ==========================================================================
  FIVE STEP ACCORDION
   ========================================================================== */
/* general ------------------ */
#fs_accordion
{
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}
#fs_accordion li
{
    margin-bottom: 0;
    padding-bottom: 0;
}
#fs_accordion li li
{
    margin-bottom: 0;
    padding-bottom: 1em;
}
/* header ------------------- */
.fs_header
{
    width: 100%;
    background: #D5E6ED;
    border-bottom: 1px solid #c1c1c1;
    cursor: pointer;
}
.fs_header a
{
    display: block;
    padding: 1em;
    padding-left: 2em;
    font-size: 1.25em;
    color: #333;
    text-decoration: none!important;
    font-weight: bold;
    background: url(assets/images/inactive.png) 10px 50% no-repeat;
}
#fs_accordion .active .fs_header a
{
    background: url(assets/images/active.png) 10px 50% no-repeat
}
.fs_header a span
{
    font-weight: normal;
    display: inline;
}
/* content --------------------- */
.fs_content
{
    padding: 1em;
    display: none;
}

.fs_content .steps_panel_nav
{
    padding: 1em 0
}
.fs_content .steps_panel_nav a
{
    padding: .5em;
    margin: .5em;
    background: #003764;
    color: #ccc;
    text-decoration: none;
    border-radius: 8px;
    text-decoration: none!important;
    font-weight: bold;
}
.address a
{
    color: #e6b658
}

/* =============================================================
 * Dropdowns
 * ============================================================= */
 
#menu-main-navigation
{
	margin: 0;
}

#menu-main-navigation .current_page_item a,
#menu-main-navigation .current-menu-item a
{
    color: #e6b658
}

/* Navigation Dropdown */
ul.nav li
{
    position: relative!important
}

ul#menu-main-navigation ul li a
{
    text-transform: none!important;
    font-family: Arial;
}

ul#menu-main-navigation li ul
{
    position: absolute;
    z-index: 99999;
    border-top: 1px solid #86b6e0;
    left: 0;
    display: none;
}

ul#menu-main-navigation li ul.menu-expanded,
ul#menu-main-navigation li div.megamenu-panel.menu-expanded
{
display:block;
}

ul#menu-main-navigation li ul.sub-menu.first-item
{
    background: #014379;
    overflow: hidden;
}

ul#menu-main-navigation li ul.sub-menu.first-item  li.first-item{
    padding-top: 15px;
    background: url('http://advanced.jhu.edu/wp-content/uploads/2013/03/nav-arrow.png') no-repeat 40% -2px;
}


ul#menu-main-navigation ul ul
{
    left: 100%;
    z-index: 99999;
}

ul#menu-main-navigation ul ul
{
    z-index: 99999;
}

ul#menu-main-navigation ul li a
{
    border-bottom: 1px dotted #fff;
    color: #fff !important;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.4em;
    padding: 5px;
    width: 168px;
    display: block;
}

ul#menu-main-navigation ul li.current_page_item a
{
    color: #e6b658!important;
}

ul#menu-main-navigation ul li
{
    padding: 0;
    margin: 0;
}

ul#menu-main-navigation ul li:hover > a,
ul#menu-main-navigation ul li:hover > a,
ul#menu-main-navigation  li a:focus
{
    background: #003764;
    color: #e6b658!important; 
    text-decoration: none;
}
ul#menu-main-navigation ul li:hover > a,
ul#menu-main-navigation  a:focus
{
    background: #003764; /* Show a solid color for older browsers */
    color: #fff;
}
ul#menu-main-navigation li:hover > ul
{
    display: block;
}


ul#menu-main-navigation ul li.current_page_item a,
ul#menu-main-navigation .current_page_ancestor > a
{
    color: #e6b658!important;
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title ul.sub-menu li.current_page_item {
 background: #164770!important; 
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title ul.sub-menu li.current_page_item a {
    color: #e6b658!important;
}
 
/* =============================================================
 * Megamenu
 * ============================================================= */
 
.mega-menu .megamenu-panel
{
    position: absolute;
    width: 940px;
    background: #014379;
   /* background: url('http://advanced.jhu.edu/wp-content/uploads/2013/03/nav-dd-bg.png'); */
    left: -97px;
    z-index: 99999;
    padding-top: 0;
    display: none;
}

ul#menu-main-navigation li ul.sub-menu.mega-wrapper  {
    overflow: hidden;
    background: url('http://advanced.jhu.edu/wp-content/uploads/2013/03/nav-arrow.png') no-repeat 175px -2px;
}

ul#menu-main-navigation li .megamenu-panel ul.sub-menu.first-item li.first-item
{
    background: none!important;
}

/*.mega-menu:hover .megamenu-panel {
    display: block;
} */

.mega-menu.active .megamenu-panel {
    display: block;
}

.mega-menu .megamenu-panel .sub-menu
{
    display: block!important; 
    float: none;
    position: relative!important;
}

.mega-menu .megamenu-panel ul 
{
    left: 0!important;
    border: none;
}

.mega-menu .megamenu-panel li
{
    float: none;
}

.mega-menu .megamenu-panel li a 
{
    width: auto!important;
    padding: 5px!important;
    background: none!important;
    border: none!important;
}
 
.mega-menu .megamenu-panel li.mega-menu-title
{
    width: 205px!important;
    display: block;
    float: left;
    padding: 15px!important;
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title a 
{
    color: #8db99e!important;
    border-bottom: 2px solid #8db99e!important;
    font-size: 16px;
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title ul.sub-menu a
{
    font-family: Arial!important; 
    color: #fff!important;
    border-bottom: 1px dotted #fff!important;
    font-size: 12px;
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title ul.sub-menu li:hover 
{
   background: #003764;
}

ul#menu-main-navigation .mega-menu .megamenu-panel li.mega-menu-title ul.sub-menu a:hover
{
  color: #e6b658!important;
}

@media only screen and (min-width: 768px) and (max-width: 959px) 
{
    .mega-menu .megamenu-panel 
    {
        width: 750px;
        left: -87px;
    }
    
    #menu-main-navigation
    {
        margin-top: .35em;
    }
    
    .main_content .container .inner1-cont
    {
        min-height: 700px;
    }
    
    ul#menu-main-navigation li ul.sub-menu.mega-wrapper 
    {
        overflow: hidden;
        background: url('http://advanced.jhu.edu/wp-content/uploads/2013/03/nav-arrow.png') no-repeat 135px -1px;
    }
    
    .mega-menu .megamenu-panel li.mega-menu-title
    {
        width: 220px!important;
    }
    
}

@media only screen and (max-width: 767px)
{
    .mega-menu.active .megamenu-panel {
        display: none;
    }
}

/* C forms ============================*/
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
/* @import "calendar.css"; */

.cform { 
    margin:10px auto 0 auto; 
	width: 410px; 
}

.cform fieldset	{ 
	margin-top:10px; 
	padding:5px 0 15px 0; 
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend { 
	margin-left:10px;
	padding: 0 2px; 
	font:normal 20px Times;
	color:#666666;
    max-width: 410px;
    font-size: 15px!important; 
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
        list-style-type: none;
}

ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important;
	padding: 5px 0; 
	text-align:left;
	line-height:1.3em;
        border-bottom: 1px solid #ccc; 
}

ol.cf-ol li.cf-box-title {
    border: none;
    padding: 0!important;
    margin: 0;
}

/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	letter-spacing:1px;
	margin:10px 0pt !important;
	padding:5px 0pt;
	text-align:left;
        font-size: 12px;
}
ol.cf-ol li.textonly p {
font-size: 12px;
color: #333; 
}
ol.cf-ol li.textonly ol{
        font-size: 12px!important;
        list-style: decimal; 
  
}
     

/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width: 140px;
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
       font-size: 12px;
}

.cform label span {
	width: 91%; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label[for=cf5_field_7].cf-after, label[for=cf3_field_8].cf-after  	{
	margin: 4px 15px 0pt 6px;
text-align: left;
width: 62%;
margin-bottom: 1em;
}

label.cf-after 	{
	margin: 4px 15px 0pt 6px;
text-align: left;
width: 88%;
margin-bottom: 1em;
}

label.cf-after span {
	width:100%;
	display:block;
}

label.cf-group-after {
	margin:3px 4px 0 2px;
	width:120px;
	text-align:left;
}
label.cf-group-after span {
	width:100%;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#CEDDDF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:150px; 
}
.cform select {
	width:158px; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 50px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
color: red;
font-size: 10px;
font-family: arial;
display: block;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	margin: 10px 0 0 5px;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}
div.waiting {
	background:#F9F9F9;
	color:#AAAAAA;
	display:block;
}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}
.linklove {
display: none;
 }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


/* Landing Page Modal */

.is-hidden, .more-info-modal.is-hidden {
    visibility: hidden;
}

.shade {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
}

.more-info-modal {
    background: #fff;
    visibility: visible;
    top: 100px;
    left: 50%;
    margin-left: -300px;
    width: 520px;
    x-background: #eee url(/playground/playground/jquery-modal-plugin/modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
    z-index: 9999;
}

.more-info-modal h1 {
    font-size: 24px;
}

.btn.ldpg-btn {
    padding: 0 20px; height: 40px; vertical-align: middle; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    background: #e6b658;
    text-decoration: none!important; 
    font-size: 18px; 
    text-transform: uppercase;
    font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
}

.gfg { line-height: 1.5!important; }

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .more-info-modal {
        width: 400px;
        margin-left: -240px;
    }
}
@media only screen and (max-width: 480px) {
   .more-info-modal {
        width: 300px;
        margin-left: -190px;
    }
    .more-info-modal .cform {
        width: 290px;
    }
    .more-info div.cf_info {
        width: 100%;
    }
}

/* Click-to-Chat, Request Info, Share This */
.page-template-template-program-php .wid-sec,
.page-template-template-program-c2c-php .wid-sec,
.page-template-template-non-credit-php .wid-sec,
.single-post .wid-sec {
    margin: 0 -10px 0 0!important;
    float: right!important;
    padding-top: 25px;
}
/* Click-to-Chat */
.click-to-chat {
	display: block;
	max-width: 135px;
	max-height: 25px;
	padding: .3em .8em;
	
}

/* Share this */
.share-this {
	width: 190px;
	margin-bottom: 1em;
	border-bottom: 1px solid #c3c7ca;
}

@media screen and (max-width: 600) {
	.share-this {
		width: 100%;
	}
}

.requestinfo_button {
	display: block;
	max-width: 102px;
	padding: .25em 1em;
	margin: 1em;

	background: #deebf1;
	
	border: 1px solid #14476c;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #14476c;
	text-decoration: none;

	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.addthis_button {
	display: block;
	max-width: 102px;
	padding: .25em 1em;
	margin: 1em;

	background: #14476c;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;

	box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}
.atm-i {
    margin-top: 20px;
}

/* Foobar ----------------------------------------------------- */
.foobar {
	width:100%;
	padding: .5em;
	background: #e71817;
	font-family: Arial, sans-serif;
	font-weight: 600; 
	font-size: 15px;
	color: #fff;
    text-align: center;
}
.foobar a, .foobar a:visited {
    color: #ffffff;
}

.foobar p {
    text-align: center;
}

.foobar-container {
	max-width: 940px;
	margin: 0 auto;
}

/* AAP News feed ----------------------------------------------------- */

.pagination {
	text-align: center;
	font-size: 12px;
	font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
}

.eight.columns.blog .pagination a {
	text-decoration: none;
	display: inline-block;
	padding: 10px 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.eight.columns.blog .pagination a:hover {
	background: #eee;
}

.single-post .wid-sec,
.blog .wid-sec,
.category .wid-sec {
    margin: 0 -10px 0 0!important;
    float: right!important;
    padding-top: 25px;
}

.single-post .news,
.blog .news,
.category .news {
	margin-top: 0;
}

.news.events {
	background: #a70647;
}

.categories {
	text-transform: uppercase;
	font-weight: 700;
	font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
}

.categories ul {
	text-transform: none;
	font-weight: 400;
	padding: 0;
	margin-top: 5px;
}

.categories ul.children {
	margin: 0 0 0 10px;
}

.categories ul li {
	padding: 0;
	font-size: 13px;
}

.main_content .blog .byline,
.main_content .blog .posted-in {
	font-family: sans-serif;
}

.main_content .blog .byline {
	padding: 0;
	font-weight: 700;
}

.main_content .blog .posted-in {
	font-size: 12px;
}

.main_content .blog .posted-in a {
	text-decoration: none;
}

.main_content .blog .posted-in a:hover {
	text-decoration: underline;
}

.bd
{
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
}

.media {
	margin: 10px 0;
}

.media .img {
	float: left;
	position: relative;
	margin-right: 10px;
}
.media .img img {
	display: block;
}

.media .imgExt {
	float: right;
	margin-left: 10px;
}

.media .img .tag
{
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 5px;
	margin-left: -6px;
	z-index: 1000;
	background:#9d4e39;
	box-shadow:0 2px 5px #333;
	-moz-box-shadow:0 2px 5px #333;
	-webkit-box-shadow:0 2px 5px #333;
	-o-box-shadow:0 2px 5px #333;
	behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}

.media .img .tag:before
{
	display: block;
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #000 transparent transparent;
}

.bot-sec {
	padding-top: 35px;
}

.bot-sec h3 {
	font-size: 24px;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
	color: #fff;
}

.bot-sec .media {
	color: #fff;
	font-size: 12px;
}

.bot-sec .media h4 {
	font-size: 17px;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
	color: #fff;
	padding-bottom: 5px;
	line-height: 22px;
	font-weight: 300;
}

.bot-sec .media p {
	margin-bottom: 0;
}

.bot-sec .media a h4,
.bot-sec .media p {
	color: #fff;
	text-decoration: none;
}

.bot-sec .media a:hover
{
	text-decoration: none;
}

#news_section .latest-news ul li {
	border-top: 1px dotted #3f7689;
	padding-top: 10px;
	float: left;
	width: 48%;
	margin-right: 2%;
}

#news_section .seven.latest-news ul li
{
	float: none;
	width: auto;
	margin-right: 0;
}

#news_section .seven.latest-news ul li:first-child
{
	padding-top: 0;
	border-top: 0;
}

#news_section .latest-news ul:after {
	content: ".";
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

#news_section .latest-news ul li.odd
{
	clear: left;
}

#news_section .event {
	text-align: right;
}

#news_section .alt {
	clear: both;
	margin-right: 3%;
	padding-top: 7px;
	border-top: 1px dotted #3f7689;
}

#news_section .media:hover p.img > img
{
	opacity: .8;
	background: #000;
}

ul.home_event_list {
	padding-top: 0;
}

ul.home_event_list li p a {
	color: #fff;
	text-decoration: none;
}

ul.home_event_list li p a:hover {
	text-decoration: underline;
}

ul.home_event_list li {
	float: left;
	width: 47%;
	padding: 10px 0;
	margin: 0 3% 0 0;
	border: 0;
	border-top: 1px dotted #3f7689;
}

ul.home_event_list li:nth-child(2n+1) {
	clear: left;
}

ul.home_event_list li:nth-child(1),
ul.home_event_list li:nth-child(2) {
	border-top: transparent;
}

#news_section .event,
ul.home_event_list .event {
	margin-top: 0;
}

body.blog .mid-cont article {
	padding: 0;
	border-bottom:0;
}

.eight.columns.blog article+article {
	padding-top: 16px;
	border-top: 1px dotted #ccc;
}

.eight.columns.blog article h2 {
	font-size: 24px;
	padding: 0;
}

.eight.columns.blog article h2 a {
	text-decoration: none;
	color: #333;
}

.eight.columns.blog article h2 a:hover {
	text-decoration: underline;
}

.eight.columns.blog article img {
	float: left;
	margin: 0 20px 20px 0;
}

.eight.columns.blog article p.byline {
	font-size: 13px;
	margin: 5px 0;	
}

.eight.columns.blog article a.more {
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
	text-decoration: none;
}

.eight.columns.blog article a.more:hover {
	text-decoration: underline;
}

.single-ai1ec_event .wid-sec .news {
	display: none;
}

.button
{
	display: inline-block;
	background: #e6b658;
	text-transform: uppercase;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
	padding: 2px 5px;
	color: #fff;
	font-weight: 700;
	text-decoration: none !important;
	background-repeat: no-repeat;
}

.button:hover
{
	background-color: #959595;
}

.button.listen
{
	padding-left: 25px;
	background-position: 2px 5px;
	background-image: url(assets/images/button.listen.png);
}

.button.rss
{
	padding-left: 25px;
	background-position: 5px 5px;
	background-image: url(assets/images/button.rss.small.png);
}

.button.itunes
{
	padding-left: 25px;
	background-position: 5px 5px;
	background-image: url(assets/images/button.itunes.small.png);
}

.button+.button
{
	margin-left: 7px;
}

.dropdown a
{
	display: block;
}

.buttonset,
.buttonset ul,
.buttonset li
{
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

.buttonset > li
{
	display: inline-block;
	position: relative;
}

.buttonset > li+li
{
	margin-left: 7px !important;
}

.buttonset > li ul
{
	display: none;
	position: absolute;
	width: 100%;
}

.buttonset > li:hover ul
{
	display: block;
}

.buttonset ul a
{
	display: block;
	background: #d78f00;
}

/****** Gallery *******/

.mid-cont .blog .gallery
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.mid-cont .blog .gallery:after
{
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.mid-cont .blog .gallery .gallery-item
{
	position: relative;
	float: left;
	width: 220px;
	margin-right: 35px;
	margin-bottom: 35px;
	background: #14476c;
	padding: 0;
}

.mid-cont .blog .gallery .gallery-item:hover
{
	cursor: pointer;
}

.mid-cont .blog .gallery .gallery-item:hover .gallery-item--img
{
	opacity: .2;
}

.mid-cont .blog .gallery .gallery-item:hover .gallery-item--hovertext
{
	opacity: 1;
}

.mid-cont .blog .gallery .gallery-item > a
{
	text-decoration: none;
	display: block;
}

.mid-cont .blog .gallery .gallery-item--img
{
	display: block;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.mid-cont .blog .gallery .gallery-item--tease
{
	background: #fff;
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #eee;
	min-height:70px;
}

body .gallery-modal .gallery-item--img
{
	border-bottom: 6px solid #c98500;
	margin-bottom: 5px;
}

body .gallery .gallery-item--title,
body .gallery-modal .gallery-item--title
{
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
	line-height: 1.2;
}

body .gallery .gallery-item--subtitle,
body .gallery-modal .gallery-item--subtitle
{
	margin: 0;
	padding: 0!important;
	font-size: 14px;
	color: #000;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
}

.gallery-item--hovertext
{
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 70%;
	padding: 45% 15%;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	color: #fff;
	z-index: 10;
	opacity: 0;
	font-weight: 100;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
}

/*.gallery-item:hover .gallery-item--title
{
	color: #c98500;
} */

.gallery-modal
{
	display: none;
}

.gallery-modal .container
{
	width: auto;
}

.gallery-modal p
{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 14px;
	font-weight: 300;
}

.gallery-modal img
{
	max-width: 100%;
}

.gallery-modal--body
{
	padding-left: 19px;
	border-left: 1px solid #c98500;
}

.gallery-modal--body h2,
.gallery-modal--body h3
{
	font-weight: 700;
	font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 3px;
}

@media only screen and (max-width: 480px)
{
	.gallery-modal--body
	{
		padding-left: 0;
		border-left: 0;
		padding-top: 20px;
	}
}

/* Quick Facts Styling */
/* quickfacts container */
.qfCont
{
    margin-right: -10px!important;
}
/* quickfacts intro paragraph div/container */
.qfP
{
    width: 100%;
}
/* quickfacts intro paragraph */
.qfP p
{
    padding-bottom: 10px;
    width: 65.714286%;
}
/* quickfacts block/container for content */
.qfBlock
{
    margin-bottom: 20px!important;
}
/* quickfacts block h3 */
.qfBlock h3
{
    font-size:40px!important;
    font-family:"futura-pt",futura_mdmedium,futura,sans-serif;
    display:block;
    color:#333;
    padding:0 0 0 10px!important;
}
/* quickfacts block paragraph */
.qfBlock p { padding-bottom: 20px!important;}
/* quickfacts block/container for content w/no image or background */
.no_background
{
    padding-bottom: 0;
}
/* quickfacts image */
.qfImg
{
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    display: block;
    position:relative;
    z-index:1;
    behavior:url(http://advanced.jhu.edu/wp-content/themes/aap/assets/pie/PIE.htc);
}
/* quickfacts middle column */
.qfMid-col
{
    padding-left: 20px!important;
    padding-right: 20px!important;
}

/* Responsive styles for news feed */

@media only screen and (max-width: 959px) and (min-width: 768px) {

	.container .offset-by-one.latest-events {
		padding-left: 20px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.container .columns.latest-news,
	.container .columns.latest-events {
		width: auto;
		padding: 10px 20px;
	}
	
	.container .columns.latest-events {
		border-top: 1px solid #3f7689;
	}
	
	.container .columns.latest-events ul.list {
		padding: 0;
		width: 100% !important; /* To override important further up in the cascade */
	}
	
	.news.events {
		background: none;
		margin: 0 !important;
	}
	
	#news_section .latest-news ul li
	{
		float: none;
		width: auto;
		margin-right: 0;
	}
}

@media only screen and (max-width: 480px) {
	
	.container .columns.latest-events ul.list li {
		width: 100%;
		margin: 0;
	}
	
	ul.home_event_list li:nth-child(2) {
		border-top: 1px dotted #3f7689;
	}
	
}
/*-------------------------------------
TRIBE EVENTS STYLES
-------------------------------------*/

.tribe-events-single-event-title {
    font-size: 28px !important;
    color: #333 !important;
    font-family: "futura-pt",futura_mdmedium,sans-serif !important;
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
}

.single-event.links {
    color: #666 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    margin-bottom: 5px !important;
}

.tribe-events-event-meta .tribe-events-meta-group, .tribe-events-event-meta .column {
    /*float: left;*/
     width: 75% !important; 
     margin: 20px 0 20px 0 !important;
     padding: 0 !important;
    /*
    text-align: left;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;*/
}

.tribe-events-back {
    margin: 0 0 5px 0 !important;
    padding: 0 0 0 0 !important;
}

.single-tribe_events .tribe-events-event-meta {
    background: rgba(0,0,0,0) !important;
    border: 0px solid #eee !important;
    margin: 30px 0;
}

.tribe-events-back {
    float: right;
}

.btn {
    color: #333;
    text-shadow: 0 1px 1px #fff;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(top,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #c0c0c0;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -ms-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(top,#fff,#e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #d9d9d9;
    border-bottom-color: #c0c0c0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.btn.btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 14px;
}

.event-info {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4d4d4d;
    margin-bottom: 20px;
}

.event-info .info span {
    color: #aaa;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.event-details {
    font-family: Georgia,"Times New Roman",Times,serif;
    color: #4d4d4d;
    margin-bottom: 20px;
    margin-top: 20px;
}

.event-details .details {
    margin-bottom: 10px;
    font-size: 14px;
}

.event-details .details span {
    color: #333;
    font-family: "futura-pt",futura_mdmedium,futura,sans-serif;
    font-size: 20px;
    padding-bottom: 1em;

}

.event-header {
    font-size: 28px !important;
    padding-bottom: 10px !important;
}

.events-gridview .wid-sec {
    display: none;
}

.event-info .categories ul {
    margin-left: 0px;
}

.event-info .categories {
    clear: both;
}

.event-info .categories ul li {
    list-style-type: none;
    float: left;
    margin-bottom: 5px;
    margin-right: 7px;
    background-color: #DCDCDC;
    text-transform: uppercase;
    padding: 3px 5px;
    border-radius: 2px;
}

.event-info .categories ul li a {
    color: #676767;
    font-size: 0.8em;
}
.page-template-template-calendar-php .side-nav {
float: left;
}
.tribe_events {
	padding-top: 15px;
}


/* Making embedded videos responsive */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

/* background for dcenviromentalfimfest page */
body.page-id-96285 {
   background-image: url("http://advanced.jhu.edu/wp-content/uploads/2016/02/dcenviromentalfimfest_background-copy.jpg");
}