/* Executive Director, Inc. (EDI) Responsive Design v.1 (01/14) by Louis Nguyen */

/* Import stylesheets */
@import url('styles.css?version=2.10.2021');
@import url('jqueryslidemenu.css');

body {
	margin: 0;
    padding: 0;
	font: normal 100% Arial, Helvetica, sans-serif;
	background-color: #DAD9E9;
}

/* Link Styles - when setting the style for several link states, there are some order rules:
a:hover MUST come after a:link and a:visited
a:active MUST come after a:hover */

a {
	color: #4F426E;
	text-decoration: underline;
}

a:visited {
	color: #4F426E;
	text-decoration: underline;
}

a:hover {
	color: #B8B8EA;
	text-decoration: none;
}

a:active {
	color: #4F426E;
	text-decoration: underline;
}

#utilWrap {
    display: table;
    width: 100%;
    background: #B8B9E9 url('/images/template/bg-utility-bar.gif') repeat-x;
    border-bottom: 1px solid #7C76A2;
    height: 40px;
    text-align: right;
}

#utilWrap ul {
   margin:0;
   padding: 0;
   list-style-type: none;
   font: normal .8em Arial, Tahoma, Sans-serif;
   float: right;
}

#utilWrap li {
    display: block;
    float: left;
    margin: 5px 0 0 0;
    padding: 8px;
}

#utilWrap li a {
    color: #4E3F6A;
    text-decoration: none;
}

#utilWrap li a:hover {
    color:#A19BB7;
    text-decoration: none;
}

#searchWrap {
    display: block;
    margin: 0;
    padding: 8px 5px;
	float: right;
}

#socialWrap {
    position: relative;
    top: 60px;
}

#mainGrid {
	/* display: table; safari does not like */
	margin: 0px auto;
	width: 960px; /* 960px / 16px = 60em */
	background-color: #FFF;
	border-left: 1px solid #7C76A2;
	border-right: 1px solid #7C76A2;
	border-top: none;
	border-bottom: none;
	box-shadow: 1px 1px 10px #5A4F7A;
	-moz-box-shadow: 1px 1px 10px #5A4F7A;
	-webkit-box-shadow: 1px 1px 10px #5A4F7A;
	zoom: 1; /* must have this hack for the property below */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#5A4F7A', Direction=135, Strength=3);
}

header {
	width: 100%;
}

#header {
	display: table;
        width: 100%;
	background: #B8B9E9 url('/images/template/bg-header.gif') no-repeat;
	height: 155px;
}

#headerLeft {
        display: block;
        width: 375px;
		float: left;
        height: 155px;
}

#headerRight {
	display: block;
	width: 230px;
	float: right;
}

nav {
    width: 100%;
    background-color: #50436E;
}

#navWrap {
   display: table;
   width: 100%;
   border-top: 1px solid #7C76A2;
   background: #50436E url('/images/template/bg-nav.gif') repeat-x; 
}

#navWrap ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#navWrap li {
    display: block;
    float: left;
}

#navWrap li a{
	display: block;
        margin: 1px 0 0 0;
	padding: 15px 18px;
	color: #FFF;
	text-decoration: none;
}

#navWrap li a:hover{
    color:#E0CEB6;
    background: #50436E url('/images/template/bg-nav-over.gif') repeat-x; 
    text-decoration: none;
}

#homeGallery {
    height: 280px;
    clear: both;
    font: normal .75em Arial, Tahoma, Sans-serif;
    color: #302051;
}

#homeGallery_1 {
display: block;
float: left;
background: #50436E url('/images/template/bg-gallery.jpg') no-repeat;
width: 528px;
height: 278px;
margin: 0 1px 0 0;
}

#homeGallery_1a_content {
    width: 325px;
    padding: 10px 15px 10px 15px;
}

#homeGallery_1b_content {
    width: 290px;
    padding: 10px 0px 0px 15px;
}

#homeGallery_2 {
display: block;
float: left;
margin: 0 1px 0 0;
}

#homeGallery_3 {
width: 215px;
height: 278px;
display: block;
float: right;
background: #FFF url('/images/template/bg_btn-gallery.gif') no-repeat;
}

#homeGallery_3a img, 
#homeGallery_3b img {
width: 215px;
display: block;
float: right;
margin: 0 0 1px 0;
}

#homeGallery_3c img {
    display: block;
    float: right;
}

#homeGallery_3a img:hover {
	opacity: 0.1;           /* fx, safari, opera */
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.1;      /* khtml, old safari */
	-moz-opacity: 0.1;       /* mozilla, netscape */
}

#homeGallery_3b img:hover {
	opacity: 0.1;           /* fx, safari, opera */
	filter: alpha(opacity=10); /* internet explorer */
	-khtml-opacity: 0.1;      /* khtml, old safari */
	-moz-opacity: 0.1;       /* mozilla, netscape */
}

#homeGallery_3c img:hover {
	opacity: 0.1;           /* fx, safari, opera */
	filter: alpha(opacity=10); /* internet explorer */
	-khtml-opacity: 0.1;      /* khtml, old safari */
	-moz-opacity: 0.1;       /* mozilla, netscape */
}

#homeContent {
    width: 100%;
    display: table;
}

#homeContent_1, 
#homeContent_2, 
#homeContent_3 {
    display: block;
    float: left;
    width: 30.1%;
    padding: .9375em;
}


