/* MCCP Website */
html, body {
  height: 100%; 
  padding: 0; 
  margin: 0;
  width:100%;
  background-image:url(http://mccpfoundation.org/uploads/image/template/repeat_main_bg.jpg);
  background-repeat:repeat-x;
  background-color:#5b97cd;
}

body * {
  padding: 0; 
  margin: 0;  
}

img {
  border:0;
}


#header {
  width:911px;
  height:140px;
  background-color:#FFFFFF;
    text-align:center;
  margin: 0 auto;
}

#logo {
  float:left;
  padding:15px 0 0 50px;
}
#util {
  float:right;
}

a:link {
  color:#3173af;
}

a:visited {
  color:#3173af;
}

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

h1 {
  font-weight:normal;

}

h2 {
        font-weight:normal;
margin-top:15px;

}

h3 {
  color: #0a4478;
  font-size:2em;
  font-weight:normal;
  margin: 0 0 10px 0;
}

h4 {
  color: #0a4478;
  font-size:1em;
  font-weight:bold;
  margin: 0 0 10px 0;
}

h5 {
  color: #000;
  font-size:1em;
  font-weight:bold;
  margin: 0 0 10px 0;
}

p {
  margin: 10px 0 5px 0;
  line-height:1.5em;  
}


/*---------------------------------------------------------
  Navigation Elements
---------------------------------------------------------*/
/* Primary Navigation */
#navPrimary {
  padding: 67px 0px 0px 0px;
  float:right;
  width: 520px;
  margin:0px; 
  font-family:Arial, Helvetica, sans-serif;
}

#navPrimary ul{
  list-style:none;
  height: 39px;
  float:right;
}

#navPrimary ul li {
  float:left;
  margin: 5px 0px 1px 4px;
}

#navPrimary ul li a {
  display:block;
  background:no-repeat top left;
  text-decoration:none;
  text-indent:-5000px;
  overflow: hidden;
  height: 39px;
}

#navPrimary ul li a:hover{
  display:block;
  background: no-repeat bottom left;

}

#navPrimary ul li.about a, #navPrimary ul li.about a:hover {
  background-image:url(http://mccpfoundation.org/uploads/image/template/nav_about.jpg);
  width:124px;
}

#navPrimary ul li.newsEvents a, #navPrimary ul li.newsEvents a:hover {
  background-image:url(http://mccpfoundation.org/uploads/image/template/nav_news.jpg);
  width:124px;
}

#navPrimary ul li.getInvolved a, #navPrimary ul li.getInvolved a:hover {
  background-image:url(http://mccpfoundation.org/uploads/image/template/nav_getInvolved.jpg);
  width:124px;
}

#navPrimary ul li.donate a, #navPrimary ul li.donate a:hover {
  background-image:url(http://mccpfoundation.org/uploads/image/template/nav_donate.jpg);
  width:124px;
}


/*----secondary nav -----*/
#navPrimary ul li ul {
  left: -999em;
  position:absolute;
  background: #FFF;
  width: 182px;
  list-style: none;
  line-height: 1em;
  z-index:9999;
}

#navPrimary ul li.about ul li, #navPrimary ul li.newsEvents ul li, #navPrimary ul li.getInvolved ul li, #navPrimary ul li.donate ul li {
  list-style:none;
  border: 1px solid #FFF;
  font-size: 0.85em;
  height:auto;
  margin:0;
  padding:0px;
  float:none;
  position:relative;  
  z-index:9999;
  
}

#navPrimary li:hover ul, #navPrimary li.nav-ie ul  {
  left: auto;
  height:auto;  
}

#navPrimary ul li.about ul li a, #navPrimary ul li.newsEvents ul li a, #navPrimary ul li.getInvolved ul li a, #navPrimary ul li.donate ul li a  {
  background-image:none;
  width: 160px;
  background-color:#4594d0;
  color: #FFF;
  display:block;
  text-indent: 0;
  padding: 10px;
  height: auto;
}


#navPrimary ul li.about ul li a:hover, #navPrimary ul li.newsEvents ul li a:hover, #navPrimary ul li.getInvolved ul li a:hover, #navPrimary ul li.donate ul li a:hover {
  background-image:none;
  background-color: #3d729a;
  display:block;
  text-indent: 0;
  padding: 10px;
  height: auto;
  width: 160px;
}




/*----tertiary nav-----*/
#navPrimary ul li ul li ul.nav-two {
  left: -999em;
  position:absolute;
  width: 182px;
  list-style: none;
  line-height: 1em;
  border-top: 1px white;
  height:auto;
  }


#navPrimary ul li ul li:hover ul.nav-two, #navPrimary ul li ul li.nav-ie ul.nav-two {
  left:180px;
  top:0px;
  }



/* Marketing Navigation */
#marketingNav {
  background-image:url(http://mccpfoundation.org/uploads/image/template/marketing_bg.jpg);
  background-repeat:no-repeat;
  width:911px;
  margin:20px 0px 10px 0px;
  padding-top:10px;
  height:40px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13.4px;
  }
.marketingNavInitLet {
  font-size:16px;
  color:#ffde01;
  font-weight:bold;
}
#marketingNav a {
  text-decoration:none;
  color:white;
  padding: 0px 30px 0px 30px;
  }
