@charset "utf-8";
/* CSS Document */

/*GLOBAL
__________________________________________*/


/*Accordion*/
div#buttonDrop {
	width:450px;
	margin:0 0 30px 0;
}

button#thank {
    background-color:#DCDCDC;
    color: #444;
    cursor: pointer;
    padding: 8px 14px 8px 14px;
    border:2px;
	/*font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    text-align: left;
    outline: none;
    font-size: .9em;
	letter-spacing:0;
    transition: 0.4s;
}

button#thank:after {
    /*content: '\02795';*/
	content: "\2BC8";
    font-size: .9em;
    /*color: #777;*/
    float: right;
    margin-left: 0px;
}

button#thank.active:after {
    content: "\2BC6";
}
button#thank:hover {
	background-color:#8C8A8A;
	color:#FFFFFF
}

div.panel {
    /*background-color:#DCDCDC;*/
	background-color:rgba(214,214,214,0.48);
    max-height: 0;
    overflow: hidden;
	padding: 0 14px 0 14px;
    transition: max-height 0.4s ease-out;
}

div.panel p {
	color:#161616;
}


/*p.accordion {
	padding:9px 0 0px 0;
}
p.accordionFirst {
	padding:2px 0 0px 0;
}*/

.accordionLink {
	color:#FF0105;
	size:3em;
	text-decoration:none;
	margin:0px;
}

.accordionLink:hover {
	color:#F98E06;
}



html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}
html {
	box-sizing:border-box;
}
*, *:before, *:after {
	box-sizing:inherit;
}
img {
	border:0;
}
.main-wrap {
	position:absolute;
    top:0px;
    bottom:0px;
    width:100%;
}
.container {
	max-width:1176px;
	margin:0 auto 0px auto;
	/*padding-bottom:25px;*/
	background:#FFFFFF url(../images/mdccw_index_bkg.jpg) top -22px center no-repeat;
	background-size:1280px 411px;
	/*background-size:100% auto;*/
	/*background-color:#F0E80D;*/
	/*overflow:hidden;*/
}
.containerAlt {
	max-width:1176px;
	margin:0 auto 0px auto;
	padding:0;
	background:#FFFFFF;
	padding-bottom:25px;
	/*background-color:#E404DC;*/
}
.content {
    position:relative;
	height:100%;
    width:100%;
	margin:0;
	padding:0;
	/*background-color:#E9F703;*/
}
header {
	position:relative;
	width:100%;
	/*height:86px;*/
	height:67px;
	margin:0;
	padding:0 0 0 0px;
}
body {
	font:400 100%/130% 'Istok Web', sans-serif;
}
p {
	margin: 0 0 15px 0;
}
p.looser {
	font:400 100%/140% 'Istok Web', sans-serif;
}
p.resource {
	padding:0;
	margin:0;
	font-weight:700;
}
a {
    text-decoration: none;
}
a, a:active, a:focus {
outline: none;
}
h1 {
	font:400 170% 'Lora', serif;
	padding:0;
	margin:0;
	vertical-align: top;
}
h2 {
	font:400 140% 'Lora', serif;
	padding:0;
	margin:0;
}
h3 {
	font:400 165% 'Lora', serif;
	line-height:110%;
	padding:0;
	margin:20px 0 8px 0;
}
h3.firstHead {
	margin-top:0;
}
h4 {
	font:700 125% 'Istok Web', sans-serif;
	line-height:110%;
	text-transform:uppercase;
	padding:0;
	margin:36px 0 6px 0;
	color:#980609;
}
h4.slideshowHead {
	font:400 125% 'Istok Web', sans-serif;
	line-height:110%;
	text-transform:none;
	padding:0;
	margin:15px 0 10px 0;
	color:#000000;
}
h5 {
	font:700 120% 'Istok Web', sans-serif;
	line-height:110%;
	padding:0;
	margin:15px 0 3px 0;
}
h5.sub {
	padding:0;
	margin:0px 0 8px 0;
	line-height:110%;
}
h5 a {
	color:#000000;
	/*font-size:90%;*/
	font-size:90%;
}
.newsletter {
	color:#000000;
	font-size:105%;
}
h5 a:hover {
	text-decoration:underline;
}
a.link {
	color:#C10307;
	font-size:85%;
	font-weight:400;
}
a.link:hover {
	text-decoration:underline;
}
a.inlineLink {
	color:#C10307;
}
a.inlineLink:hover {
	text-decoration:underline;
}
p.resourceSource {
	font-size:90%;
	line-height:110%;
	margin:6px 0 0 0;
}
a.resourceLink {
	/*color:#077E11;*/
	color:#C10307;
}
a.resourceLink:hover {
	/*color:#C10307;*/
	text-decoration:underline;
}
.textNormal {
	font-weight:normal;
}
.reverseText {
	color:#FFFFFF;
}
.hidden {display:none;}
.clear {clear:both;}
.hidden {display:hidden;}
.show {display:none;}
ul {
	font:400 100%/130% 'Istok Web', sans-serif;
	list-style-type:square;
	list-style-position:outside;
	margin-left:0;
	padding:0 0 0 1em;
}
ul li ul {
	list-style-type:disc;
}
ul li ul li ul {
	list-style-type:circle;
}
ol {
	list-style-position:outside;
	padding:0 0 0 1.5em;
}
p + ul {
    margin-top: -10px;
}
h3 + ul {
    margin-top:0px;
}
h4 + ul {
    margin-top:0px;
}
h5 + ul {
    margin-top:0px;
}
h3 + ol {
    margin-top:0px;
}
h4 + ol {
    margin-top:0px;
}
h5 + ol {
    margin-top:0px;
}
.subNote {
	padding:0;
	margin:0;
}
.normalText {
	font-weight:400;
}








		
/*HEADER / NAVIGATION
__________________________________________*/


