/* =====
Designer:	"BlueW";
Site:	"http://www.codeysworld.com/";
Path:	"./styles/";
File:	"cw08q4-unicorn-buttons.css";
Date:	"2008-11-01";
===== */

.uMenu, div.uMenu, table.uMenu { 
	background-color: transparent;
	color: saddlebrown;
	width: 100.00%; 
	font-family: "Comic Sans MS", sans-serif; 
	margin: 0.0in auto 0.5in auto; 
}
.uMenu td, .uMenu th { 
	background-color: transparent;
	/*
	background-image: url(../images/cw07-starburst-light-yellow.png);
	background-position: top center;
	background-repeat: no-repeat; 
	*/
	color: saddlebrown;
	width: 20.00%; /* was 1.5in; */ 
	height: auto; /* was 1.0in; */
	text-align: center; 
	vertical-align: top;
	font-family: "Comic Sans MS", sans-serif;
	font-weight: bold;
}

.uMenu a { 
	display: block;
	padding-top: 60px; /* allow for max height of button images */
	background-color: transparent; 
	background-image: none;
	background-position: top center;
	background-repeat: no-repeat; 
	color: saddlebrown; 
	text-decoration: none; 
}
.uMenu a[href] { text-decoration: underline; }
.uMenu a:link { 
	background-color: transparent; 
	color: maroon; 
}
.uMenu a:visited { 
	background-color: transparent; 
	color: saddlebrown; 
}
.uMenu a:active, 
.uMenu a:hover { 
	background-color: transparent; 
	color: red; 
}
.uMenu img, .uMenu a img, .uMenu img a { border: none; }

/* .uMenuLeft - unicorn facing left */
a.uMenuLeft { 
	background-position: center 18px;
	background-image: url(../images/unicorn_buttons/unicorn_left.png);
}
/* .uMenuLeft - unicorn facing left */
a.uMenuLeft:hover { 
	background-image: url(../images/unicorn_buttons/unicorn_left.png);
}

/* .uMenuRight - unicorn facing right */
a.uMenuRight { 
	background-position: center 18px;
	background-image: url(../images/unicorn_buttons/unicorn_right.png);
}
a.uMenuRight:hover { 
	background-image: url(../images/unicorn_buttons/unicorn_right.png);
}

/* .uMenuPhoenix - phoenix rising */
a.uMenuPhoenix { 
	background-position: center 0px;
	background-image: url(../images/unicorn_buttons/phoenix_button.png);
}
a.uMenuPhoenix:hover { 
	background-image: url(../images/unicorn_buttons/phoenix_button.png);
}

/* ----- old starburst menu with new class name identifiers */

.cwMenuStarburst, div.cwMenuStarburst, table.cwMenuStarburst { 
	background-color: transparent;
	color: saddlebrown;
	width: 7.50in; 
	font-family: "Comic Sans MS", sans-serif; 
	margin: 0.0in auto 0.5in auto; 
}
.cwMenuStarburst td, .cwMenuStarburst th { 
	background-color: transparent;
	background-image: url(../images/cw07-starburst-light-yellow.png);
	background-position: top center;
	background-repeat: no-repeat; 
	color: saddlebrown;
	width: 1.5in; 
	height: 1.0in;
	text-align: center; 
	vertical-align: middle;
	font-family: "Comic Sans MS", sans-serif;
	font-weight: bold;
}
.cwMenuStarburst .colx1 { width: 20%; }
.cwMenuStarburst .colx2 { width: 40%; }
.cwMenuStarburst .colx3 { width: 60%; }
.cwMenuStarburst .colx4 { width: 80%; }
.cwMenuStarburst .colx5 { width: 100%; }

.cwMenuStarburst a { background: transparent; color: saddlebrown; text-decoration: none; }
.cwMenuStarburst a[href] { text-decoration: underline; }
.cwMenuStarburst a:link { background: transparent; color: maroon; }
.cwMenuStarburst a:visited { background: transparent; color: saddlebrown; }
.cwMenuStarburst a:active, 
.cwMenuStarburst a:hover { background: transparent; color: #cc0000; }