/* .topnavbar {
text-decoration: none;
font-family: Arial, sans-serif;
color: #E0BA78;
font-weight: bold;
}
*/
.box-header
{
margin : 0px;
padding : 0px;
color : #000000;
background-color :#F2CD7E; /* This was background color underneath image: #E0BA78; */
background-image : url(background6c.jpg); /* This is picture: url(background5.jpg */
border : 2;
}
/* .box-footer
{
margin : 0px;
padding : 6px;
color : #000000;
background-color : #ffffff;
border : none;
}
*/
body
{
margin : 0;
padding : 0px;
font-family : helvetica,arial,sans-serif;
font-size : 12px;
background-color : #ffffff;
color : #000000;
}
div
{
margin : 0px;
padding : 0px;
}
td
{
font-family: Arial, sans-serif;
}
td.road
{
border:1px solid #000000;
}
h1
{
margin : 0px;
padding : 0px;
}
h2
{
margin : 0px 0px 9px 0px;
padding : 0px 3px 0px 3px;
color : #ffffff;
background-color : #000000;
font-size : 1em;
font-weight : bold;
}
h2.ligo
{
margin : 0px 0px 9px 0px;
padding : 0px 3px 0px 3px;
color : #ffffff;
background-color : black;
background-image : url(ligo-12.jpg);
font-size : 1em;
font-weight : bold;
}
p
{
margin : 0px;
}
/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/
a:link.navcont, a:visited.navcont {
text-decoration: none;
font-family: Arial, sans-serif;
color: #F2CD7E; /* This controls color of visible HELP note */
font-weight: bold;
font-size: 12px;
}
a:hover.navcont {
color: #000000; /* This controls color of hover on HELP note */
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
background: #E0C6A3;
}
/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/
p.head
{
font-size : 130%;
font-weight : bold;
}
.head-left
{
font-size: 100%;
font-weight: bold;
color: #F0B434;
text-align: left;
}
.head-right
{
font-size: 100%;
font-weight: bold;
color: #F0B434;
text-align: right;
}
/* _____THESE THREE CONTROL HEAD LINKS______________________*/
a:link.head {
text-decoration: none;
font-family: Arial, sans-serif;
color: blue;
font-weight: bold;
background: none;
}
a:visited.head {
text-decoration: none;
font-family: Arial, sans-serif;
color: blue;
font-weight: bold;
background: none;
}
a:hover.head {
color: #000;
text-decoration: underline;
font-family: Arial, sans-serif;
font-weight: bold;
background: none;
display: block;
}
/* _____THESE THREE CONTROL THE HEAD LINKS______________________*/
/* _____THESE THREE CONTROL LIGO LINKS______________________*/
a:link.ligo {
text-decoration: none;
font-family: Arial, sans-serif;
color: yellow;
font-weight: bold;
background: none;
}
a:visited.ligo {
text-decoration: none;
font-family: Arial, sans-serif;
color: yellow;
font-weight: bold;
background: none;
}
a:hover.ligo {
color: #d3e2fc;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: bold;
background: none;
}
/* _____THESE THREE CONTROL THE HEAD LINKS______________________*/
li.navcont /* _____THIS SETS THE HORIZONTAL NAV LIST FOR THE TOP NAV LINKS______________________*/
{
margin-left: 0;
list-style-type: none;
display: inline;
text-decoration: none;
padding: .2em 1em;
}
p.foot /* _____THIS CENTERS THE FOOTER ______________________*/
{
text-align: center;
}
p.head
{
font-size : 130%;
font-weight : bold;
}
/* _____THIS HIDES THE COPYRIGHT LINK ______________________*/
a:link.copy, a:visited.copy{
text-decoration: none;
color: #000000;
font-size: 100%;
}
a:hover.copy{
color: #000000;
text-decoration: none;
}
/* _____THESE THREE CONTROL THE TOP NAV HELP LINK______________________*/
/* _____THIS HIDES THE LINK ______________________*/
#menu {
width: 100%;
/* background: #eee; */ /* COMENTING THIS ELIMINATES THE LIGHT BACKGROUND BOX HOLDING THE NAVBAR */
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 80px;
float: left;
}
#menu a, #menu h2 {
font: bold 12px/20px arial, helvetica, sans-serif;
display: block;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
/* padding: 2px 3px; */
}
#menu a.new{
font: bold 13px/10px arial, helvetica, sans-serif;
color: #F2CD7E; /* This controls color of visible CAREERS Text */
display: block;
border-width: 1px;
border-style: none;
margin: 0;
padding: 0px 15px; /* 1st PADDING Value controls alignment with other elements */
background: none;
}
#band {
background-image: url(background5.jpg); /* THIS PUTS PICTURE BEHIND NAVBAR CELLS */
}
#menu h2 {
color: #F2CD7E; /* This changes the visble color of top navbar text #F2CD7E; */
background: none; /* This changes background containing top navbar */
padding: 0px;
border-width: 0px;
border-style: none;
height: 20px;
}
/* THIS CONTROLS TEXT AND BACKGROUND OF ALL DROPDOWNS */
#menu a {
color: #000000; /* This controls visible text of all dropdowns*/
background: #E4BE8C; /* This controls background color of all dropdowns*/
text-decoration: none;
}
#menu a:hover {
color: #3B7BE5; This controls text of all dropdowns upon hover
display:block;
background: #E4CAA6;
}
/* THIS CONTROLS TEXT AND BACKGROUND OF ALL DROPDOWNS */
/* THIS CONTROLS TEXT AND BACKGROUND OF BATTERY CHARGERS NAV LINK */
#menu a.power {
color: #80FF00; /* This controls visible text of BATTERY CHARGERS*/
background: none; /* This controls background color of BATTERY CHARGERS*/
text-decoration: none;
}
#menu a.power:hover {
color: yellow; This controls text of BATTERY CHARGERS upon hover
display:block;
background: none;
}
/* THIS CONTROLS TEXT AND BACKGROUND OF BATTERY CHARGERS NAV LINK */
/* THIS CONTROLS TEXT AND BACKGROUND OF CAREERS NAV LINK */
#menu a.career{
color: #F2CD7E; /* This controls visible text of CAREERS */
background: none; /* This controls background color of CAREERS*/
text-decoration: none;
}
#menu a.career:hover {
color: yellow; This controls text of BATTERY CHARGERS upon hover
display:block;
background: none;
}
/* THIS CONTROLS TEXT AND BACKGROUND OF CAREERS NAV LINK */
#menu li {
position: relative;
}
#menu ul ul {
position: absolute;
z-index: 500;
left: 0; /* INGO CHAO FIX FOR IE7 */
}
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
div.topnav
{
background: #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 130px;
border: 1px solid #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}
div.topnav2
{
background: #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 190px;
border: 1px solid #D2B48C; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}
div.topnav3
{
background: #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 150px;
border: 1px solid #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}
div.topnav4
{
background: #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
width: 170px;
border: 0px solid #E6DBCC; /* Set to same color as #menu a backgound to eliminate bars on dropdown */
}
div.hr {
height: 1px;
background: #ffffff;
}
div.hr hr {
display: none;
}
#submenu a {
color: #000000; /* This controls visible text of all SUBMENU dropdowns*/
background: #F8C684; /* This controls background color of all dropdowns*/
text-decoration: none;
}
#submenu a:hover {
color: #3B7BE5; This controls text of all SUBMENU dropdowns upon hover
display:block;
background: #E4CAA6;
}
.logo {
display: block;
width: 242px;
height: 80px;
background: url('kepco-logo-bk-hover.jpg') bottom;
text-indent: -99999px;
}
.logo:hover {
background-position: 0 0;
}
.twit {
display: block;
width: 24px;
height: 24px;
background: url('bird-new3.gif') bottom;
text-indent: -99999px;
}
.twit:hover {
background-position: 0 0;
}
