.header { padding: 20px; background-color:#3c3c44; border-bottom: 1px black solid; }
.header h1 { color:white; font-size: 30px; float:left; margin: 0; }
.header h2 { color:white; font-size: 20px; font-style:italic; font-weight:400; float:right; margin: 0; }



.nav							{ border-top: 1px #424451 solid; background-color:#33363d; padding: 5px; }
.nav ul { list-style-type:none; margin: 0px; padding: 0; }
.nav li						{ font-size: 15px; font-weight: bold; float: right; list-style-type:none; margin: 5px 3px 6px 0px;  }
.nav li a					{ border: 1px #ea7400 solid; text-decoration: none; padding: 4px 7px 4px 15px; color:white; margin-left: 10px; display: inline-block;  }
.nav li a:hover					{ background-color: #ea7400; text-decoration: none; color:white;  }
.nav li .fa					{ margin-left: 10px; color:#ea7400 }

.nav li a:hover .fa					{ color: #000000; }




.menu { float: left; background-color:#33363d; width: 250px; margin-left: 0; padding: 30px 0;  }
.menu ul { list-style-type:none; margin: 0; padding: 0px; }
.menu li  { margin: 0; position: relative; display: block; }
.menu li a { padding: 8px 16px; color:white; border-top: 1px #545e67 solid; display:block; text-decoration:none; background: #697581; }

.menu li .fa { float:right; color:#ffffff; font-size: 20px; position: relative;    }


.menu li a:hover     { background-color:#545e67; }
.menu li a:active     { background-color:#545e67; }

li:hover .drop-menu,
li:active .drop-menu { display: block; position: absolute; top: 0px; left: 250px; z-index: 999; width: 250px; box-shadow: 0 0 5px black; }

.drop-menu { display:none; margin-left: 100px; }

.drop-menu li .drop-menu { display: none; }
.drop-menu li:hover .drop-menu { display: block; }
.drop-menu li:active .drop-menu { display: block; }


.drop-menu li a.viewall { background:black; }
.drop-menu li a.viewall:hover { background:#ea7400; }



.menu .logout { text-align:right; margin-right: 10px; }
.menu .logout a { background-color:#ea7400; padding: 4px 10px; font-weight:bold; color:white; display: inline-block;  }
.menu .logout a:hover { text-decoration:none; background-color:#697581; }
.menu .logout a .fa { margin-left: 8px;  }



















.lx_search_area 		{z-index:6001; display: none; width: 450px; height: 400px; position: absolute; left: 0px; padding: 0px; margin: 0px 50% 0px 50%; top: 130px; left: -170px;}
.lx_search_bg			{z-index:6000; display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; cursor: hand; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }


.lx_popup_area 			{z-index:6001; display: none; width: 600px; height: 400px; position: absolute; left: 0px; padding: 0px; margin: 0px 50% 0px 50%; top: 130px; left: -300px;}
.lx_popup_bg			{z-index:6000; display: none; position: fixed; bottom: 0px; left: 0px; width: 100%; height: 100%; background-color: #000000; cursor: hand; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }


.head-close				{ text-align:right; height: 15px;}
.head-close .fa         { font-size: 20px; color:white; background-color:#ea7400; height: 25px; width: 25px; line-height: 25px; text-align:center; margin-right: 10px;     }
.head-search					{ background-color: #33363d; padding: 24px 50px; border: 1px #ea7400 solid;   }
.head-search h1				{ color: #ffffff; font-weight: 600; margin: 0px 0px 5px 0px; font-size: 32px}
.head-search p				{ margin: 6px 0px; }
.head-search a					{ color: #ffffff; text-decoration: none; }
.head-search a:hover				{ color: #ffffff; text-decoration: underline;  }
.head-search .formbutton { background-color:#ea7400    }