header h1 {
	position:absolute;
	bottom:10px;
	text-transform:uppercase;
	font-size:150%;
	line-height:105%;
	color:#FFFFFF;
	padding:0;
	margin:0 0 0 35px;
}
header.altHeader {
	background-color:#807b7a;
	height:67px;
}
h1 a {
	color:#FFFFFF;
}
h1 a:hover {
	color:#000000;
}
div#topBtns {
	position:absolute;
	/*height:86px;*/
	height:66px;
	top:0;
	right:35px;
	z-index:10;
}
/*button.headerBtn {
	bottom:0;
	width:70px;
	height:75px;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	background:url(../images/menu_btn.png) top 20px center no-repeat;
	background-size:43px 43px;
	border:0;
	margin:0px 0 0 0px;
}*/
button.headerBtn {
	bottom:0;
	color:#FFFFFF;
	cursor:pointer;
	display:inline-block;
	line-height:80%;
	letter-spacing:1px;
	/*background-color:transparent;*/
	background:url(../images/menu_btn.png) top 15px center no-repeat;
	background-size:43px 43px;
	border:0;
	padding:12px 12px 42px 12px;
	margin:0px 0 0 0px;
}
div.headerBtn {
	display:inline-block;
	color:#FFFFFF;
	cursor:pointer;
	line-height:80%;
	letter-spacing:1px;
	background-color:transparent;
	border:0;
	padding:14px 12px 11px 12px;
	margin:0px 0 0 18px;
}
button.headerBtn:hover {
	color:#FFFFFF;
	background-color:#C3080B;
}
button.headerBtn a {
	color:#FFFFFF;
	/*font-size:108%;*/
}

div#topMenu {
	position:absolute;
	/*height:86px;*/
	height:70px;
	top:0;
	right:0px;
	background-color:#1A2B8F;
}

