/* All the CSS in this file, starting with YUI's reset code */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html, body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #FFF;
  color: #333;
  font-size: 93%;
}

a { outline: none; overflow: hidden; }
a:focus { -moz-outline: none; }

/* site main layout */
.site-outer {
  margin:auto;text-align:left; /* leave unchanged */
  width:804px;/* non-IE */
  *width:804px;/* IE */
  min-width:804px;/* optional but recommended */
}
.site-inner {
  overflow: hidden;
  width: 804px;
}

/* nav 1 */
.nav1-outer {
  width: 804px;
  overflow: hidden;
  padding: 30px 0 20px 0;
}
.nav1-inner {
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
  width: 804px;
  height: 60px;
  position: relative;
}
.nav1-inner ul {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 804px;
  height: 60px;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.nav1-inner ul li {
  display: inline;
  margin: 0;
  padding: 0;
}
.nav1-inner ul li a {
  float: left;
  padding: 60px 0 0 0;
  margin: 0;
  overflow: hidden;
  height: 0px !important; /* for most browsers */
  height /**/:60px; /* for IE5.5's bad box model */
}
.nav1-inner ul li, .nav1-inner ul li a {
  background-image: url(nav1.gif);
  background-repeat: no-repeat;
  width: 100px;
}
.nav1-inner ul li.y2007, .nav1-inner ul li.y2007 a { background-position: 0px 0px; }
.nav1-inner ul li.y2008, .nav1-inner ul li.y2008 a { background-position: -100px 0px; }
.nav1-inner ul li.y2009, .nav1-inner ul li.y2009 a { background-position: -200px 0px; }
.nav1-inner ul li.y2010, .nav1-inner ul li.y2010 a { background-position: -300px 0px; }
.nav1-inner ul li.y2011, .nav1-inner ul li.y2011 a { background-position: -400px 0px; }
.nav1-inner ul li.y2012, .nav1-inner ul li.y2012 a { background-position: -500px 0px; }

.nav1-inner ul li.y2007 a:hover { background-position: 0px -60px; }
.nav1-inner ul li.y2008 a:hover { background-position: -100px -60px; }
.nav1-inner ul li.y2009 a:hover { background-position: -200px -60px; }
.nav1-inner ul li.y2010 a:hover { background-position: -300px -60px; }
.nav1-inner ul li.y2011 a:hover { background-position: -400px -60px; }
.nav1-inner ul li.y2012 a:hover { background-position: -500px -60px; }

.y2007 .nav1-inner ul li.y2007 a, .y2007 .nav1-inner ul li a.selected:hover { background-position: 0px -120px; }
.y2008 .nav1-inner ul li.y2008 a, .y2008 .nav1-inner ul li a.selected:hover { background-position: -100px -120px; }
.y2009 .nav1-inner ul li.y2009 a, .y2009 .nav1-inner ul li a.selected:hover { background-position: -200px -120px; }
.y2010 .nav1-inner ul li.y2010 a, .y2010 .nav1-inner ul li a.selected:hover { background-position: -300px -120px; }
.y2011 .nav1-inner ul li.y2011 a, .y2011 .nav1-inner ul li a.selected:hover { background-position: -400px -120px; }
.y2012 .nav1-inner ul li.y2012 a, .y2012 .nav1-inner ul li a.selected:hover { background-position: -500px -120px; }

.nav1-inner ul li.logo {
  float: right;
  width: 151px;
  background: transparent;
}

/* nav 2 */
.nav2-outer {
  width: 804px;
  overflow: hidden;
  padding: 0 0 20px 0;
  font-size: 116%;
}
.nav2-inner {
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
  width: 804px;
}
.nav2-inner ul {
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.nav2-inner ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  overflow: visible;
  width: 67px;
  text-align: center;
}
.nav2-inner ul li a {
  display: block;
  text-align: center;
  padding: 0 9px;
  margin: 0;
  overflow: hidden;
  font-weight: bold;
  text-decoration: none;
}
.nav2-inner ul li a span {
  display: block;
  padding: 1px 2px 4px 2px;
  margin: 0;
  color: #CCC;
  border: 2px solid #FFF;
}

.y2007 .nav2-outer ul li a span { color: #099; }
.y2007 .nav2-outer ul li a:hover span { border-color: #099; }
.y2008 .nav2-outer ul li a span { color: #F06; }
.y2008 .nav2-outer ul li a:hover span { border-color: #F06; }
.y2009 .nav2-outer ul li a span { color: #990; }
.y2009 .nav2-outer ul li a:hover span { border-color: #990; }
.y2010 .nav2-outer ul li a span { color: #06C; }
.y2010 .nav2-outer ul li a:hover span { border-color: #06C; }
.y2011 .nav2-outer ul li a span { color: #F63; }
.y2011 .nav2-outer ul li a:hover span { border-color: #F63; }
.y2012 .nav2-outer ul li a span { color: #906; }
.y2012 .nav2-outer ul li a:hover span { border-color: #906; }

.y2007 .nav2-outer ul li a.selected span { color: #FFF; background: #099; border-color: #099; }
.y2008 .nav2-outer ul li a.selected span { color: #FFF; background: #F06; border-color: #F06; }
.y2009 .nav2-outer ul li a.selected span { color: #FFF; background: #990; border-color: #990; }
.y2010 .nav2-outer ul li a.selected span { color: #FFF; background: #06C; border-color: #06C; }
.y2011 .nav2-outer ul li a.selected span { color: #FFF; background: #F63; border-color: #F63; }
.y2012 .nav2-outer ul li a.selected span { color: #FFF; background: #906; border-color: #906; }

.nav2-outer .nav2-inner ul li a.disabled span { color: #CCC !important; cursor: default; }
.nav2-outer .nav2-inner ul li a.disabled:hover span { border: 2px solid #FFF !important; }

/* nav 3 */
.nav3-outer {
  width: 804px;
  overflow: hidden;
  padding: 0 0 20px 0;
  font-size: 85%;
}
.nav3-inner {
  overflow: hidden;
  clear: both;
  margin: 0;
  padding: 0;
  width: 804px;
}
.nav3-inner ul {
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.nav3-inner ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
}
.nav3-inner ul li a {
  display: block;
  text-align: center;
  padding: 0 10px;
  margin: 0;
  overflow: hidden;
  font-weight: bold;
  text-decoration: none;
}
.nav3-inner ul li #video {
}
.nav3-inner ul li a span {
  display: block;
  padding: 1px 2px 2px 2px;
  margin: 0;
  color: #CCC;
  border: 2px solid #FFF;
}

.y2007 .nav3-outer ul li a span { color: #099; }
.y2007 .nav3-outer ul li a:hover span { border-color: #099; }
.y2008 .nav3-outer ul li a span { color: #F06; }
.y2008 .nav3-outer ul li a:hover span { border-color: #F06; }
.y2009 .nav3-outer ul li a span { color: #990; }
.y2009 .nav3-outer ul li a:hover span { border-color: #990; }
.y2010 .nav3-outer ul li a span { color: #06C; }
.y2010 .nav3-outer ul li a:hover span { border-color: #06C; }
.y2011 .nav3-outer ul li a span { color: #F63; }
.y2011 .nav3-outer ul li a:hover span { border-color: #F63; }
.y2012 .nav3-outer ul li a span { color: #906; }
.y2012 .nav3-outer ul li a:hover span { border-color: #906; }

.y2007 .nav3-outer ul li a.selected span { color: #FFF; background: #099; border-color: #099; }
.y2008 .nav3-outer ul li a.selected span { color: #FFF; background: #F06; border-color: #F06; }
.y2009 .nav3-outer ul li a.selected span { color: #FFF; background: #990; border-color: #990; }
.y2010 .nav3-outer ul li a.selected span { color: #FFF; background: #06C; border-color: #06C; }
.y2011 .nav3-outer ul li a.selected span { color: #FFF; background: #F63; border-color: #F63; }
.y2012 .nav3-outer ul li a.selected span { color: #FFF; background: #906; border-color: #906; }

.nav3-outer .nav3-inner ul li a.disabled span { color: #CCC !important; cursor: default; }
.nav3-outer .nav3-inner ul li a.disabled:hover span { border: 2px solid #FFF !important; }

.jan #nav3-weeks .nav3-inner ul { margin-left: 0px; }
.feb #nav3-weeks .nav3-inner ul { margin-left: 0px; }
.mar #nav3-weeks .nav3-inner ul { margin-left: 0px; }
.apr #nav3-weeks .nav3-inner ul { margin-left: 55px; }
.may #nav3-weeks .nav3-inner ul { margin-left: 120px; }
.jun #nav3-weeks .nav3-inner ul { margin-left: 190px; }
.jul #nav3-weeks .nav3-inner ul { margin-right: 200px; float: right; }
.aug #nav3-weeks .nav3-inner ul { margin-right: 135px; float: right; }
.sep #nav3-weeks .nav3-inner ul { margin-right: 65px; float: right; }
.oct #nav3-weeks .nav3-inner ul { margin-right: 0px; float: right; }
.nov #nav3-weeks .nav3-inner ul { margin-right: 0px; float: right; }
.dec #nav3-weeks .nav3-inner ul { margin-right: 0px; float: right; }

/* DAYS instead of the default WEEKS */
#nav3-days .nav3-inner ul li a {
  padding: 0 1px;
}
#nav3-days .nav3-inner ul li #video {
  margin-left: 15px;
}
#nav3-days .nav3-inner ul li a span {
  padding: 1px 2px 2px 2px;
}

/* content */
.content-outer {
  width: 804px;
  overflow: hidden;
}
.content-inner {
  overflow: hidden;
  padding: 20px 0 40px 0;
}
/* photo */
div.img-holder {
  float: left;
  overflow: hidden;
}
div.hor {
  padding: 80px 0 20px 0;
  background: url(hor.gif) no-repeat 0 60px;
  overflow: hidden;
}
div.hor-only {
  padding-top: 20px;
  background: url(hor.gif) no-repeat 0 0;
}
div.hor div {
  padding: 0px 20px;
  overflow: hidden;
}
div.ver {
  padding: 0 60px 20px 60px;
  background: url(ver.gif) no-repeat 60px 0;
  overflow: hidden;
}
div.noDescr {
  padding-bottom: 40px;
}
div.ver div {
  padding: 20px 20px 0 20px;
  overflow: hidden;
}
div.clearBoth {
  clear: both;
}
div.hor p {
  background: url(hor-p.gif) no-repeat center bottom;
  margin: 0;
  padding: 7px 20px 20px 20px;
  font-size: 93%;
  width: 360px;
}
div.ver p {
  background: url(ver-p.gif) no-repeat center bottom;
  padding: 7px 20px 20px 20px;
  font-size: 93%;
  width: 240px;
}

/* video */
div.the-video {
  float: left;
  width: 560px;
  overflow: hidden;
}
div.the-video p {
  padding: 10px 5px 10px 10px;
}
div.video-nav {
  float: right;
  width: 220px;
  font-size: 85%;
}
/* nav 3 video */
div.video-nav a {
  display: block;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  overflow: hidden;
  font-weight: bold;
  text-decoration: none;
}
div.video-nav a span {
  display: block;
  padding: 2px 4px 3px 6px;
  margin: 0;
  color: #CCC;
  border: 2px solid #FFF;
}
.y2007 div.video-nav a span { color: #099; }
.y2007 div.video-nav a:hover span { border-color: #099; }
.y2008 div.video-nav a span { color: #F06; }
.y2008 div.video-nav a:hover span { border-color: #F06; }
.y2009 div.video-nav a span { color: #990; }
.y2009 div.video-nav a:hover span { border-color: #990; }
.y2010 div.video-nav a span { color: #06C; }
.y2010 div.video-nav a:hover span { border-color: #06C; }
.y2011 div.video-nav a span { color: #F63; }
.y2011 div.video-nav a:hover span { border-color: #F63; }
.y2012 div.video-nav a span { color: #906; }
.y2012 div.video-nav a:hover span { border-color: #906; }

.y2007 div.video-nav a.selected span { color: #FFF; background: #099; border-color: #099; }
.y2008 div.video-nav a.selected span { color: #FFF; background: #F06; border-color: #F06; }
.y2009 div.video-nav a.selected span { color: #FFF; background: #990; border-color: #990; }
.y2010 div.video-nav a.selected span { color: #FFF; background: #06C; border-color: #06C; }
.y2011 div.video-nav a.selected span { color: #FFF; background: #F63; border-color: #F63; }
.y2012 div.video-nav a.selected span { color: #FFF; background: #906; border-color: #906; }

.nav1-inner ul li a span.extra, .nav2-inner ul li a span.extra, .nav3-inner ul li a span.extra {
  display: none;
}


/* ********* ******** ******* ****** ***** **** *** ** * ** *** **** ***** ****** ******* ******** ********* */
/* mobile styles */

body.mobile {
  font-family: Helvetica, sans-serif;
}

/* site main layout */
.mobile .site-outer {
  margin:auto;text-align:left; /* leave unchanged */
  width:100%;/* non-IE */
  *width:100%;/* IE */
  min-width:100%;/* optional but recommended */
}
.mobile .site-inner {
  overflow: hidden;
  width: 100%;
}

/* nav 1 */
.mobile .nav1-outer {
  width: 100%;
  padding: 0 !important;
}
.mobile .nav1-inner {
  width: 100%;
  height: auto;
  position: static;
}
.mobile .nav1-inner ul {
  border-top: 1px solid #CCC;
  position: static;
  width: 100%;
  height: auto;
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.mobile .nav1-inner ul li {
  border-bottom: 1px solid #CCC;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  width: 100% !important;
}
.mobile .nav1-inner ul li a {
  display: block;
  background: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));  
  -webkit-transition-property: background-color; -webkit-transition-duration: 1s;
/*  background: url(mobile-href-bg.png) no-repeat right center !important; */
  color: #333;
  width: 100%;
  float: left;
  font-size: 100%;
  text-decoration: none;
  font-weight: bold;
  margin: 0 !important;
  padding: 10px 0 !important;
  overflow: hidden;
  height: auto !important;
  height /**/:auto !important; /* for IE5.5's bad box model */
}
.mobile .nav1-inner ul li a:hover, .mobile .nav1-inner ul li a:active {
  background: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B3B3B3), to(#666));  
}
.mobile .nav1-inner ul li a span {
  display: block;
  float: left;
  padding: 0 10px;
}
.mobile .nav1-inner ul li a span.extra {
  float: right;
  background: url(mobile-li-arrow.png) no-repeat right center !important;
  width: 18px;
  height: 14px;
}
.mobile .nav1-inner ul li a:hover span.extra, .mobile .nav1-inner ul li a:active span.extra {
  float: right;
  background: url(mobile-li-arrow-on.png) no-repeat right center !important;
  width: 18px;
  height: 14px;
}

.mobile .nav1-inner ul li.y2007, .mobile .nav1-inner ul li.y2007 a { background-position: right center !important; }
.mobile .nav1-inner ul li.y2008, .mobile .nav1-inner ul li.y2008 a { background-position: right center !important; }
.mobile .nav1-inner ul li.y2009, .mobile .nav1-inner ul li.y2009 a { background-position: right center !important; }
.mobile .nav1-inner ul li.y2010, .mobile .nav1-inner ul li.y2010 a { background-position: right center !important; }
.mobile .nav1-inner ul li.y2011, .mobile .nav1-inner ul li.y2011 a { background-position: right center !important; }
.mobile .nav1-inner ul li.y2012, .mobile .nav1-inner ul li.y2012 a { background-position: right center !important; }

.mobile .nav1-inner ul li.y2007 a:hover, .mobile .nav1-inner ul li.y2007 a:active { background: #099; background-image: -webkit-gradient(linear, left top, left bottom, from(#80cccc), to(#099)); color: #FFF; }
.mobile .nav1-inner ul li.y2008 a:hover, .mobile .nav1-inner ul li.y2008 a:active { background: #f06; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff80B3), to(#f06)); color: #FFF; }
.mobile .nav1-inner ul li.y2009 a:hover, .mobile .nav1-inner ul li.y2009 a:active { background: #990; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccc80), to(#990)); color: #FFF; }
.mobile .nav1-inner ul li.y2010 a:hover, .mobile .nav1-inner ul li.y2010 a:active { background: #06C; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b3e6), to(#06C)); color: #FFF; }
.mobile .nav1-inner ul li.y2011 a:hover, .mobile .nav1-inner ul li.y2011 a:active { background: #f63; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb399), to(#f63)); color: #FFF; }
.mobile .nav1-inner ul li.y2012 a:hover, .mobile .nav1-inner ul li.y2012 a:active { background: #906; background-image: -webkit-gradient(linear, left top, left bottom, from(#cc80b3), to(#906)); color: #FFF; }

.mobile .y2007 .nav1-inner ul li.y2007 a, .mobile .y2007 .nav1-inner ul li a.selected:hover { background-position: right center !important; }
.mobile .y2008 .nav1-inner ul li.y2008 a, .mobile .y2008 .nav1-inner ul li a.selected:hover { background-position: right center !important; }
.mobile .y2009 .nav1-inner ul li.y2009 a, .mobile .y2009 .nav1-inner ul li a.selected:hover { background-position: right center !important; }
.mobile .y2010 .nav1-inner ul li.y2010 a, .mobile .y2010 .nav1-inner ul li a.selected:hover { background-position: right center !important; }
.mobile .y2011 .nav1-inner ul li.y2011 a, .mobile .y2011 .nav1-inner ul li a.selected:hover { background-position: right center !important; }
.mobile .y2012 .nav1-inner ul li.y2012 a, .mobile .y2012 .nav1-inner ul li a.selected:hover { background-position: right center !important; }

.mobile .nav1-inner ul li.logo {
  display: none;
}