@charset "UTF-8";

html, body {margin:0;height:100%;text-align:center;background:url(/images/bg_xrepeat.gif) repeat-x;background-color:#034276;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#555555;}
form {padding:0;margin:0;}
img {border:none;}
h1 {font-size:17px;font-weight:normal;text-align:left;padding:0;margin:0 0 20px 0;color:#333333;letter-spacing:0.1px;}
h4 {text-align:left;font-size:17px;font-weight:normal;padding:0;margin:0 0 15px 0;color:#333333;letter-spacing:.1px;}
table {border-collapse:collapse;} 
td {padding:0;margin:0;vertical-align:top;}
a {color:#555555;}


/* Body Units */

#wrapper {background-color:#FFFFFF;min-height:100%;width:800px;margin:0 auto;}
#content {width:715px;margin:0 auto;padding-top:20px;display:inline-table;}
#header {background:url(/images/yakult_logo_top.gif) no-repeat left top;height:50px;}
#content-container {clear:both;margin-bottom:6px;overflow:hidden;}



/* Navigation */

 
#main-nav {text-align:left;overflow:hidden;margin-top:15px;}
#main-nav ul { list-style-type:none; margin: 0pt; padding: 0pt; }
#main-nav ul li { float: left; height: 41px; padding: 0pt; }
#main-nav a {width: 100%; height: 41px; display: block;}
.nav-home { width: 124px;}
.nav-events, .nav-science, .nav-intro, .nav-resources { width: 118px;}
.nav-media { width: 119px;}

.nav-home a { background: url("../images/menubar/home_off.gif") no-repeat;}
.nav-home a:hover { background: url("../images/menubar/home_on.gif") no-repeat;}

.nav-events a { background: url("../images/menubar/events_off.gif") no-repeat;}
.nav-events a:hover { background: url("../images/menubar/events_on.gif") no-repeat;}

.nav-science a { background: url("../images/menubar/science_off.gif") no-repeat;}
.nav-science a:hover { background: url("../images/menubar/science_on.gif") no-repeat;}

.nav-intro a { background: url("../images/menubar/intro_off.gif") no-repeat;}
.nav-intro a:hover { background: url("../images/menubar/intro_on.gif") no-repeat;}

.nav-resources a { background: url("../images/menubar/resources_off.gif") no-repeat;}
.nav-resources a:hover { background: url("../images/menubar/resources_on.gif") no-repeat;}

.nav-services a { background: url("../images/menubar/services_off.gif") no-repeat;}
.nav-services a:hover { background: url("../images/menubar/services_on.gif") no-repeat;}

.nav-media a { background: url("../images/menubar/media_off.gif") no-repeat;}
.nav-media a:hover { background: url("../images/menubar/media_on.gif") no-repeat;}



/* Sub-Navigation */
 
#submain-nav {
	clear:both;
	text-align:left;
	position:relative;
	height:40px;
	font-size:10px;
	padding-bottom:5px;
}

#submain-nav ul {list-style-type:none;margin:0;left-padding:17px;}
#submain-nav ul li {float:left;height:10px;padding:0;}
#submain-nav ul li.separator {padding:3px;}
#submain-nav a {
	width: 100%;
	height: 40px;
	color:#0066FF;
}
#subnav-events, 
#subnav-science, 
#subnav-resources,
#subnav-intro,  
#subnav-media {display:none;}

#subnav-intro {
	position:relative;
	left:0px;
}
#subnav-science {
	position:absolute;
	left:140px;
}
#subnav-events {position:absolute;left:300px;}
#subnav-resources {position:absolute;right:0px;}
#subnav-media {position:absolute;right:0px;}
*/

/* Flash Content */
#flash-content {width:715;height:360;}
.flv-container {text-align:center;margin-bottom:24px;}


