/*Header of new Design*/

.navWrapper{
  float: right;	
  margin: -33px -2px 0 0;
}

.navigation {
  height: 46px;
  width: 620px;
  background-color: #bae9af;
  border-radius: 12px;
  float: left;
  position: relative;
  display: block;
  margin: 0;
}
.navigation a {
  float: left;
  background: url("../img/newDesign/green_menu.png") no-repeat 0 0;
  height: 47px;
  text-indent: -9999px;
}
.navigation ul {
  width: 490px;
  height: 46px;
  float: left;
}
.navigation ul li {
  display: inline-block;
  float: left;
}
.navigation a.aboutMenu {
  width: 87px;
}
.navigation a.aboutMenu:hover {
  background-position: 0 -61px;
}
.navigation a.howMenu {
  width: 113px;
  background-position: -87px 0;
}
.navigation a.howMenu:hover {
  background-position: -87px -61px;
}
.navigation a.studyMenu {
  width: 108px;
  background-position: -200px 0;
}
.navigation a.studyMenu:hover {
  background-position: -200px -61px;
}
.navigation a.competitionMenu {
  width: 125px;
  background-position: -308px 0;
}
.navigation a.competitionMenu:hover {
  background-position: -308px -61px;
}
.navigation a.voteMenu {
  width: 56px;
  background-position: -433px 0;
}
.navigation a.voteMenu:hover {
  background-position: -433px -61px;
}

.navigation .search {
  width: 114px;
  height: 23px;
  float: left;
  position: relative;
  margin: 11px 10px 12px 6px;
}

.navigation .search a {
  background: url("../img/newDesign/search_button.gif") no-repeat 0 0;
  display: block;
  float: left;
  position: relative;
  width: 29px;
  height: 23px;
  text-indent: -9999px;
  line-height: 23px;
}

.navigation .search input {
  background: url("../img/newDesign/search_bg.gif") repeat-x scroll 0 0 transparent;
    border-color: #5B5F5C #AAAEAB #AAAEAB -moz-use-text-color;
    border-radius: 0 4px 4px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    color: #6F7574;
    font-size: 10px;
    height: 21px;
    left: 29px;
    padding: 0 0 0 3px;
    position: absolute;
    width: 82px;
}

.campaign {
  height: 46px;
  width: 181px;
  border-radius: 12px;
  float: left;
  position: relative;
  display: block;
  margin: 0 10px 0 0px;
}

.campaign a {
  color: white;
  height: 46px;
  width: 182px;
  background: url("../img/newDesign/run_campaign.png") no-repeat 0 0;
  text-indent:-9999px;
  float:left;
}

.greycampaign {
  height: 46px;
  width: 181px;
  border-radius: 12px;
  float: left;
  position: relative;
  display: block;
  margin: -20px 10px 0 0px;
}

.greycampaign a {
  color: white;
  height: 46px;
  width: 182px;
  background: url("../springleap/images/run_campaign.png") no-repeat 0 0;
  text-indent:-9999px;
  float:left;
}

.greycampaign a:hover{
  background-position: 0 -56px
}

.greynavigation {
  height: 46px;
  width: 620px;
  border-radius: 12px;
  float: left;
  position: relative;
  display: block;
  margin: -20px -32px 0 0;
  border-radius: 12px 12px 12px 12px;
  background-color:#d0d0d0;
}

.greynavigation a {
  float: left;
  background: url("../img/newDesign/grey_menu.png") no-repeat 0 0;
  height: 47px;
  text-indent: -9999px;
}

.greynavigation ul li {
  display: inline-block;
  float: left;
}

.greynavigation .search {
  width: 114px;
  height: 23px;
  float: right;
  position: relative;
  margin: 11px 10px 12px 20px;
}

.greynavigation .search a {
  background: url("../img/newDesign/search_button.gif") no-repeat 0 0;
  display: block;
  float: left;
  position: relative;
  width: 29px;
  height: 23px;
  text-indent: -9999px;
  line-height: 23px;
}

.greynavigation .search input {
  background: url("../img/newDesign/search_bg.gif") repeat-x 0 0;
  border-top: 1px solid #5b5f5c;
  border-right: 1px solid #aaaeab;
  border-bottom: 1px solid #aaaeab;
  border-left: 0 none;
  border-radius: 0 4px 4px 0;
  height: 21px;
  left: 29px;
  position: absolute;
  width: 82px;
  font-size: 10px;
  color: #6f7574;
  padding: 0 0 0 3px
}

.greynavigation a.homeGrey {
  width: 75px;
}

.greynavigation a.homeGrey:hover {
  background-position: 0 -56px;
}

.greynavigation a.competitionGrey {
  width: 136px;
  background-position: -75px 0px;
}

.greynavigation a.competitionGrey:hover {
  background-position: -75px -56px;
}

.greynavigation a.voteGrey {
  width: 67px;
  background-position: -211px 0;
}

.greynavigation a.voteGrey:hover {
  background-position: -211px -56px;
}

.greynavigation a.shopGrey {
  width: 66px;
  background-position: -278px 0;
}

.greynavigation a.shopGrey:hover {
  background-position: -278px -56px;
}

.greynavigation a.blogGrey {
  width: 62px;
  background-position: -344px 0;
}

.greynavigation a.blogGrey:hover {
  width: 61px;
  background-position: -344px -56px;
}