#homeContent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#homeContent li {
    display: block;
    padding: 10px 0;
    font: normal .9em Arial, Tahoma, Sans-serif;
    color: #565656;
    border-bottom: 1px solid #D4D3D9;
}

#homeContent li a {
    color: #565656;
    text-decoration: none;
}

#homeContent li a:hover {
    color: #0D8FE0;
    text-decoration: none;
}

#adContent {
    height: 150px;
    margin: 10px 15px;
}

#adPresident {
    float: left;
    display: block;
    width: 300px;
}

#adNominations {
    float: right;
    display: block;
    width: 609px;
}

#sectionWrap {
    width: 100%;
    background-color: #DDDCD8;
    font: normal .8em Arial, Tahoma, Sans-serif;
    line-height: 1.4em;
}

#sectionNav {
    display: block;
    float: left;
    width: 257px;
}

#sectionNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#sectionNav li {
    border-bottom: 1px dotted #51436F;
}

#sectionNav li a {
    display: block;
    text-decoration: none;
    padding: 10px 20px;
}

#sectionNav li a:hover {
    background-color: #B0A893;
    color: #FFF;
    text-decoration: none;
}

#sectionNav ul li ul {
   border-top: 1px solid #827861;
    margin: 0px 0 1px 0;
    font: normal .9em Arial, Tahoma, Sans-serif;
}

#sectionNav ul li ul li{
    background-color: #B0A893;
border: none;
}

#sectionNav ul li ul li a {
    display: block;
    text-decoration: none;
    padding: 8px 40px;
    color: #564B34;
    border-bottom: 1px dotted #564B34
}

#sectionNav ul li ul li a:hover {
    background-color: #B0A893;
    color: #4E3F6A;
    text-decoration: none;
}

#sectionContent {
    float: right;
    width: 70.625%;
    background-color: #FFF;
    min-height: 650px;
    padding: .9375em;
    border-left: 1px solid #7C76A2;
}

#sectionImg {
    display: block;
    border-bottom: 5px solid #BFB9A4;
    margin: 0;
    padding: 0;
    width: 257px;
    height: 171px;
}

#sectionFooterWrap {
	margin: 0;
	padding: 0;
}

#sectionFooterWrap_1 {
    height: 158px;
    width: 320px;
    float: left;
}

#sectionFooterWrap_2 {
    display: block;
    float: left;
    height: 158px;
    width: 320px;
}

#sectionFooterWrap_3 {
    display: block;
    float: right;
    height: 158px;
    width: 320px;
}

footer {
	display: table;
	width: 100%;
	height: 200px;
	background-color: #4F4B4C;
	margin: 0 auto;
	color: #FFF;
	padding: 1em 0;
	font: normal .8em Arial, Tahoma, Sans-serif;
}

footer a {
	color: #E2CEB6;
	text-decoration: none;
}

footer a:visited {
	color: #FFF;
	text-decoration: underline;
}

footer a:hover {
	color: #9B692C;
	text-decoration: none;
}

#footWrap {
    width: 960px;
    margin: 1.2em auto;
    color: #E2CEB6;
}

#footSponsor {
    width: 50%;
    float: left;
    margin: 0 1.8em 0 0;
    padding: 2em 1.2em;
    background-color: #3F3A3B;
    border: 1px solid #353132;
    border-radius: .5em;
	-moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
}

#footQuickLinks {
    width: 20%;
    float: left;
    margin: 0;
}

#footQuickLinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#footQuickLinks li {
    font: normal 1.2em Arial, Tahoma, Sans-serif;
    margin: 1.2em 0;
    padding: 0;
}

#footContact {
    width: 21.5%;
    float: right;
    line-height: 1.5em;
}


/* ========================= MEDIA QUERIES ============================ */
/* desktop ----------- */
@media only screen and (max-width: 1200px) {
}
/* tablet (landscape) ----------- */
@media only screen and (max-width: 1170px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  section.podcast .podcast-info .apple-icon, section.podcast .podcast-info .aaem-icon {
  display: none;
  }
section.podcast .podcast-info-mobile .apple-icon, section.podcast .podcast-info-mobile .aaem-icon {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 2.5em;
  }
.podcast-info-mobile {
  display: block;
  text-align: center;
  }
}
/* tablet (portrait) ----------- */
@media only screen and (max-width: 768px), only screen and (max-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    section.podcast .podcast-info .apple-icon, section.podcast .podcast-info .aaem-icon {
  display: none;
  }
section.podcast .podcast-info-mobile .apple-icon, section.podcast .podcast-info-mobile .aaem-icon {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 2.5em;
  }
.podcast-info-mobile {
  display: block;
  text-align: center;
  }
}
/* mobile phone (landscape) ----------- */
@media only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    section.podcast .podcast-info .apple-icon, section.podcast .podcast-info .aaem-icon {
  display: none;
  }
  section.podcast .podcast-info-mobile .apple-icon, section.podcast .podcast-info-mobile .aaem-icon {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 2.5em;
  }
.podcast-info-mobile {
  display: block;
  text-align: center;
  }
}
/* mobile phone (portrait)----------- */
@media only screen and (max-width: 375px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    section.podcast .podcast-info .apple-icon, section.podcast .podcast-info .aaem-icon {
  display: none;
  }
  section.podcast .podcast-info-mobile .apple-icon, section.podcast .podcast-info-mobile .aaem-icon {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  font-size: 2.5em;
  }
.podcast-info-mobile {
  display: block;
  text-align: center;
  }
}