#info {position:absolute;}

/* TOP ROW */
.beaconmenu {
	font-size:12px;
	font-family:"Trebuchet MS", Arial, sans-serif;
	position:relative;
	z-index:100;
	padding-top: 1px;
	padding-bottom: 0px;
	color: #FFFFFF;
	padding-left: 1px;
	line-height: 16px;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/* remove all the bullets, borders and padding from the default list styling */
.beaconmenu ul {padding:0;margin:0;list-style-type:none;}
.beaconmenu ul ul {
	width:134px;
	font-size: 11px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.beaconmenu li {float:left;width:133px;position:relative;}

/* TOP ROW (line height is vertical space between tabs) (HEIGHT is the height of the menu bar. Use with padding-top in menu class to adjust position) */
.beaconmenu a, .beaconmenu a:visited {display:block;font-size:12px;text-decoration:none; font-family:"Trebuchet MS", Arial, sans-serif; color:#FFFFFF; width:130px; height:21px; background:#none; padding-left:1px; padding-top:0px;  padding-bottom:0px; line-height:19px; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .beaconmenu a, * html .beaconmenu a:visited {width:133px; w\idth:133px;}

.line {
border-right: solid 1px #FFFFFF;
}
/* hide the sub levels (top indicates space between top row and drop downs) */
.beaconmenu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:21px;
	left:0;
	width:133px;
	font-size: 11px;
}
/* another hack for IE5.5 */
* html .beaconmenu ul ul {top:25px;t\op:25px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.beaconmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* DROW DOWNS (padding dictates word spacing within lozenge) */
.beaconmenu ul ul a, .beaconmenu ul ul a:visited {
    background-color: #A80028;
	color:#FFFFFF;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	height:20px;
	width:133px;
	padding:0px 0px 0px 0px;
	font-size: 10px;
}
/* yet another hack for IE5.5 */
* html>body .beaconmenu ul ul a, * html>body .beaconmenu ul ul a:visited {

	width:130px;w\idth:130px;}

/* TOP ROW hover */
.beaconmenu a:hover, .beaconmenu ul ul a:hover{background-color:#8A0A29; width:133px;}
.beaconmenu :hover > a, .beaconmenu ul ul :hover > a {background-color:#8A0A29; width:133px;)}

/* HACK TOP ROW HOVER */
* html>body .beaconmenu a:hover, .beaconmenu ul ul a:hover{background-color:#8A0A29;)}
* html>body .beaconmenu :hover > a, .beaconmenu ul ul :hover > a {background-color:#8A0A29;)}

/* make the second level visible when hover on first level list OR link */
.beaconmenu ul li:hover ul,
.beaconmenu ul a:hover ul{visibility:visible; }
.newsheadlines {
	position:relative;
	z-index:100;
	background-image: url(graphics/jpegs/newsheadlines.jpg);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-decoration: none;
}