div.headerBtn:hover {
	color:#FFFFFF;
	background-color:#C3080B;
}
div.headerBtn a {
	color:#FFFFFF;
	font-size:100%;
}
.headerBtn {
	font-size:90%;
}
button#close {
	/*display:block;*/
	position:relative;
	width:100%;
	border:0;
	right:0;
	font-size:75%;
	/*font-weight:700;*/
	letter-spacing:1px;
	line-height:60%;
	text-align:right;
	color:red;
	border:0;
	margin:0;
	padding:0 15px 0 0;
	cursor:pointer;
	background-color:#eee;
}
button#close:hover {
	color:#000000;
}
hr {
	border:0;
	/*width:100%;*/
	color: #FFF;
	background-color:#FFFFFF;
	height: 5px;
	padding:0;
	margin:7px 0 0 0;
}



/*DROPDOWN MENU
__________________________________________*/

/*Accordion*/

nav.mainNav {
	display:none;
	position:absolute;
	top:0px;
	right:35px;
	width:230px;
	z-index:100;
	-moz-box-shadow: 4px 4px 20px #333;
	-webkit-box-shadow: 4px 4px 20px #333;
	box-shadow: 4px 4px 20px #333;
}
#closeText {
	/*padding:5px 0 5px 0;*/
	margin:14px 0 10px 0;
}
p.sublist {
	padding:0;
	margin:0;
}
div#dropddown {
	position:absolute;
	background-color: #eee;
}
button.accordion {
    background-color: #eee;
    color:#444;
    cursor: pointer;
    padding: 5px 5px 5px 8px;
	margin:0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 80%;
	letter-spacing:1px;
    transition: 0.4s;
}
button.accordion.bkgList.reports {
    background-color: #CDCCCC;
}

button.accordion:hover {
    background-color:#D13A3D;
	color:#FFF7F7;
}
button.accordion.bkgList.reports:hover {
    background-color:#D13A3D;
	color:#FFF7F7;
}
button.accordion.active {
    background-color:#4D4C4C;
	color:#FFF7F7;
}
button.accordion.bkgList.reports.active {
    background-color:#4D4C4C;
	color:#FFF7F7;
}
button.accordion.active:after {
    content: "\25BC"; /* Unicode character for "minus" sign (-) */
}

button.accordion:after {
	content: '\25B6'; /* Unicode character for "plus" sign (+) */
    font-size: 90%;
    float: right;
    margin-left: 0px;
}
button.active /*button.static:hover*/ {
    background-color:#D13A3D;
	color:#FFF7F7;
}
div.panel {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel p {
	font-size:0;
}
div.panel a {
	font-size:11px;
	color:#444;
	background-color:#FFFBFB;
	display:block;
	padding:1px 0 1px 20px;
	margin:0;
}
div.panel a:hover {
	color:#FFFFFF;
	background-color:#D13A3D;
}

div#dropdown a.static:nth-child(even) {
	background-color:#CDCCCC;
}
div#dropdown a.static:nth-child(even):hover {
	background-color:#D13A3D;
}

/*ANCHOR INSTEAD OF BUTTON 
__________________________________________*/

a.static {
    display:block;
	background-color:#eee;
    color: #444;
    cursor: pointer;
    padding: 5px 5px 5px 8px;
	/*padding: 5px 0 5px 0;*/
	margin:0;
    /*width: 100%;*/
    border: none;
    text-align: left;
    outline: none;
    font-size: 80%;
	letter-spacing:1px;
	line-height:120%;
    transition: 0.4s;
}

a.static:hover {
    background-color:#D13A3D;
	color:#FFF7F7;
}

a.listItemHide {
	display:none;
}


/*BANNER SECTION
__________________________________________*/

