/*this document contains the styles for the page banner and navigation, as well as the search and quick picks functions
all styles indicated with  /.IE HACK./ are adjustments to compensate for browser incompatibility*/

div.banner{
	height:168px;
	width:756px;
	position:relative;
	background-repeat:no-repeat;
	background-position:0 16px;
	/background-position:3px 16px;}
	/* see [EONI]banner.css for all rotating banners used by EONI */
div#banner_image1{background-image: url(../images/slices/banner1.jpg);}  /* p1 generic header banner (same as p1banner.jpg) */


/*all navigation menus will use these basic styles*/
.navigation{
	color:#FFFFFF;
	width:756px;}
ul.navigation{
	margin:0;
	padding:0;}
ul.navigation li{
	margin:0 0 0 8px;
	padding:0;
	list-style-type: none;
	display:inline;
	float:left;}
ul.navigation li a{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;}
ul.navigation li a:hover{
	/*color:#000099;  for EONI; change to FF8000 (orange) or FDD205 (gold) for P1Tel, as below */
	color:#FDD205;}

/*this is the top navigation and date information*/
div#topnav{
	height:16px;
	width:100%; /* fix for FF3 and Opera 9; leh 5-28-08 */
	background-image: url("../images/slices/topnavbg.gif");
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	left:0;}
div#topnav ul{
	position:absolute;
	top:-1px;}
div#topnav ul li, div#topnav p{
	font-size:.7em;}
div#topnav p{
	margin:-1px 0 0 0;
	padding: 0 8px 0 0;
	display:inline;
	font-weight:bold;
	color:#FFFFFF;
	float:right;}

/*this is the main navigation menu*/
div#mainnav{
	height:30px;
	background-image: url("../images/slices/mainnavbg.gif");
	background-repeat:repeat-x;
	position:absolute;
	top:138px;
	left:0;
	margin:0;}
div#mainnav ul{
	margin:5px 0 0 0;
	padding:0;}
div#mainnav ul li{
	font-size:1em;
	padding:0;}	
	
/*search bar*/
div#search{
	height:74px;
	width:195px;
	position:absolute;
	left:562px;
	/left:564px;	 /*IE HACK*/
	top:25px;
	font-size:.7em;
	letter-spacing:-.1em;}
div#search form{margin:0;
	padding:0;}
div#search input{margin:0;
	padding:0;}
span#search, span#googleradio, img#google, span#eoniradio, img#eoni{
	position:absolute;
	margin:0;
	padding:0;}
span#search{top:4px;
	left:1px;}
span#googleradio{top:4px;
	/top:0;	 /*IE HACK*/
	left: 45px;
	/left:43px;}	 /*IE HACK*/
img#google{top: 0px;
	left:58px;
	/left:60px;}	 /*IE HACK*/
span#eoniradio{
	top:4px;
	/top:0;	 /*IE HACK*/
	left: 115px;
	/left:113px;}	 /*IE HACK*/
img#eoni{top:0px;
	left:130px;}

/*line 2*/
span#searchfield{
	position:absolute;
	top:23px;
	left:2px;}
span#searchfield input{width:125px;
	margin:0;
	padding:0;}
span#searchfield input.button{font-size:.8em;
	width:25px;}
	
/*quick picks*/
div#search option.picks{text-indent:25px;font-size:12px;font-family:"Courier New", Courier, mono;}
div#search form#quick{position:absolute;
	top:47px;
	left:2px;
	height:20px;}
div#search form#quick select{
	width:180px;}