body {
  background-image: url('images/bg_01.jpg');
  background-repeat: repeat-x;
  background-color: #d1e3f9;
  background-color: #c8dcf7;
  margin: 0;
  text-align: center;
  font-family: helvetica, arial, sans-serif;
  }

a {
  color: #000;
  text-decoration: none;
  outline: none;
  }

  a:hover {
    color: #06c;
    }

img {
	border: none;
	outline: none;
	}

div#main {
  width: 975px;
  overflow: hidden;
  background-color: transparent;
  margin: 30px auto 10px;
  }


  /*  banner  */
  
  div#banner {
    background-color: #e5eef8;
    background-color: #fff;
    text-align: left;
    }
  
    div#banner img {
      margin: 10px;
      }


/*
 *  left column
 */

div#leftColumn {
	width: 650px;
	margin-right: 9px;
	float: left;
	overflow: hidden;
	position: relative;
	}

  /*  movie  */

  div#main .movie {
    height: auto;
    background-color: #fff;
    }
    
    /*div#main .movie .hilite {
      background-color: yellow;
      border: 5px dashed white;
      bottom: 0;
      height: 140px;
      left: 0;
      position: absolute;
      width: 639px;
      opacity: 0.5;
      display: none;
      }*/



  /*  right column (nav)  */

  div#main .sections {
    width: 316px;
    float: left;
    text-align: left;
    margin-top: -9px;
		/*~  show tabs  ~* /
		display: none;
		/*~  show tabs  ~*/
    }

    div#main .sections .section {
      background-color: #fff;
      margin: 0 0 7px 0;
      padding: 0 0 5px 0;
      font-size: 15px;
      }

	    div#main .sections .section img.title {
        padding: 14px 0 14px 18px;
        padding: 14px 0 10px 18px;
        margin: 0;
        display: block;
	    	}


    /*  channels  */

    div#main .sections .channels {
      padding: 0 0 8px 0
      }

      div#main .sections .channels img.title {
        }

      div#main .sections .channels ul {
        list-style-type: none;
        margin: 4px 0 0 0px;
        padding: 0;
        }

        div#main .sections .channels ul li {
          margin: 0;
          }

          div#main .sections .channels ul li a {
            display: inline-block;
            display: block;
            padding: 5px 10px 3px 30px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            }

            div#main .sections .channels ul li a.active {
              color: #06c;
              color: #fff;

              border-top: 1px solid #dfdfff;
              border-bottom: 1px solid #dfdfff;
              border-top: 1px solid #c1df0f;
              border-bottom: 1px solid #c1df0f;

              background-color: #f5f5f5;
              background-color: royalblue;
              background-color: #06c;
              background-color: #5eb732;
              }

    /*  events  */
    
    div#main .sections .events {
      height: auto;
      }

      div#main .sections .events img.title {
        }

      div#main .sections .events ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        }

        div#main .sections .events ul li {
          float: left;
          margin: 0;
          width: 130px;
          }

          div#main .sections .events ul li a {
            padding: 8px 10px 12px 22px;
            display: inline-block;
            float: left;
            }

    /*  stay connected  */
    
    div#main .sections .connect {
      height: auto;
      }

      div#main .sections .connect img.title {
        }

				/*  links  */

				div#main .sections .connect a {
					padding: 0 10px 10px 24px;
					display: inline-block;
					vertical-align: middle;
					}

					div#main .sections .connect a span {
						position: relative;
						top: -5px;
						left: 5px;
						}

					/*  icons  */

					div#main .sections .connect a img {
						background-image: url('images/stay-connected-icons.gif');
						background-repeat: no-repeat;
						width: 20px;
						height: 20px;
						margin: 4px 0 0 0;
						}
	
						div#main .sections .connect a.newsletter img {
							background-position: 0 0;
							}
	
						div#main .sections .connect a.twitter img {
							background-position: 0 -60px;
							}
	
						div#main .sections .connect a.facebook img {
							background-position: 0 -80px;
							}
	
						div#main .sections .connect a.sharethis img {
							background-position: 0 -100px;
							}
	
						div#main .sections .connect a.flickr img {
							background-position: 0 -120px;
							}
	
						div#main .sections .connect a.video img {
							background-position: 0 -140px;
							}
	
						div#main .sections .connect a.blog img {
							background-position: 0 -160px;
							}


      div#main .sections .connect ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        }

        div#main .sections .connect ul li {
          float: left;
          margin: 0;
          padding: 0 0 0 20px;
          }


          div#main .sections .connect ul li a {
            padding: 8px 10px 16px 36px;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: 0 0;
            }

            div#main .sections .connect ul li a.blog {
              background-image: url('images/connect/blog.gif');
              }

            div#main .sections .connect ul li a.newsletter {
              background-image: url('images/connect/newsletter.gif');
              }

            div#main .sections .connect ul li a.vr_com {
              background-image: url('images/connect/vr_com.gif');
              }


    /*  awards  */
    
    div#main .sections .awards {
    	}

			div#main .sections .awards .davey {
				padding: 4px 18px 16px 18px;
				}





/*  footer  */

div#footer {
	/*background-color: #C8DCF7;*/
  color: #112233;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 100px;
  padding: 24px 0 10px 16px;
  overflow: hidden;
  text-align: left;
  }

	div#footer .separate {
		color: #fff;
		font-style: italic;
		}