section#banner {
	position:relative;
	width:100%;
	height:322px;
	padding:30px 0 0 35px;
	margin:0;
	/*background-color:#F56401;*/
}
section#bannerAlt {
	position:relative;
	width:100%;
	height:155px;
	background:url(../images/mdccw_alt_bkg.jpg) top -30px left no-repeat;
	background-size:1176px 195px;
	padding:0;
	margin:0;
	/*background-color:#62E710;*/
}
section#bannerAlt h2 {
	color:#FFFFFF;
	font-size:210%;
	line-height:95%;
	padding:35px 0 0 0;
	margin:0px 0px 10px 330px;
}
section#bannerAlt h2.threeTierSub {
	color:#FFFFFF;
	font-size:210%;
	line-height:95%;
	padding:15px 0 0 0;
	margin:0px 0px 10px 330px;
}
section#bannerAlt p {
	color:#FFFFFF;
	font-size:85%;
	line-height:145%;
	padding:0;
	margin:0 0 0 330px;
}
section#bannerAlt a {
	color:#FFFFFF;
}
section#bannerAlt a:hover {
	/*color:#10AD09;*/
	color:#7FEF7E;
}
a#nccwLink {
	display: block;
	width: 236px;
	height: 86px;
	background: url(../images/nccw_link.png) bottom center no-repeat;
	text-indent: -99999px;
}
a#nccwLink:hover {
	background-position: top;
}
a#heraldLink {
	display: block;
	width: 151px;
	height: 82px;
	background: url(../images/herald_link.png) bottom center no-repeat;
	text-indent: -99999px;
}
a#heraldLink:hover {
	background-position: top;
}
a#relavantLink {
	display: block;
	width: 135px;
	height: 61px;
	/*margin:62px 0 0 0;*/
	background: url(../images/relavant.png) bottom center no-repeat;
	text-indent: -99999px;
}
a#relavantLink:hover {
	background: url(../images/relavant_on.png) bottom center no-repeat;
}
a#facebookLink {
	display: block;
	width: 137px;
	height: 41px;
	/*margin:62px 0 0 0;*/
	margin:8px 0 0 0;
	background: url(../images/facebook.png) bottom center no-repeat;
	text-indent: -99999px;
}
a#facebookLink:hover {
	background: url(../images/facebook_on.png) bottom center no-repeat;
}
div#newsletterLink {
	position:absolute;
	right:45px;
	bottom:0px;
}
div#newsletterLink a {
	font-size:105%;
}
div#newsletterLink a:hover {
	/*color:#4BC400;*/
	color:#83D358;
	text-shadow: 2px 2px 2px #000000;
} 
h2#notice {
	color:#930306;
	font-weight:700;
	line-height:105%;
}





/*INFORMATION SECTION
__________________________________________*/

section#infoContainer {
	position:relative;
	width:100%;
	min-height:218px;
	margin:0;
	padding:0px 0 0 35px;
	background:url(../images/rosary.jpg) top center no-repeat;
	background-size: 401px 218px;
	/*background-color:#EF393C;*/
}
section#infoContainerAlt {
	/*position:relative;*/
	width:100%;
	min-height:380px;
	margin:0;
	padding:0;
	/*clear:both;*/
	/*background-color:#7277D0;*/
	background:url(../images/rosary_alt.jpg) top left 20px no-repeat;
	background-size: 243px 218px;
	overflow:auto;
}
div#info {
	width:50%;
	float:left;
}
div#info p {
	vertical-align:top;
	padding:24px 60px 0 0;
	margin:0;
}
/*div#altInfoColLeft {
	width:288px;
}
div#altInfoContent {
	max-width:888px;
	margin:0 0 50px 0;
	padding:25px 45px 0px 62px;
	position:absolute;
	top:0px;
	left:288px;
}*/
div#altInfoColLeft {
	width:330px;
	/*background-color:#D5E80D;*/
	float:left;
}
div#altInfoContent {
	
	width:calc(100% - 330px);
	margin:0;
	padding:0 40px 0 0;
	float:left;
	/*background-color:#E85558;*/
	overflow:visible;
}
div#colOne {
	width:48%;
	float:left;
	/*padding:0 20px 0 0;
	margin:0;*/
}
div#colTwo {
	width:48%;
	float:right;
	padding:0;
	margin:0;
	/*background-color:#D75255;*/
}

