﻿
/*   ============================================================

     The Drop down menu Cascading Style Sheet information  

     ============================================================  */

ul, li
{
font-size:14px; 
font-family:Arial, Helvetica, sans-serif;
line-height:0px;
text-align:left;
margin:0px 0px 0px 0px;
}
              
#NavigationBar
{    /* Define the colours, Length, Heigth & Indent of the background*/
list-style:none;
width:780px;
/*margin: 0px auto 0px auto;*/
margin: 0px 0px 0px 0px;
height:20px;
padding:0px 14px 0px 10px;
background: #B9B9B9;
}

/* The Top menu Line of Text as we see it at startup*/
#NavigationBar li 
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px; 
height:0px;
line-height: 0px;
float:left;
text-align:center;
position:relative;
padding: 4px 14px 4px 10px;
margin-right:20px;
margin-top:6px;
border: none;
}

/* The Top menu Line normally*/
#NavigationBar li a 
{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px; 
 /*height:20px;*/
 outline:0;
 text-decoration:none;
}


/*  The Sub-Menus */

.dropdown_1column, 
.dropdown_3columns
     {
     margin:10px 0px 0px 0px;
     font-size:12px;
     line-height:20px;
     float:left;
     position:absolute;
     left:-1px;
     text-align:left;
     border:1px solid #777777;
     padding: 4px 0px 4px 0px;
     display:block;
     background:#F4F4F4;
     }

.dropdown_1column {width: 130px; }
.dropdown_3columns {width: 405px;}



.col_1,
.col_3
     {
     display:block;
     float: left;
     position:  relative;
     margin-left: 5px;
     margin-right: 0px;
     line-height:20px;
     font-size:12px;
     text-align:left;	
     line-height:20px;	
     }
     
.col_1 {width:130px;}
.col_3 {width:410px;}

/* Items in the drop down menu */
#NavigationBar .menu_right 
     {
	float:right;
	margin-right:2px;
	left:auto;
	display:block;
	top:auto;
	}

/* Position of the entire drop down menu */
#NavigationBar li .align_right 
     {
	left:auto;
	right:-1px;
	top:auto;
     }


#NavigationBar p, #NavigationBar h3, #NavigationBar ul li 
     {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	text-align:left;
	display:block;
	height:25px;
     }

#NavigationBar h3 
     {
	font-size:14px;
	line-height:20px;
	margin:0px 10px 0px 5px;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
	color: #582676;
     }
     
#NavigationBar p 
     {
	line-height:20px;
	margin: 0px 0px 10px 0px;
	display:block;
     }



#NavigationBar li div a 
     {
     border: 0px none #582676;
	font-size:12px;
	line-height:20px;
	color:#582676;
	padding: 4px 10px 4px 10px;
	display:block;
	margin:0px 0px 0px -5px;
     }






/* Menu Items in the list */
#NavigationBar li ul {
	list-style:none;
	padding: 4px 0px 4px 10px;
	line-height:20px;
	font-size:12px;
	margin:0px 0px 0px -10px;
}

#NavigationBar li ul li {
	font-size:12px;
	line-height:20px;
	position:relative;
	padding-left: 10px;
	margin:0px 0px 0px -10px;
	float:none;
	text-align:left;
	width:130px;
}



