body 	{
	background: url(../images/ZigPattern.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 62.5%;
	padding: 30px 0;
	}

#container {
	position: relative; /* define as CB */
	margin: 0 auto;
	width: 990px;
	background: #fff;
	}

a:link, a:visited {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	line-height: 1.35;
	color: #c70021;
	text-decoration: none;
	cursor: pointer; /* IE */
	}
a:hover span, a:active span, a:focus span, li.active span,
.richtext-container a:hover, .richtext-container a:active, .richtext-container a:focus {
	background-color: #c70021;
	color: #fff;
	}

/***********/
/* Heading */
/***********/

#heading h1 {
	text-indent: -5000px;
	background: url(../images/YukinLogo.png	) scroll no-repeat 18px 15px;	
	padding: 15px 0 0 18px;
	width: 232px;
	height: 123px;
	}

#hakuba-tv img {
	position: absolute;
	top: 15px;
	right: 15px;
	background: transparent url(../images/television.gif) scroll no-repeat 725px 8px;
	}

.sponsors li {
	margin: 0 0 15px 15px;
	display: inline;
	}

.sponsors * { vertical-align: bottom; }	

/************/
/* Main nav */
/************/

#nav 	{
	position: absolute;
	right: 0;
	margin-top: 15px;
	width: 194px;
	border-left: dotted 2px #e48393;
	}

#nav li	{
	margin: 5px 0 5px 15px;
	height: 30px;
	}

#nav a span { 
	position: absolute;
	top: auto;
	padding: 0 5px;
	width: 129px;
	}

/*************/
/* Other nav */
/*************/

#sub-nav a span, #custom-nav span {
	padding: 0 5px;
	font-weight: bold;
	}

#sub-nav *, #custom-nav * {
	vertical-align: middle;
	}

#sub-nav { 
	float: left;
	width: 765px;
	margin-bottom: 15px;
	border-bottom: dotted 2px #e48393;
	padding-bottom: 10px;
	}

#sub-nav ul {
	width: 780px;
	}

#sub-nav li {
	float: left;
	width: 180px;
	height: 35px;
	margin-right: 15px;
	}

#custom-nav {
	width: 560px;
	margin-bottom: 15px;
	}

#custom-nav li {
	display: inline;
	}

#program-nav, #home-nav {
	float: right;	
	width: 190px;
	}

#feed-nav img {
	float: right; 
	margin-left: 15px;
	}


/**********/
/* Search */
/**********/

#ajaxSearch_input {
	display: block;
	height: 18px;
	width: 151px;
	margin: 15px 0 0 15px;
	border: none;
	padding: 5px;
	background: url(../images/search_box.gif) no-repeat;
	color: #777;
	}
#ajaxSearch_input:hover, #ajaxSearch_input:focus {
	color: #000;
	}

#ajaxSearch_form label { 	
	float: none;
	}

#ajaxSearch_submit {
	margin-left: 15px;
	}

#ajaxSearch_form label {
	margin: 0;
	}

.AS_ajax_resultsIntroFailure {
	color: #000;
	font-size: 1.2em;	
	}

.ajaxSearch_result {
	margin: 15px 0;
	}

.ajaxSearch_resultLink {
	display: block;
	margin-bottom: 0.5em;	
	}

.ajaxSearch_resultExtract, .ajaxSearch_resultsInfo {
	color: #000;
	font-size: 1.2em;
	}

.richtext-container .ajaxSearch_highlight, .ajaxSearch_resultExtract .ajaxSearch_highlight { 
	background: #ff0;
	color: #000;
	}


h2 .ajaxSearch_highlight, h3 .ajaxSearch_highlight {
	font-size: 100%;
	color: #c70021;
	}

/***********/
/* Content */
/***********/

#content {
	padding: 15px; /* not margin (for IE7) */
	width: 765px;
	color: #5b5b5b;
	min-height: 460px; /* assumes 11 main menu items (11 x 35 + 5) + 70px for search box */
	}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

h2 span, h3 span, .transmission-date {
	padding: 0 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.4em;
	letter-spacing: 1px;
	line-height: 1.45;
	background: #000;
	color: #eae301;
	}
h2 a:link span, h3 a:link span, h2 a:visited span, h3 a:visited span
	{
	font-size: 100%;
	color: #eae301;
	text-decoration: none;
	}

h2 a:hover span, h2 a:active span, h2 a:focus span,
h3 a:hover span, h3 a:active span, h3 a:focus span
	{
	background: #000;
	color: #f00;
	}

#intro {
	color: #000;
	}

#intro h2 {
	margin-top: 1.4em;
	}

p.summary
 	{
	line-height: 1;
	margin: 1em 0;
	font-size: 1.2em;
	color: #000;
	}

#video { /* also includes images where used as an alternative to a video */
	float: left;
	margin: 0 15px 15px 0;
	background: #000;
	}

object#video { /* for successful flash embedding */
	height: 335px;
	width: 560px;
	}

#article-main, #about-us-main, .home-content { /* Area below video and/or image and/or details/intro */
	clear: left; /* Clears video but not RH menus */
	}