div#vicariates {
	clear:both;
}
div.reportDownloads a {
	color:#000000;
}
div#worksList {
	width:450px;
}
div#worksList p {
	font-size:95%;
	line-height:110%;
	padding:0;
	margin:0 0 5px 0;
}
div#altFooterBox {
	position:absolute;
	width:288px;
	height:133px;
	color:#FFFDFD;
	background-color:#a81e22;
	padding:10px 15px 0px 0;
	bottom:7px;
	left:0px;
}
div#altFooterBox div {
	position:absolute;
	bottom:5px;
	left:35px;
	z-index:250;
}
div#altFooterBox p {
	font-size:90%;
	line-height:130%;
	margin:0 0 15px 0;
	text-align:left;
}
div#altFooterBox p#allRightsRerved {
	font-size:80%;
}


/*INDEX PHOTO SHOW
_______________________________*/

/*#photoShow {
	width:375px;
	height:175px;
}
#photoShow div {
	position:absolute;
	z-index:0;
}
#photoShow div.previous {
	z-index:1;
}
#photoShow div.current {
	z-index:2;
}
*/

div#slideWrapper {
	width:375px;
	/*max-width:375px;*/
	/*background:#FFFFFF url(../images/mdccw_img1.jpg) top right no-repeat;*/
	margin:18px 0px 0 0;
	float:right;
	overflow:hidden;
}
button.closeSlideshow {
	display:inline-block;
	color:#000000;
	border:0;
	margin:0;
	padding:0 0 8px 0;
	cursor:pointer;
	background-color:#FFF;
	float:right;
	vertical-align: bottom;
}
button.closeSlideshow:hover {
	color:#B50205;
	cursor:pointer;
}
div.slideshow {
	display:none;
	padding-top:34px;
	clear:both;
} /*Container for all slideshows*/
div#slideshow {
	width:50%;
	float:right;
	/*background-color:#F81B1F;*/
}   /*individual slideshows*/
button.slideshowListItem {
	font:400 110%/110% 'Istok Web', sans-serif;
	color:#B10002;
	background-color:#FFFFFF;
	border:0;
	margin:0 0 5px 0;
}
.slideshowListItem:hover {
	text-decoration:underline;
	color:#353434;
	cursor:pointer;
}
#slideshowList {
	float:left; 
	width:40%; 
	margin-right:40px;
}



/*FOOTER
__________________________________________*/

footer {
	width:100%;
	font-size:80%;
	text-align:center;
	padding:15px 0 0px 0;
	margin:0;
	/*position:absolute;*/
	/*background-color:#D90D10;*/
	clear:both;
}
footer p {
	padding:0;
	margin:0;
}
footer#footerIndex {
	padding:0;
	margin:0;
}




/*CONTACT FORM
___________________________________*/


form#contactForm {
	margin:0;
}

form#contactForm {
	max-width:650px;
	padding:0 15px 0 0; 
}

h1#contactHd {
	padding:0 0 5px 3px;
}

ol#formContent {
	list-style-type:none;
	padding:0;
}

ol#formContent li{
	margin:6px 0 0 0;
	padding:0;
}

form#contactForm label {
	font-size:.8em;
	font-weight:700;
	padding: 0 0 0 4px;
}

form#contactForm input, textarea {
	width:99%;
	background-color:#FFFEF2;
	padding:10px 0px 10px 4px;
	margin:5px 0 10px 0;
	border:1px #CCC solid;
	border-radius:6px;
}

form#contactForm textarea {
	font:.9em 'Istok+Web', sans-serif;
	font-weight:400;
	color:#666;
	min-height:150px;
}

