/* CSS Document */

#carousel
{
  position: relative;
}

#carousel div.innerWrapper
{
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#carousel ul
{
  display: block;
  height: 275px;
  /*left: 0;
  position: absolute;
  top: 0;*/
  width: 10000px; /* temp width until we calc exactly how many carousel items we have */
}

#carousel ul li
{
  background-color: #f7f8f8;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 108px;
  /*padding: 135px 10px 0 10px;*/
  padding: 135px 10px 33px 10px;
  position: relative;
  width: 280px;
}

#carousel ul li a
{
  bottom: 10px;
  position: absolute;
  right: 10px;
}

#events ul.wrapper
{
  display: block;
  min-height: 330px;
  position: relative;
}

#events ul.wrapper li
{
  float: left;
  margin-left: 1px;
}

#events ul.wrapper li a
{
  background-color: #f37021;
  color: #ffffff;
  display: block;
  font-size: 1.333em;
  line-height: 1.5em;
  padding: 0 0.5em;
  
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#events ul.wrapper li.active a, #events ul.wrapper li a:hover
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#events ul.wrapper li#coursesList ul li a
{
    padding: 0;
}

#events ul.wrapper li ul
{
  background-color: #ffffff;
  border-top: 1px solid #f37012;
  left: -10000px;
  min-height: 300px;
  padding: 10px 0 0 0;
  position: absolute;
  top: auto;
  width: 300px;
}

#events ul.wrapper li:hover ul, #events ul.wrapper li.active ul
{
  left: 0;
} 

#events ul.wrapper li:hover > a
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#events ul.wrapper li ul li
{
  display: block;
  float: left;
  width: 300px;
  padding: 0 0 10px 0;
}

#events ul.wrapper li ul li a
{
  background-color: #ffffff;
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  font-size: 1em;
  padding: 0 0 0 85px;
  
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#events ul.wrapper li ul li.all {
 
}

#events ul.wrapper li ul li.all a {
  color:#F37021;  
  padding:0; 
  font-style:italic;
  font-weight:bold;
  text-align:right;
}

#events ul.wrapper li ul li.all a:hover { 
  color:#005a96;
}

#events ul.wrapper li ul li.all a:hover {
  background-color:#ffffff; 
}  

#events ul.wrapper li ul li a span.dates
{
  color:#3e3e3e;
  display: block;
  font-size: 0.833em;
  
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#events ul.wrapper li ul li a span.title
{
  color: #f37021;
  display: block;
  font-size: 1em;
  line-height: 1.5em;
}

#events ul.wrapper li ul li a:hover
{
  background-color: #f7f8f8;
}

#events ul.wrapper li ul li a:hover span.dates
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#events ul.wrapper li ul li a:hover span.title
{
  color: #005a96;
}

/* Quick Links */

#quickLinks ul
{
  display: block;
  width: 300px;
}

#quickLinks ul li
{
  float: left;
  margin: 0 0 5px 0;
  width: 300px;
}

#quickLinks ul li a
{
  background-color: #005a96;
  color: #ffffff;
  display: block;
  font-size: 1.167em;
  line-height: 2em;
  padding: 0 10px;
  width: 280px;

  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

#quickLinks ul li a span
{
  background-image: url(../images/arrowWhiteRight.png);
  background-position: center right;
  background-repeat: no-repeat;
  padding: 0.25em 25px 0.25em 0;
}

#quickLinks ul li.orange a
{
  background-color: #f37021;
}

#quickLinks ul li a:hover
{
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

#partnerFeatures
{
  background-color: #f7f8f8;
  float: left;
  height: 210px;
  margin-right: 20px;
  overflow: hidden;
  padding: 20px 20px 19px 20px;
  width: 340px;
}

#partnerFeatures div.innerWrapper
{
  height: 230px;
  overflow: hidden;
  width: 340px;
}

#partnerFeatures ul
{
  display: block;
  height: 210px;
  width: 100000px;
}

#partnerFeatures ul li
{
  display: block;
  float: left;
  height: 210px;
  padding: 0 0 19px 0;
  width: 340px;
}

#partnerFeatures h2
{
  padding: 0 0 10px 0;
}

#partnerFeatures img
{
  display: block;
  float: left;
  width: 100px;
}

#partnerFeatures article
{
  display: block;
  float: left;
  padding: 0 0 0 10px;
  width: 230px;
}

#donate
{
  background-color: #f7f8f8;
  display: block;
  float: left;
  min-height: 250px;
  position: relative;
  width: 220px;
}

#donate a
{
  background-image: url(../images/donateLogo.jpg);
  background-position: center 15px;
  background-repeat: no-repeat;
  color: #f37021;
  display: block;
  height: 80px;
  font-size: 2em;
  line-height: 4.167em; /* 100px */
  padding: 160px 0 0 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

#donate a:hover
{
  color: #005a96;
}

#main ul 
{
  list-style: none;
}

section#carousel div.innerWrapper, section#partnerFeatures div.innerWrapper
{
  position: relative;
}

div.nav
{
  bottom: 0.5em;
  left: 0;
  position: absolute;
}

section#carousel div.nav
{
  left: 1em;
}

div.nav a
{
  background-color: #005a96;
  border-radius: 0.5em;
  color: #ffffff;
  font-size: 1.333em;
  font-weight: bold;
  margin: 0 0.5em 0 0;
  padding: 0 0.25em;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */