/* css tabs menu */

ul#tabmenu { /* general tab settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins*/
font: bold 14px verdana, arial, sans-serif; 
border-bottom: 1px solid #7F7F7F; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabmenu li { /* do not change */
display: inline;
}

ul#tabmenu li.selected { /* settings for selected tab */
padding: 5px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
background-color: #FFFFFF;  
color: #003399; /* set text color */
border-top: 1px solid #7F7F7F; 
border-left: 1px solid #7F7F7F;  
border-right: 1px solid #7F7F7F;  
border-bottom: 1px solid #FFFFFF;  
margin-right: 0px; /* set additional spacing */
text-decoration: none;
}

ul#tabmenu li.soon { /* settings for coming soon */
padding: 5px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7F7F7F; 
background-color: #cccc99; 
color: #003366; 
margin-right: 0px; 
text-decoration: none;
border-bottom: none;
}

ul#tabmenu li a { /* settings for all tab links */
padding: 5px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #7F7F7F; 
background-color: #cccc99; 
color: #003366; 
margin-right: 0px; /* set additional spacing between tabs */
text-decoration: none;
border-bottom: none;
}

ul#tabmenu a:hover { /* settings for hover effect */
background: #FFFFFF;  
color: #003399; 
}

/*
ul#tabmenu li.soon:hover {
background: #DDDDDD;  
color: #DDDDDD; 
}
*/

ul#tabmenu li.soon span{ /* settings for hover effect */
display: none;; 
}

ul#tabmenu li.soon:hover span{ /* settings for hover effect */
display: block;
position: absolute;
padding: 10px;
top: 160px;
left:480px;
background: #DDDDDD;  
color: #dd0000; 
border: 2px solid #dd0000;  
}

