@charset "utf-8";
/* CSS Document */

 ul.nav {                                              /* defines  a horizontal menu */
	list-style:none;
	background-color:#cccccc;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: black;
	margin:0;
	padding:0;
	width:150px;
 }
 
ul.nav a {                                         /* defines the link styling */
	 display:block;                        /* converts the link from inline to block element so they cover all the available space*/
	 border:3px solid black;
	 color:black;
/*	 font-family:LCARS, Arial Black; */
	font-family:Calibri;
	 font-size:100%;
	 font-weight:bold;
	 height:50px;                             /* vertically aligns the text link (value equal to the height) */
	 padding-right:5px;                 /* inserts 5 spaces (padding) between  the text link and border */
	 text-align:right;
	 text-decoration:none;            /* removes the text underline added by default to the links */
	 text-transform:uppercase;  /* converts the text characters to uppercase */
 }
 
 ul.nav a.first { margin-top:0; }
 ul.nav a:hover { background-color: white; }
 
  ul.nav-redalert {                                              /* defines  a horizontal menu */
	list-style:none;
	background-color:#cccccc;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #000;
	margin:0;
	padding:0;
	width:150px;
 }
 
 ul.nav-redalert a {                                         /* defines the link styling */
	 display:block;                        /* converts the link from inline to block element so they cover all the available space*/
	 border:3px solid black;
	 color:black;
/*	 font-family:LCARS, Arial Black; */
	font-family:Calibri;
	 font-size:100%;
	 font-weight:bold;
	 height:50px;                             /* vertically aligns the text link (value equal to the height) */
	 padding-right:5px;                 /* inserts 5 spaces (padding) between  the text link and border */
	 text-align:right;
	 text-decoration:none;            /* removes the text underline added by default to the links */
	 text-transform:uppercase;  /* converts the text characters to uppercase */
 }

 ul.nav-redalert a.first { margin-top:0; }
 ul.nav-redalert a:hover { background-color: red; }


#button01 { background-color: #FBF49D; }   /* pale yellow */
#button02 { background-color: #CB9AC6; }   /* lavendar */
#button03 { background-color: white; }
#button04 { background-color: #FFCD05; }   /* light orange */
#button05 { background-color: #F8981D; }   /* orange */
#button06 { background-color: #4067B1; }   /* blue */
#button07 { background-color: #A0CBED; }   /* light blue */