#marketingNav a:hover {
  text-decoration:underline;
  }

/*GLOBAL*/
.centerAlign {
  text-align:center;
  margin:0 auto;
  }
#mainWrapper {
  text-align:center;
  }
#wrapper {
  width:915px;
  margin: 0 auto;
  }

#firstTier {
  width:911px;
  padding-top:0px;
  }

#mainCallout, #mainCalloutTall {
  background-repeat:no-repeat;
  width:603px;
  margin: 0px 0px 20px 0px;
  float:left; 
  text-align:center;
}

#mainCallout {
  background-image:url(http://mccpfoundation.org/uploads/image/template/main_callout_bg.jpg);
  height: 257px;
}

#mainCalloutTall {
  background-image: none;
  height: 303px;
}

#galaCallout {
  float:right;
  padding-bottom:20px;
  z-index:1;
  position:relative;
  }

#vidIntro {
  position:relative;
  z-index:1;
}

#helpCallout {
  float:right;
  padding-bottom:20px;
  background-image:url(http://mccpfoundation.org/uploads/image/template/how_can_i_help.jpg);
  background-position:no-repeat;
  width:294px;
  height:237px;
}

#helpCallout p {
  color:#B02C14;
  font-family: arial;
  font-size: 12px;
  padding:50px 15pt 0pt 15px;
}
#container {
  
}
#secTier {
  background-image:url(http://mccpfoundation.org/uploads/image/template/sec_tier_bg.jpg);
  width:911px;
  height:217px;
  clear:both;
  background-repeat:no-repeat;  
  }
.secTierImg {
  float:left;
  padding:0px 10px 0px 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  }
#secTier a {
  color: #a8cef0;
  text-decoration:none;
  }
#newsEvents {
  height:140px;
  /*float:left;*/
  /*padding:40px 20px 20px 0px ;   
  margin-top:30px;*/
  width:950px;
  text-align:left;
}
#newsEventsContent{
  width: 420px;
  float: left;
  margin: 40px 20px 0 20px;
  /*clear: right;*/
}
#help, #director {
  height:140px;
  float:right;
  padding:10px 20px 20px 20px ; 
  margin-top:30px;
  width:400px;
  text-align:left;
}
#homeContent p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
}

.secTitle {
  color:#a8cef0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  line-height:16px;
  }

#thirdTier {  
  width:911px;
  height:161px;
  margin-top:20px;
  margin-bottom:20px;
  }

#sponsors {
  background-image:url(http://mccpfoundation.org/uploads/image/template/sponsors_bg.jpg);
  background-repeat:no-repeat;
  width:603px;
  height:161px; 
  float:left;
  }
#sponsorsWrapper {
        padding:15px;
        width:563px;
}
#sponsorFlash {
       padding-top:10px;
}
#featuredDr {
  float:left;
  clear:right;
        background-image:url(http://mccpfoundation.org/uploads/image/template/featured_provider.jpg);
  background-repeat:no-repeat;
        width:294px;
        height:162px;
        margin-left:14px;
}
#featuredDrWrapper {
        margin:15px 0px 15px 15px;
        width:160px;
        float:left;
}
#featuredDr p, #featuredDr a, #featuredDr font {
       font-family:Arial;
       font-size:12px;
       padding: 0px;
}
#featuredDr #featureImg {
       padding-top:20px;
       margin-right:5px; 
       width:99px;
       float:left;
} 

  


/* FOOTER STYLES */
#footerWrapper {
  background-color:#a54124;
  background-image:url(http://mccpfoundation.org/uploads/image/template/repeat_footer_bg.gif);
  background-repeat:repeat-x;
  color: #666666; 
  clear:left;
  width:100%;
}

#footer {
  padding-top:30px; 
  height:96px;
  width:911px;
  text-align:center;
  margin:0 auto;  
}
#footer p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#FFF;
  float:left; 
  }
#footer .copyright {
  color:#fff;
  text-align:left;
  float:left;
  clear:left;
  }

#footer a:link {
  color:#fff;
}

#footer a:visited {
}

#footer a:hover {
  color:#ccc;
}

#footer .ffaxLogo {
  float:left;
  width:200px;
  }
#footer .footerLink a:link{
  color:#FFF;
  }
#footer .footerLink a:visited{
  color:#FFF;
  }
#footer .footerLink a:hover{
  color:#ccc;
  }
  
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  visibility: hidden;
  letter-spacing:0px;
  font-size:25px;
}

.sIFR-hasFlash h2 {
        visibility: hidden;
  letter-spacing:0px;
  font-size:18px;
}

.sIFR-hasFlash h3 {
  visibility: hidden;
  letter-spacing:0px;
  font-size:35px;
}

.sIFR-hasFlash h4 {
  visibility: hidden;
  letter-spacing:0px;
  font-size:40px;
}

.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px;
}

.sIFR-hasFlash h2#sponsors {
  width:500px;
  font-size: 18px;
}



.clear{clear:both;}

img.right {
     float:right;
    padding:0px 0px 10px 10px;
}

img.left {
     float:left;
     padding:0px 10px 10px 0px;
}
#newsImage {
     float:right;
     width:210px;
     padding:0px 0px 10px 10px;
     margin: 10px 0px 10px 10px
}
p.caption {
  color:#91bade;
        font-size:.9em;
}