.home-content .richtext-container {
	margin-left: 215px;
	}

#program-main {
	width: 560px; /* pseuod-clear of video */
	}

/**************/
/* Pagination */
/**************/

.pagination-container {
	clear: left;
	margin: 15px 0;
	border-top: dotted 2px #e48393;
	padding-top: 15px;
	}	

.ditto-pagination-footer {
	float: right;
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
	}

#content .ditto-pagination-footer * {
	vertical-align: top;
	font-size: 100%;
	line-height: 24px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	}

#content .ditto-pagination-footer option {
	display: block;
	}
#content .ditto-pagination-footer select:hover, #content .ditto-pagination-footer select:active, #content .ditto-pagination-footer select:focus {
	color: #000;
	}

.ditto-itemsperpage, .ditto-numbering, .ditto-pages {
	margin: 0 5px;
	}

.ditto-itemsperpage label {
	text-indent: -5000px;
	width: 1px;
	}

#itemsperpage {
	width: 3.5em;
	}

/**********/
/* Riders */
/**********/

#rider-and-sponsors {
	float: left;
	width: 150px;
	margin: 0 15px 15px 0;
	}

#portrait {
	margin-bottom: 30px;
	}

#rider-and-sponsors .sponsors a {
	display: block;
	margin: 0 15px 0 0;
	}

#rider-main {
	margin-left: 165px;
	}

/*********************/
/* Video Page Window */
/*********************/

#video-container {
	display: none;
	}

#video-overlay {
	position: absolute; /* IE6 */
	position: fixed;
	top: 0;	
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	}

#video-window {
	position: absolute;
	width: 775px;
	top: 45px;
	left: 50%;
	margin-left: -403px;
	padding: 15px;
	background: #fff;
	}

#video-window .richtext-container {
	width: 560px;
	}

#video-prev, #video-next {
	float: left;
	text-indent: -5000px;
	height: 21px;
	width: 21px;
	}
#video-prev {
	background: #000 url(../images/buttons/prev.png);
	}
#video-next {
	background: #000 url(../images/buttons/next.png);
	}
#video-prev:hover, #video-prev:active, #video-prev:focus {
	background-image: url(../images/buttons/prev_over.png);
	}
#video-next:hover, #video-next:active, #video-next:focus {
	background-image: url(../images/buttons/next_over.png);
	}
#video-container #video-prev.inactive {
	background-image: url(../images/buttons/prev_inactive.png);
	}
#video-container #video-next.inactive {
	background-image: url(../images/buttons/next_inactive.png);
	}

#video-close {
	float: right;
	text-indent: -5000px;
	width: 21px;
	height: 21px;
        background: #000 url(../images/buttons/close.png) scroll no-repeat center center;
        }
#video-close:hover, #video-close:active, #video-close:focus {
	background-image: url(../images/buttons/close_over.png);
	}

/*******************************/
/*   Main content typography   */
/*******************************/

.richtext-container {
	/* Apply global styles to here, not to <p>
	 * NOTE: this may be more appropriate applied to #content
	 */
	margin: 1em 0;
	font-size: 1.2em;
	letter-spacing: 0.2px;
	line-height: 1.3;
	}
	
.richtext-container ul {
	list-style-type: disc;
	padding-left: 2em;
	}
.richtext-container ol {
	list-style-type: decimal;
	padding-left: 2em;
	}

.richtext-container p, .richtext-container li {
	padding-bottom: 1em;
	}

.richtext-container h4, .richtext-container h5, .richtext-container h6 {
	font-weight: bold;
	}

.richtext-container h4 { font-size: 1.3em; }

.richtext-container h5 { font-size: 1.2em; }

.richtext-container h6 { font-size: 1.1em; }

.richtext-container strong { font-weight: bold; }

.richtext-container em { font-style: italic; }

.richtext-container sup { vertical-align: top; font-size: 60%; }

.richtext-container sub { vertical-align: bottom; font-size: 60%; }

.richtext-container table th, .richtext-container table td { padding: 0.6em; }

.richtext-container a:link, .richtext-container a:visited {
	font-size: 100%;
	/* Link hover/active/focus styles defined above */
	}


/*********/
/* Lists */
/*********/

/* Full page width lists */
.full-page li {
	clear: left;
	}

/* Half page lists */
.half-page li {
	float: left;
	width: 47%;
	overflow: hidden;
	padding-right: 2%;
	}

#program-list li, #program-list a { 
	display: block;
	height: 72px;
	overflow: hidden;
	margin-bottom: 9px;
	}

#program-list li.active {
	border: solid 2px #c70021;
	height: 68px;
	width: 186px;
	}

#month-list {
	padding-top: 1.8em;
	}

#month-list li { 
	padding-bottom: 5.7em; /* 3 x 1.4 x 1.35 */
	}

#month-list span {
	float: right;
	clear: right;
	}

#article-list li img {
	float: left;
	margin: 0 15px 15px 0;
	}

