/* css for page header- Visiual logo, Acuity logo, Tagline, Menu */

.about_visual
{
    color: #336699;
    font-family: Verdana;
    font-size: 9px;
    left: 0px;
    position: relative;
    top: 8px;
    width: 590px;
}

.acuity_brands_logo
{
   left: 5px;
   position: relative;
   top: 0px;
}   


body
{
    background-color: #336699;
}


.banner
{
    left: 0px;
    position: relative;
    top: 0px;
   
}

.header_container
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	width: 900px;
	border-left-style: solid;
    border-left-color: White;
    border-left-width: 1px;
    
    border-right-style: solid;
    border-right-color: White;
    border-right-width: 1px;
    
    /*border-top-style: solid;
    border-top-color: White;
    border-top-width: 1px;*/
	
	
	
}

.header
{
	margin: 0 0 5px 0;
	background-color:gray;
}

.menubar
{
    /*background: url("../images/menu-bar2.gif") repeat-x bottom left;*/
    font-size: 10px;
    height: 25px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 900px; 
}


#menu_container
{
	background:white;
	font-family: Verdana, Sans-serif;
	font-weight: bold;
	font-size: 11px;
    left: 0px;
	position:relative;
	top: 0px;
	width:900px;
	
}


#submenu
{
	color: #464646; 
	padding: 5px;
	font-family: Verdana, Sans-Serif; 
	font-size: 11px; 
	height: 1em;
   position: relative;
}

#submenu ul
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#submenu ul li
{
    display: block;
    float: left;
    margin: 0;
    padding-right: 50px;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li a:active
{
	color: Black; 
	text-decoration:none;
}

#submenu ul li a:hover
{
   color: red;
	text-decoration:none;
}


#tabs
{
    background: url(../images/menu-bar4.gif) repeat-x bottom left;
    height: 28px;
    font-weight: bold;
    padding: 0 0 0 20px;
    position: relative;
    border-bottom-style: solid;
    border-bottom-color: White;
    border-bottom-width: 1px;
    margin-top: 5px;
              
    
}



#tabs ul
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	
}


#tabs ul li
{
  display: block;
  float: left;
  margin: 0 1px;
  
}

#tabs ul li a
{
	display: block;
	float: left;
	color:#e3cc3e;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 20px;
	height: 33px;
}
/* controls location of menu bar text.*/
#tabs ul li a span
{
    padding:12px 20px 0 0;
    height:21px;
    float:left;
 }

#tabs ul li a:hover
{
  color: white;


 /*background: transparent url(../images/menu-bar.gif) repeat-x bottom left;*/
}

#tabs ul li a:hover span
{
  display: block;
  width: auto;
  cursor: pointer;
 }
 
 

/*#tabs ul li a.current,#tabs ul li a.current:hover
{
   
    background:  url(../images/left_ON2.gif) no-repeat top left;
    line-height: 275%;
}

*/
/*#tabs ul li a.current span
{
    display: block;
    padding: 0 20px 0 0;width:auto;
    background: url(../images/right_ON2.gif) no-repeat top right;
   height: 33px;
}

*/

.tagline
{
    color: black;
    font-size: 7pt;
    font-family: Verdana;
    position: relative;
    text-indent: 150px;
    top: 3px;
}  

td
{
    background-color: white; 
  
  
}

.visual_logo
{
   left: 30px;
   position: relative;
   top: 0px;
}   

#maintab{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
}

#maintab li{
display: inline;
margin: 0;
}

#maintab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: black;
background: white;
}

#maintab li a:hover{
color: navy;
background: #EFFADC;
}

#maintab li.selected a{ /*selected main tab style */
/*background-color: #EFFADC;*/
color: #464646;
/*border-color: navy; */
}

#tabcontent{ /*2nd level content wrapper*/
border: 1px solid #778;
color: #464646;
font-family: Verdana, Sans-Serif;
/*background-color: #EFFADC;*/
position: relative;
height: 100%; /*IE7 beta2 fix*/
}

#sub
{
	height:28px;
}

#tabcontent ul{
padding: 0;
margin: 0;
list-style-type: none;
display: none;
}

#tabcontent ul li{
display: inline;
}

#tabcontent ul li a:link, #tabcontent ul li a:visited, #tabconent ul li a:active
{
	color: Black;
	text-decoration: none;
}

#tabcontent ul.selected{ /*selected 2nd level content*/
display: block;
}

#tabcontent ul li a{
border-right: 1px solid #778;
color: black;
padding: 2px 5px;
display: block;
float: left;
text-decoration: none;
}


#tabcontent ul li a:hover{
/*background-color: #D3F1A0; */
color: red;
text-decoration: none;
}

.clearfix:after{ /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}