form#contactForm input:focus, textarea:focus {
	background-color:#FFF;
	outline: none;
    -webkit-box-shadow:0px 0px 6px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:0px 0px 6px 0px #ccc;  /* Firefox 3.5 - 3.6 */
 	box-shadow:0px 0px 6px 0px #ccc;  /* Opera 10.5, IE 9, Firefox */
}

form#contactForm input#submit {
	font-weight:700;
	color:#FFF;
	background-color:#232323;
	width:70px;
	height:34px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:0 5px 0 0;
	float:right;
}

form#contactForm input#submit:hover {
	background-color:#4B5C9C;
}

form#contactForm input#reset {
	font-size:.7em;
	font-weight:400;
	color:#666;
	background-color:#FFF;
	width:57px;
	height:25px;
	border:1pt solid #CCC;
	cursor:pointer;
	padding:0;
	margin:0;
	float:left;
	box-shadow:none;
}

form#contactForm input#reset:hover {
	font-weight:400;
	color:#000;
	background-color:#F0F0F0;
}

.alert {
	font-size:.8em;
}

.error {
	font-size:.7em;
	font-weight:700;
	text-transform:uppercase;
	color:#F00;
	padding:3px 0 0 4px;
}

div#formError {
	font-size:.8em;
	font-weight:700;
	text-transform:uppercase;
	color:#F00;
	padding:0 0 0 4px;
	line-height:200%;
}

.sent {
	font-size:.8em;
	font-weight:700;
	color:#03C;
	padding:0 0 0 4px;
}

::-webkit-input-placeholder {
   font-weight:400;
   color:#ADADAD;
}

:-moz-placeholder { /* Firefox 18- */
   font-weight:400;
   color:#ADADAD;  
}

::-moz-placeholder {  /* Firefox 19+ */
   font-weight:400;
   color:#ADADAD;  
}

:-ms-input-placeholder {  
   font-weight:400;
   color:#ADADAD;  
}

#required {
	font-size:.6em;
	padding:0 0 0 4px;
}





/*CALENDAR EVENT LIST
_________________________________________*/

div.eventDate {
	position:relative;
	width:90px;
	float:left;
	margin-right:0px;
	clear:left;
}
div.eventEntry {
	position:relative;
	width:calc(100% - 90px);
	margin:0 0 0px 0;
	float:left;
}
div.eventEntry p {
	margin:0 0 5px 0;
}
div.events {
	margin: 20px 0 0 0;
	padding: 0 0 0px 0;
}
div.events p.importantEvent {
	font-size:1.3em;
	font-weight:bold;
	color:#F70408;
}

div.events p{
	font-size:1em;
	padding:0;
	margin:0;
	clear:both;
}
h3.calEvents {
	padding:0px 0 6px 0;
}
a.events {
	font-size:100%;
	font-weight:700;
	color:#8F0205;
}







/*SCROLL BUTTON
_________________________________________*/


#myBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#0D4767;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}



/*SLIDESHOWS
____________________________________________*/

/*{box-sizing:border-box}*/

/* Slideshow container */


.slideshow-container {
	width: alc(100% - 330px);
	position: relative;
	margin: 0 auto;
}

.mySlides, .mySlides2, .mySlides3, .mySlides4, .mySlides5, .mySlides6, .mySlides7 {
	display: none;
}

/* Next & previous buttons */
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
}

/* Caption text */
/*.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}*/

/* Number text (1/3 etc) */
/*.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}*/

/* The dots/bullets/indicators */

.dot1, .dot2, .dot3, .dot4, .dot5, .dot6, .dot7, .dot8, .dot9 {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active, .dot1:hover, .dot2:hover, .dot3:hover, .dot4:hover, .dot5:hover, .dot6:hover, .dot7:hover, .dot8:hover .dot9:hover {
	background-color: #717171;
}



/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
  to {opacity: 1}
} 




/* Slideshow container */

* {box-sizing:border-box}

