/* CONTROL DIV
     is used for the top tool bar above the header and the logo.
        The toolbar is left and right aligned using span */
 
div#controls {  
    display: block;
    background: #f6f2db;
    color: black;
    text-decoration: none;
    text-align: left;
    float: left;
    width: 97%;
    padding: .2em;
    border-bottom: .1em solid black;
    font-size: .8em !important;
    font-weight: normal;
}

div#controls * {    
    color: black;
    text-decoration: none;
    padding: 0em .3em 0 .3em;  
}

div#controls a:hover,
a:focus,
div#controls a:active {
    text-decoration: underline;   
}

.control { 
    color: black; 
    text-align: left; 
    float: left; 
    border-right: .2em solid  black;
}

.control.right
{
	margin-right: 5em;
    border-left: .2em solid  black;
    border-right: none;
	float: right;
}

#zoomctrl {
	  width:120px;	  
}


.lastControl { 
    color: black; 
    text-align: left; 
    float: left; 
}


.rightcontrols { 
    color: black; 
    float: right;
    width:22%;
}

.control1 { 
    color: black;   
}

.control2 { 
    text-align: right; 
    border-right: .2em solid  black;
    color: black; 
}

/*  END OF CONTROLS */




#menu 
{
    float:left;
	width:100%;  
    font-size: 1.2em !important;
    font-weight: bold;
    height: 2em;
    line-height: 1.8em;    
}
    
#tagline {/* HACK: hide from MacIE5 */ 
    clear: both;
}

#menu ul {
    margin-left: 0;
    padding-left: 0;
}


ul.leftNavigation {  
    width: inherit;
    font-family: "Arial", sans-serif;
    list-style-type: none;
    border-left: 1px solid #FFF;
    white-space: nowrap;
    background: #F6F2DB;
    border: 2px #000;
    border:1px solid black;
    margin:0px;
    padding:0px;
}

ul.leftNavigation li.content {
    display: block;
    padding: 0 5px;
    font-size: 0.9em;
    text-decoration: none;
    background-color: #339;
    color: #FFF;
}
ul.leftNavigation li.content a {
    display: block;
    text-decoration: none;
    color: #FFF;
}
ul.leftNavigation li.toggle {
    display: block;
    padding: 0 3px;
    font-size: 0.9em;
    text-decoration: none;
    background-color: #339;
    color: #FFF;
}
ul.leftNavigation li.subToggle {
    display: block;
    padding: 0 0px;
    font-size: 0.9em;
    text-decoration: none;
    color: #000000;
}
ul.leftNavigation li.toggle a {
    color: #FFF;
    text-decoration: none;
}
ul.leftNavigation li.content:hover, ul.leftNavigation li.toggle:hover, ul.leftNavigation li.content a:focus, ul.leftNavigation li.toggle a:focus {
    background-color: #2a637e;
}

ul.leftNavigation ul.content {
    list-style-type:circle;
}
ul.leftNavigation ul.content li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: .9em;
    background-color: inherit;
}
ul.leftNavigation ul.content li a:hover, ul.leftNavigation ul.content li a:focus {
    color: #00F;
}

ul.topNavigation {  
    float: left;
    width: inherit;
    font-family: "Arial", sans-serif;
    list-style-type: none;
    border-left: 1px solid #FFF;
    white-space: nowrap;
    background: #F6F2DB;
    border:2px solid black;
    margin: 0px 5px 0px 0px;
    padding:0px;
}
ul.topNavigation li.content {
    float: left;
    display: block;
    list-style-type: none;
    white-space: nowrap;
    background-color: #339;
}
ul.topNavigation li.content a {
    float: left;
    display: block;
    font-size: 0.8em;
    color: #FFF;
    text-decoration: none;
    padding: 0 10px;
}
ul.topNavigation li.content:hover, ul.topNavigation li.content a:focus {
    background-color: #2a637e;
}