#article-list li * {
	margin-left: 165px;
	margin-bottom: 15px;
	}

#article-list li * * { 
	margin-left: 0;
	}

#article-list p {
	font-size: 1.2em;
	padding-bottom: 1em;
	}

#crew-list li img {
	float: left;
	margin: 0 15px 15px 0;
	}

#crew-list li * {
	margin-left: 165px;
	}

#crew-list li * * { 
	margin-left: 0;
	}

#video-list a, #video-list li, #video-list span {
	display: block;
	position: relative;
	width: 760px;
	height: 100px;
	margin-bottom: 20px;
	}

#video-list span {
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	}
.video-mask-L {
	background: url(../images/video_lozenge_mask_L.png) scroll no-repeat top left;
	}
.video-mask-R {
	background: url(../images/video_lozenge_mask_R.png) scroll no-repeat top right;
	}

#music-player-box {
	display: none;
	position: relative;
	margin: -11px 0 0 19px;
	height: 20px;
	width: 357px; /* 300 player, 57 buttons */
	background: #000;
	padding: 3px 1px;
	}

#music-player-box a {
	position: absolute;
	top: 8px;
	text-indent: -5000px;
	height: 10px;	
	}	
#music-player-close {
	right: 5px;
	width: 13px;
	background: url(../images/buttons/close.png) no-repeat;
	}
#music-player-close:hover, #music-player-close:active, #music-player-close:focus {
	background-image: url(../images/buttons/close_over.png);
	}
#music-player-download {
	right: 23px;
	width: 29px;
	background: url(../images/buttons/mp3_button.png) no-repeat;
	}
#music-player-download:hover, #music-player-download:active, #music-player-download:focus {
	background-image: url(../images/buttons/mp3_button_over.png);
	}

#music-list {
	background: url(../images/SpeakerBKG.png) no-repeat;
	min-height: 520px;
	width: 772px;
	padding-top: 15px;
	}

#music-list li {
	min-height: 37px;
	width: 695px;
	padding-bottom: 8px;
	}

#music-list .audio-file {
	margin-left: 19px;
	line-height: 37px;
	}

#info-list {
	width: 780px;
	}

#info-list li {
	float: left;
	margin: 0 15px 15px 0;
	}

#info-list * {
	display: block;
	vertical-align: bottom;
	}

#blog-list li img {
	float: left;
	margin: 0 15px 15px 0;	
	}

#blog-list li * {
	margin-left: 165px;
	}

#blog-list li * * {
	margin-left: 0;
	}

#links-list * {
	vertical-align: bottom;
	}

#links-list li {
	overflow: hidden;
	}

#links-list img {
	margin-top: 15px;
	}

#links-list p {
	font-size: 1.2em;
	padding-bottom: 1em;
	}

.home-news-titles {
	float: left;
	clear: left;
	width: 200px;
	}

.home-news-titles li {
	margin-bottom: 1.4em;
	}

#recent-episodes { 
	margin-top: 30px;
	}

#recent-episodes li {
	margin: 5px 0;
	}

/****************/
/* Contact Form */
/****************/

#contact-form {
	margin-left: 30px;
	color: #000;
	}

form { font-size: 1.2em; }

form * { font-size: 100%; }

input[type="hidden"] { display: none; }

form div {
	margin: 1em 0;
        clear: left;
	width: 506px;
        }

label {
        float: left;
        width: 180px;
        margin-bottom: 1em; /* match div margin in case label is higher than input */
        text-align: left;
        }

input, textarea {
        display: inline;
        margin-left: 20px; /* MAY need 1px top/bottom to trigger correct margin use on Opera */
	width: 300px;
        border: solid 2px #e48393;
        background: #fff;
        }

input {
	height: 2em;
	}

.text input, textarea, select {
        color:#666;
        }

.submit {
        margin-left: 180px; /* Matches label width */
        width: auto;
        }

input:focus,  input:hover, textarea:focus,  textarea:hover {
	border: 2px solid #b60000;
	background: #b60000;
	color: #fff;
        }

input.button {
        width: auto;
        border: 2px solid #000;
        font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
        font-weight:bold;
        font-size: 1.17em;
        background: #000;
        color: #eae301;
        }

input.button:hover, input.button:focus {
	background: #000;
	color: #f00;
	}

.vericode img {
	float: right;
	border: solid 1px #000;
        margin: 0 2px 10px 0;
        }

#cfVericode {
	width: 140px;
	height: 56px;
	}

p.error, div.errors { color: #990000; }

/**********/
/* Footer */
/**********/
	
#footer {
	position: relative; /* define as CB */
	clear: both;
	padding: 30px 30px 0 15px;
	min-height: 160px;
	background: #e6e6e6 url(../images/footer_wave.gif) scroll no-repeat top left;
	}

#footer-credits {
	position: absolute;
	right: 15px;
	bottom: 30px;
	}

#footer-credits a {
	display: block;
	width: 123px;
	height: 35px;
	text-indent: -5000px;
	background: url(../images/losource.gif) scroll no-repeat top left;
	}