.slideshow-container {
	position:relative;
	max-width:960px;
	margin:0 auto 0 auto;
	padding:0;
	/*background-color:#E49E2A;*/
}

/*.mySlides {
	display:none;
}*/




/* Next & previous buttons */

a.prev, a.next {
	position:absolute;
	cursor:pointer;
	top:50%;
	color:#B7B7B7;
	font-size:30px;
	width:auto;
	margin-top:-30px;
	padding:16px 22px 16px 22px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	background-color:rgba(0,0,0,0.6);
}

/* Position the "next button" to the right */
a.next {
	right:0;
	border-radius: 3px 0 0 3px;
}
a.prev {
	left:0;
}


/* On hover, add a black background color with a little bit see-through */
a.prev:hover, a.next:hover {
	/*background-color:rgba(0,0,0,0.5);*/
	color:#212020;
	background-color:rgba(255,255,255,0.4);
}


/* Caption text */
/*.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}*/


/* The dots/bullets/indicators */

.dot {
	cursor:pointer;
	height:13px;
	width:13px;
	margin:10px 2px;
	background-color:#bbb;
	border-radius:50%;
	display:inline-block;
	transition:background-color 0.6s ease;
}

.active, .dot:hover {
	background-color:#717171;
}



/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
} 







/*MEDIA QUERY
__________________________________________*/

/* CSS Document */

/*@media only screen and (max-width: 1260px) {
	.main-wrap {
		background-color: #FFFFFF;
	}
}*/
/*@media only screen and (max-width: 1100px) {
	div#header h1 {
		width:400px;
	}
}*/
@media only screen and (max-width: 910px) {
	.main-wrap {
		width:890px;
	}
}
@media only screen and (max-width: 500px) {
	.main-wrap {
		position:absolute;
		width:100%;
		top:0px;
		bottom:0px;
		}
	.container {
		width:100%;
		background:#FFFFFF url(../images/mdccw_index_bkg-mobile.jpg) top left -220px no-repeat;
		background-size:750px auto;
		padding:0;
		}
	header {
		position:relative;
		width:100%;
		height:55px;
		margin:0;
		padding:0;
		background-color:#807b7a;
		}
	header.altHeader {
		height:55px;
		}
	header h1 {
		display:none;
	}
	h1.hidden {
		display:block;
		position:absolute;
		bottom:6px;
		margin:0 0 0 20px;
		padding:0 15px 0 0;
		text-transform:uppercase;
		font-size:112%;
		line-height:100%;
		color:#FFFFFF;
		white-space:nowrap;
	}
	h3 {
	font:400 140% 'Lora', serif;
	line-height:110%;
	padding:8px 0 5px 0;
	margin:0;
}
	h3.firstHead {
		padding:0 0 5px 0;
	}
	#contactBtn {display:none;}
	#mainNav {
		right:25px;
		top:55px;
	}
	h4 {
		font-size:110%;
	}
	h5 {
		font-size:108%;
		padding:0;
		margin:14px 0 4px 0;
	}
	div#topBtns {
		position:absolute;
		color:#FFFDFD;
		height:76px;
		top:55px;
		right:25px;
		z-index:10;
	}
