* { margin: 0; padding: 0; }

html,body { height:100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 18px; }

div#wrapper { margin: 0 auto; width: 820px; }

div#header { float: left; width: 100%; height: 110px; background: url(../images/header.jpg) top center no-repeat; }
div#header ul { float: right; padding: 80px 30px 0 0; list-style: none; }
div#header ul li { float: left; }
div#header ul li a { float: left; padding: 0 15px; color: #ababab; font-size: 10px; text-decoration: none; line-height: normal; display: inline; border-right: 1px solid #ababab; }
div#header ul li a:hover { color: #333; background: #fff; border-right: 1px solid #000; }

div#leftColumn { float: left; width: 170px; margin: 10px 20px 0 10px; padding: 15px; background: #f9f9f9; border: 2px solid #CCC; }

div#rightColumn { float: left; width: 575px; margin-top: 10px; }
div#rightColumn div#heading { width: 100%; padding-bottom: 25px; color: #4D4D4D; font-size: 24px; font-weight: bold; }

div#rightColumn div#home ul { float: left; list-style: none; }
div#rightColumn div#home ul li { float: left; width: 535px; padding-bottom: 25px; line-height: 18px; }
div#rightColumn div#home ul li div.newsTitle { float: left; width: 100%; margin-bottom: 25px; padding: 10px 20px; color: #FFF; font-size: 12px; background: url(../images/bw_plaid.jpg) #000; }
div#rightColumn div#home ul li div.newsTitle strong { float: left; font-size: 16px; color: #FFF; width: 100%; }
div#rightColumn div#home ul li div.newsContent { float: left; width: 100%; padding: 0 20px 50px 20px; color: #404040; font-size: 12px; text-align: justify; }

div#rightColumn div#shows ul { float: left; list-style: none; }
div#rightColumn div#shows ul li { float: left; width: 98%; margin-bottom: 10px; padding: 2%; background: #F9F9F9; border: 1px solid #CCC; }
div#rightColumn div#shows ul li div.calLeftCol { float: left; width: 60%; }
div#rightColumn div#shows ul li div.calLeftCol div.calTitle { float: left; width: 100%; color: #000; font-size: 12px; font-weight: bold; line-height: 12px; }
div#rightColumn div#shows ul li div.calLeftCol div.calDate { float: left; width: 100%; padding-bottom: 10px; color: #808080; font-size: 12px; }
div#rightColumn div#shows ul li div.calLeftCol div.calContent { float: left; width: 100%; text-align: justify; white-space: pre; }
div#rightColumn div#shows ul li div.calRightCol { float: left; width: 40%; height: 200px; }

div#rightColumn div#media h1 { float: left; margin-top: -20px; padding-bottom: 10px; font-size: 14px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums { float: left; list-style: none; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li { float: left; width: 565px; margin-bottom: 10px; padding: 5px; background: #F9F9F9; border: 1px solid #CCC; cursor: pointer; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li:hover { background-color: #F2F2F2; border-color: #999; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumThumb { float: left; width: 72px; padding-right: 10px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumTitle { float: left; width: 480px; color: #000; font-size: 14px; font-weight: bold; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumDate { float: left; width: 480px; color: #808080; font-size: 11px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumWhere { float: left; width: 480px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumMoreInfo { float: left; width: 100%; padding-top: 5px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumGeo { float: left; width: 300px; height: 200px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumDesc { float: left; width: 235px; height: 170px; padding: 15px; font-size: 16px; text-align: justify; line-height: 24px; white-space: pre; background: #E1E1E1; overflow: auto; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumContent { float: left; width: 100%; text-align: justify; white-space: pre; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumContent div.photos { float: left; width: 100%; padding-top: 5px; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumContent div.photos a { float: left; width: 80px; height: 80px; margin: 0; padding: 0; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; background: none; border: none; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumContent div.photos a:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
div#rightColumn div#media div#mediafiles ul#photoAlbums li div.photoAlbumContent div.photos a img { width: 100%; height: 100%; border: none;  }

div#rightColumn div#merch { float: left; width: 100%; margin-top: -45px; }
div#rightColumn div#merch ul { float: left; width: 100%; list-style: none; }
div#rightColumn div#merch ul li { float: left; width: 150px; height: 250px; margin: 0 7px 7px 0; padding: 15px; background: #F5F5F5; border: 2px solid #EEE; text-align: center; }
div#rightColumn div#merch ul li:hover { background: #E4E4E4; border: 2px solid #CECECE; }
div#rightColumn div#merch ul li:hover div.thumb { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
div#rightColumn div#merch ul li div.thumb { float: left; width: 150px; height: 150px; background: #FFFFFF; filter:alpha(opacity=70); -moz-opacity:.7; opacity:.7; }
div#rightColumn div#merch ul li div.thumb img { border: none; }
div#rightColumn div#merch ul li h1 { float: left; width: 100%; font-size: 14px; }
div#rightColumn div#merch ul li h2 { float: left; width: 100%; margin-bottom: 10px; font-size: 14px; font-weight: normal; }
div#rightColumn div#merch ul li select { width: 86px; margin-bottom: 5px; }

div#footer { float: left; width: 100%; padding: 25px 0; text-align: center; color: #999; }