/* CSS Document */

.udm,.udm li,.udm ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.udm {
	position:absolute;
	left:0px;
	top:45px;
	z-index:200000;
	width:181px;
	cursor:default !important;
	border:none;
	text-align:left;
	visibility: visible;
	}
.udm {
	margin-left:0px;
	margin-top:0px;
	}
.udm li {
	display:block;
	width:181px;
	position:static;
	}
@media Screen,Projection {
	:root .udm/**/[class="udm"] li {
	position:relative;
	}}
@media Screen,Projection {
	:root .udm/**/[class="udm"] ul li {
	position:relative;
	}}
.udm li a {
	position:relative;
	display:block;
	}
.udm li {
	margin-bottom:5px;
	}
.udm ul li {
	margin-bottom:0;
	}
.udm ul a {
	margin:0;
	}
.udm ul li {
	margin-bottom:0px !important;
	}
.udm ul li:first-child {
	margin-top:0px;
	}
.udm ul a {
	margin-top:0;
	margin-right:0px !important;
	margin-bottom:0;
	margin-left:0px !important;
	}
.udm ul {
	background-image:none;
	background-color:#000066;
	cursor:default !important;
	width:200px;
	height:auto;
	border-width:1px;
	border-color:#fff #555 #555 #fff;
	border-style:solid;
	position:absolute;
	z-index:20100;
	padding:2px;
	}
.udm ul li {
	cursor:default !important;
	width:100%;
	position:static;
	float:none;
	}
.udm ul {
	display:none;
	}
html/**/[xmlns] .udm u\l {
	display:block;
	visibility:visible;
	height:0;
	overflow:scroll;
	left:-10000px;
	}
@media screen,projection {
	* html .udm ul  {
	display:block;
	height:0;
	overflow:scroll;
	top:-10000px;
	}}
ul.udm/**/[class^="udm"] u\l {
	display:block;
	visibility:visible;
	height:0;
	overflow:visible;
	left:-1000em;
	}
.udm a .udmA {
	visibility:hidden;
	margin:0 9px;
	display:block;
	cursor:pointer !important;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	border:none;
	cursor:inherit !important;
	}
.udm a .udmA img {
	display:block;
	}
.udm ul a .udmA {
	margin:0 5px;
	}
* html .udm a .udmA {
	right:0px;
	top:0px;
	}
* html .udm ul a .udmA {
	right:1px;
	top:1px;
	}
.udm a,.udm a:link,.udm a.nohref {
	background-image:url(blue-bullet-bg.gif);
	background-repeat:no-repeat;
	cursor:pointer !important;
	z-index:1000;
	text-align:left;
	border-style:solid;
	border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
	padding-left:9px;
	padding-right:9px;
	padding-top:2px !important;
	padding-bottom:1px !important;
	text-decoration:none;
	color:#FFDE00;
	border-width:0px;
	font-style:normal;
	font-weight: bold!important;
	min-height: 19px;
	}
.udm a,.udm a.nohref {
	font-size:100%;
	}
.udm a .udmA,.udm a:link .udmA,.udm a.nohref .udmA {
	font-weight:bolder !important;
	}
.udm li a,.udm li a:link,.udm li a.nohref,.udm li a:visited {
	letter-spacing:1px !important;
	}
.udm li a:visited {
	background-image:none;
	border-width:0px;
	color:#33FF99;
	font-style:normal;
	border-style:solid dashed solid solid;
	border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
	}
.udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus {
	font-style:normal;
	background-image:url(red-bullet-bg.gif);
	text-decoration:none;
	color:#FFFFFF;
	border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
	border-style:solid;
	border-width:0px;
	}
* html .udm li a:active {
	font-style:normal;
	background-image:url(red-bullet-bg.gif);
	text-decoration:none;
	color:#FFFFFF;
	border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
	border-style:solid;
	border-width:0px;
	}
.udm ul a,.udm ul a:link,.udm ul a.nohref {
	background-image:none;
	background-color:transparent;
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#555555;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px !important;
	padding-bottom:1px !important;
	text-decoration:none;
	color:#33FF99;
	font-size:130%;
	font-weight:bold !important;
	}
.udm ul li a:visited,* html .udm ul li a:visited {
	background-image:none;
	background-color:transparent;
	color:#FFD700;
	font-style:normal;
	border-width:1px;
	border-style:solid;
	border-color:#f8fbd0;
	}
.udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover {
	font-style:normal;
	background-image:none;
	background-color:#ff0099;
	text-decoration:none;
	color:#FFFFFF;
	border-color:#aca;
	border-style:solid;
	border-width:1px;
	}
* html .udm ul li a:active {
	font-style:normal;
	background-image:none;
	background-color:#ff0099;
	text-decoration:none;
	color:#FFFFFF;
	border-color:#aca;
	border-style:solid;
	border-width:1px;
	}
.udm a.nohref,.udm ul a.nohref {
	cursor:default !important;
	}
.udm h3,.udm h4,.udm h5,.udm h6 {
	display:block;
	background:none;
	margin:0;
	padding:0;
	border:none;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	}
.udm h1,.udm h2,.udm h3,.udm h4,.udm h5,.udm h6 {
	width:100%;
	}
@media screen,projection {
	* html .udm li {
	display:inline;
	}}
@media screen,projection {
	* html .udm li,* html .udm ul li {
	display/**/:block;
	float/**/:left;
	}}
ul[class$="udm"].udm li,ul[class$="udm"].udm ul li {
	display:block;
	float:left;
	}
ul[class$="udm"].udm:not([class="xxx"]) li {
	float:none;
	}
ul[class$="udm"].udm:not([class="xxx"]) ul li {
	float:none;
	}
@media all {
	ul[class$="udm"].udm li {
	float:none;
	}}
@media all {
	ul[class$="udm"].udm ul li {
	float:none;
	}}
select {
	visibility:visible;
	}
.udm .udmC {
	position:absolute;
	left:0;
	top:0;
	z-index:20020;
	width:auto;
	height:auto;
	}


.navButton, .navButton:visited {
	height:19px!important;
	width:181px;
	position:relative !important;
	}
	
	
.navButton span, .navButton:visited span {
	display:block;
	height:36px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-repeat:no-repeat;
	}
	
	
#home-button span, #learn:visited span {
	background-image:url(home.gif);
	}

	#learn-button span, #learn:visited span {
	background-image:url(learn.gif);
	}

	#read-aloud-button  span, #read-aloud:visited span {
	background-image:url(read-aloud.gif);
	}
	
	#make-print-button  span, #make-print:visited span {
	background-image:url(make-print.gif);
	}
	
	#listen-speak-button  span, #listen-speak:visited span {
	background-image:url(listen-speak.gif);
	}
	
	#listen-sing-button  span, #listen-sing:visited span {
	background-image:url(listen-sing.gif);
	}
	
	
	
	/* rollovers are background position so that no preloading is necessary */
.navButton span, .navButton:visited span {
	background-position:0 0;
	height: 19px!important;
	}

.navButton:hover span, .navButton:focus span, .navButton:visited:hover span, .navButton.udmR span, .navButton.udmR:visited span, .navButton:active span {
	background-position:0 -81px!important;
	}