/*	div.indexMenu {
		position:absolute;
		color:#FFFDFD;
		height:44px;
		top:66px;
		right:25px;
		z-index:10;
	}*/
	button.headerBtn {
		bottom:0;
		color:#0408D9;
		cursor:pointer;
		display:inline-block;
		line-height:80%;
		letter-spacing:1px;
		background:url(../images/menu_btn.png) top 16px center no-repeat;
		background-size:34px 34px;
		border:0;
		padding:10px 5px 35px 5px;
		margin:0px 4px 0 0px;
	}
	button.headerBtn:hover {
		color:#FFFFFF;
		background-color:#C3080B;
	}
	button.headerBtn a {
		color:#FFFFFF;
		font-size:70%;
	}
	div.headerBtn {
		bottom:0;
		color:#0408D9;
		cursor:pointer;
		display:inline-block;
		/*line-height:80%;*/
		letter-spacing:1px;
		background-color:transparent;
		border:0;
		padding:12px 5px 7px 5px;
		margin:0px 4px 0 0px;
	}
	div.headerBtn a {
		color:#FFFFFF;
		font-size:70%;
	}
	hr {
		border:0;
		color:#F43336;
		background-color:#FFFFFF;
		height: 4px;
		padding:0;
		margin:5px 0 0 0;
	}
	section#banner {
		/*height:120px;*/
		height:187px;
	}
	section#bannerAlt {
		height:100px;
		background:#63352e;
		margin:0;
		padding:0;
	}
	section#bannerAlt h2 {
		color:#FFFFFF;
		font-size:150%;
		line-height:100%;
		padding:42px 0 0 0;
		margin:0px 0px 0px 20px;
	}
	section#bannerAlt h2.threeTierSub {
		color:#FFFFFF;
		font-size:150%;
		line-height:100%;
		padding:42px 0 0 0;
		margin:0px 0px 0px 20px;
	}
	section#bannerAlt p {
		display:none;
	}	
	section#infoContainer {
		width:100%;
		margin:0;
		padding:0 12px 0 20px;
		background:#FFFFFF;
		min-height:180px;
	}
	section#infoContainerAlt {
		width:100%;
		margin:0;
		padding:0 12px 0 20px;
		background-image:none;
		min-height:150px;
	}
	div#info {
		width:100%;
		margin:0;
		padding:0;
	}
	div#info p {
		font-size:95%;
		line-height:120%;
		vertical-align:top;
		padding:10px 8px 0 0px;
	}
	div#info p.hidden a {
		font-size:80%;
		color:#000000;
	}
	div#info p.hidden a:hover {
		color:#4BC400;
	}
	div#altInfoColLeft {
		display:none;
	}
	p#infoColSpacer {
		display:none;
	}
	div#altInfoContent {
		position:static;
		width:100%;
		margin:0px 0 0 0;
		padding:0;
	}
	div#altInfoContent p {
		font-size:95%;
		line-height:120%;
		vertical-align:top;
		padding:0px 8px 0 0px;
	}
	div#colOne {
		width:100%;
		float:none;
		/*padding:0 20px 0 0;
		margin:0;*/
	}
	div#colTwo {
		width:100%;
		float:none;
	}
	div#colOne h3 {
		margin:20px 0 0 0;
	}
	div#colTwo h3 {
		margin:20px 0 0 0;
	}
	div#altFooterBox {
		display:none;
	}
	h2#notice {
		color:#930306;
		font-weight:700;
		font-size:100%;
		line-height:100%;
	}
	div#aside {
		margin:0;
	}
	a.listItemHide {
		display:block;
	}
	div#worksList {
		width:100%;
		font-size:85%;
	}
	footer {
		font-size:70%;
		padding:0 0 0 20px;
		margin:16px 0 0 0px;
		line-height:110%;
		text-align:left;
		height:auto;
	}
	footer#footerIndex p {
		padding-left:20px;
	}
	div#calendar {display:none;}
	a.events {display:none;}
	
	a.prev, a.next {
	  margin-top: -22px;
	  padding: 12px;
	  font-size: 20px;
	}
	.dot {
	  height: 10px;
	  width: 10px;
	  margin: 0 4px;
	}

	
	.normalText {font-size:80%;}
	a.link {font-size:80%;}
	div#slideWrapper {display:none;}
	.hidden {display:block;}
	.hide {display:none;}
	div.container {height:100%;}
	div.containerAlt {height:100%;}
	.show {display:block;}
	
	
	div#buttonDrop {
	display:none;
}
}



ol.nopad {
	margin:3px 0 10px 0;
	/*padding:0;*/
}