/* Define a global standard for all UL's */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* all over states used on non <a  tag items MUST be reflected in the html document as class "over" to be used by IE6 as it does not support :hover elements on <li  tags */
/* define the position and dimensions of the topmenu buttons */

#menu_intro ul li {
	float: left;
	width: 141px;
	height: 38px;
	display: block;
	position: relative;
	top:-2px;
left:-20px;

}

#menu_intro ul li a {
	display: block;
	width: 141px;
	height: 38px;
	overflow: hidden;
	line-height: 500px;
}

#menu_intro ul li ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 141px;
	height: 38px;
	float: left;
	overflow: hidden;
	line-height: 500px;
}

#menu_intro ul li ul li a {
	display: block;
	width: 141px;
	height: 38px;
	overflow: hidden;
	line-height: 500px;
	margin: 0px 1px 0px 0px;
	float: left;
}



#menu_intro li ul li {
	width: 141px;
	height: 38px;
}

#menu_intro li>ul {
	top: auto;
	left: auto;
}
/* positioning for submenu of option1/select a story */
#menu_intro ul li#AB ul {
	position: absolute;
	left: 21px;
}
/* position for submenu of option2/teacher's resource */
#menu_intro li ul#right {
	position: absolute;
	left: -150px;
}

#menu_intro li:hover ul, #menu_intro li.over ul {
	display: block;
}

#menu_intro ul li#option1:hover, #menu_intro ul li#option1.over, #menu_intro ul li#option2:hover, #menu_intro ul li#option2.over {
	background-position: 0 -38px;
}
#menu_intro li a:hover {
	background-position: 0 -38px;
}
#menu_intro li a#submenu-message:hover, #menu_intro li a#submenu-message2:hover {
	background-position: 0px 0px;
	cursor: default;
}

/* define the background buttons for the topmenu buttons */
#menu_intro ul li#AB{
	background: url(../images/fr/nav/main/tab_story.png) no-repeat;

}
#menu_intro ul li#CF {
	background: url(../images/fr/nav/main/tab_teachers.png) no-repeat;
}
#right_bottom_home{
	clear: left;
}

#submenu-message {
	background: url(../images/fr/nav/main/submenu_message.png) no-repeat;
	overflow: hidden;
}

#submenu-message2 {
	background: url(../images/fr/nav/main/submenu_message2.png) no-repeat;
	overflow: hidden;
}
/* define all background images for submenu lineitems, note that these background images contain both a normal and hover state, used ID tages to define targets */
#our-boots {
	background: url(../images/fr/nav/main/our_boots.png) no-repeat;
}

#perfect-pair {
	background: url(../images/fr/nav/main/perfect_pair.png) no-repeat;
}
#tradition {
	background: url(../images/fr/nav/main/tradition.png) no-repeat;
}
#taming-shoe {
	background: url(../images/fr/nav/main/chronicles.png) no-repeat;
}
#path-plains {
	background: url(../images/fr/nav/main/path_plains.png) no-repeat;
}
#appeasing-spirits {
	background: url(../images/fr/nav/main/appeasing_spirits.png) no-repeat;
}
#footsteps-earth {
	background: url(../images/fr/nav/main/footsteps_earth.png) no-repeat;
}
#paduka {
	background: url(../images/fr/nav/main/paduka.png) no-repeat;
}
#japanese {
	background: url(../images/fr/nav/main/japanese.png) no-repeat;
}
#what-line {
	background: url(../images/fr/nav/main/what_line.png) no-repeat;
}
#height-fashion {
	background: url(../images/fr/nav/main/height_fashion.png) no-repeat;
}
#tr-our-boots {
	background: url(../images/fr/nav/main/our_boots.png) no-repeat;
}
#tr-perfect-pair {
	background: url(../images/fr/nav/main/perfect_pair.png) no-repeat;
}
#tr-tradition {
	background: url(../images/fr/nav/main/tradition.png) no-repeat;
}
#tr-taming-shoe {
	background: url(../images/fr/nav/main/chronicles.png) no-repeat;
}
#tr-path-plains {
	background: url(../images/fr/nav/main/path_plains.png) no-repeat;
}
#tr-appeasing-spirits {
	background: url(../images/fr/nav/main/appeasing_spirits.png) no-repeat;
}
#tr-footsteps-earth {
	background: url(../images/fr/nav/main/footsteps_earth.png) no-repeat;
}
#tr-paduka {
	background: url(../images/fr/nav/main/paduka.png) no-repeat;
}
#tr-japanese {
	background: url(../images/fr/nav/main/japanese.png) no-repeat;
}
#tr-what-line {
	background: url(../images/fr/nav/main/what_line.png) no-repeat;
}
#tr-height-fashion {
	background: url(../images/fr/nav/main/height_fashion.png) no-repeat;
}

/* Misc. */
.tab-links {color:#F47D1D;}
.tab-links a, a.link, a.hover, a.visited {color:#FFFFFF; cursor:default;}