/* homepage news ticker */
#hp-ticker-shim {clear:both;position:relative;top:auto;left:auto;height:50px;width:715px;}
#news-ticker {clear:both;position:absolute;top:auto;left:auto;z-index:10;width:715px;margin:10px 0;}
#ticker-window {position:relative;width:715px;height:16px;overflow:hidden;background:url(/images/event/event_mid.gif) repeat-y;}
#ticker-head {background:url(/images/event/event_head.gif) no-repeat;height:10px;}
#ticker-content {position:relative;width:680px;}
ul.ticker_content {padding:0;margin:0;list-style-type:none;}
ul.ticker_content li {font-size:10px;color:#FF0000;text-align:left;padding:0 0 0 20px;margin:0 0 2px 0;}
ul.ticker_content li a:link,
ul.ticker_content li a:active,
ul.ticker_content li a:visited {color:#000000;text-decoration:underline;font-weight: bold;font-size: 10px;}
ul.ticker_content li a:hover {color:#0000FF;text-decoration:underline;}
#ticker-bottom {background:url(/images/event/event_bottom.gif) no-repeat;height:6px;}


/* Content Boxes */
#hp-teasers-module {clear:both;width:715px;}
.hp-teasers table tr td {width:242px;margin-left:9px;}
.hp-teaser-head {background:url(/images/content/content_box_head.gif) no-repeat;height:11px;}
.hp-teaser {text-align:left;background:url(/images/content/content_box_mid.gif) repeat-y;}
.hp-teaser div {font-size:10px;color:#666666;}
.hp-teaser-bottom {background:url(/images/content/content_box_bottom.gif) no-repeat;height:7px;}
.hp-1 {background-position:left top;}
.hp-2 {background-position:center top;}
.hp-3 {background-position:right top;}
.hpt-1 {padding:15px 20px 15px 15px;}
.hpt-2 {padding:15px 18px;}
.hpt-3 {padding:15px 15px 15px 20px;}

/* News Box */
#hp-news-module {clear:both;width:715px;}
.hp_news_box {padding-top:10px;width:473px;float:left;}
.hp-news-head {background:url(/images/news/news_head.gif) no-repeat;height:11px;}
.hp-news-body {padding:15px;text-align:left;background:url(/images/news/news_mid.gif) repeat-y;}
.hp-news-body div {font-size:11px;color:#666666;}
.hp-news-bottom {	background:url(/images/news/news_bottom.gif) no-repeat;	height:7px;}

/* Login Box */
.hp_login_box {padding-top:10px;width:232px;float:right;}

.form-element {margin-bottom:16px;text-align:left;}
.formlabel {clear:both;font-weight:bold;}
.formerror {color:#f00;}
.forminput {margin-bottom:4px;}
.forminput input {width:264px;}
.formspacer {clear:both;height:16px;}

/* sub pages menus */
#section-menu {position:relative;float:left;height:1%;width:186px;}
.section-menu-head {background:url(/images/subhead_top.gif) no-repeat;height:10px;}
.section_menu_body {background:url(/images/subhead_mid.gif) repeat-y;overflow:hidden;padding:0;}
.section_menu_body h4 {padding:15px 15px 0 15px;}
.section-menu-bottom {background:url(/images/subhead_bottom.gif) no-repeat;height:9px;}	

ul.section-menu {font-size:10px;text-align:left;padding:20px;color:#666666;}
ul.section-menu {list-style-type:none;margin:24px 0;padding:0 20px;}
ul.section-menu li {font-size:10px;text-align:left;padding:0 0 10px 0; margin:0 0 0 15px;}
ul.section-menu li a {color:#666666;/*padding-left:15px;margin-left:-15px;*/}
ul.section-menu li a:hover {/*background:url(/images/submenu_arrow.gif)*/color:#0033FF; no-repeat center left;}


/* sub pages with section menu */
#submain-container {position:relative;float:right;width:512px;}
.submain-head {background:url(/images/submain_top.gif) no-repeat;height:10px;}
.submain_body {background:url(/images/submain_mid.gif) repeat-y;padding:15px 20px;}
.submain-left {width:50%;float:left;}
.submain-right {width:43%;float:right;}
.submain_footer {clear:both;}
.submain-bottom {background:url(/images/submain_bottom.gif) no-repeat;height:10px;}


/* sub pages without section menu */
.fullspan-content-container {clear:both;width:715px;}
.fullspan-head {background:url(/images/event/event_head.gif) no-repeat;height:10px;}
.fullspan-body {background:url(/images/event/event_mid.gif) repeat-y;padding:15px 20px;overflow:hidden;}
.fullspan-bottom {background:url(/images/event/event_bottom.gif) no-repeat;height:6px;}


/* events and announcement listings */
.listings {clear:both;}
.listings table {border-collapse:collapse;width:100%;}
.listings div.cat {font-size:10px;}
.listings div.title {font-size:12px;font-weight:bold;}
.listings td {padding:8px;width:33%;}
.listings td.loc {font-style:normal;}
.listings td.date {font-style:italic;}
.listings tr.coltitle td {color:#0099ff;font-size:11px;font-weight:bold;padding:8 0 20px 0;}
.listings td.underline {border-bottom:1px solid #999;}

.filters-form {clear:both;margin-bottom:12px;overflow:hidden;}
.filters-form form div {float:left;margin-right:8px;}
.filters-form form input {font-size:11px;}
.filters-form form input.textbox {color:#999;}

/* Footer Box */
#footer_wrapper {clear:both;width:715px;margin:4px auto 20px auto;}
#footer_left {float:left;text-align:left;padding-bottom:20px;}
#footer_right {float:right;text-align:right;padding-bottom:20px;}

/* google maps */
.map-container {position:relative;left:0px;top:0px;width:410px;height:400px;border:1px solid #7f7f7f;}


/* these styles are replaced by .hp-* class definitions */
/* remove them once the subpages have been installed    */
#all_content_wrapper{clear:both;width:715px;}

#content_wrapper {
	padding-top:10px;
	width:232px;
	float:left;
}

#content_wrapper_right {
	padding-top:10px;
	width:232px;
	float:left;
	padding-left:9px;
}

#content_head {
	background-image:url(../images/content/content_box_head.gif);
	height:11px;
	width:232px;
}

#content_mid {
	background-image:url(../images/content/content_box_mid.gif);
	display: inline-block;
	width:232px;
}

#content_bottom {
	background-image:url(../images/content/content_box_bottom.gif);
	display: inline-block;
	width:232px;
	height:7px;
}	



/* Text Classes */

.error {color:#f00;margin:16px 0;border:1px solid #900;padding:12px;}
.arrow_link a {color:#777777;}

.arrow_link a:hover { 
	background: url("../images/submenu_arrow.gif") ;
	background-repeat: no-repeat;
	background-position:left;
	padding-left:15px;
}

.header-logo {float:left;text-align:left;}
.header_links {float:right;text-align:right;padding-top:36px;}


.header_links a{
	color:#0099FF;
}

.footer a {
	color: #0099FF;
}


.content_text {
	font-size:10px;
	text-align:left;
	padding:15px;
	color: #666666;
}

.submenu_head_text {
	text-align:left;
	font-size:17px;
	padding-left:20px;
	padding-top:15px;
	color: #333333;	
	letter-spacing:.1px;
}

.submenu_text {
font-size:10px;
text-align:left;
padding:20px;
color: #666666;
}


.news_text {
	font-size:11px;
	text-align:left;
	padding:20px;
	color: #666666;
	line-height: 15px; 
}

.submain_text {text-align:left;padding:0;color:#666666;line-height:15px;}

.submain_links_head {
	text-align:left;
	font-size:17px;
	color: #333333;	
	letter-spacing:.1px;
}

.submain_links a {
	font-size:10px;
	text-align:left;
	color: #0099FF;
}

.text_box {
	text-align:right;
}

/* Preload Images */
#preload-images {display:none;}


.bold {font-weight:bold;}
.centered {text-align:center;}
.clear {clear:both;}
.nowrap {white-space:nowrap;}