header { position:relative; top:0px;width:100%; height:100px; display:block;  z-index:999;}

hgroup { display:inline-block; position:absolute; top:45px; left:235px; padding:0px 0 0 0px; font-size:13px; line-height:140%; color:#252664; z-index:100; }
hgroup small { font-size:11px; font-weight:700;}

nav {margin:0 auto; width:100%; max-width:1024px; min-width:768px; position:relative;background:#FFF url(../images/bannerpic.png) top right no-repeat;}
nav > div {display:block;float:left; position:relative; left:0px; width:100%; padding:0;}

a.logo {display:block; width:auto; font-size:20px; line-height:28px; color:#222; font-weight:400; position:absolute; top:10px; left:15px; max-width:175px;}
a.logo img {max-width:175px;}

a.burger {display:block; width:auto; background:url(../images/burger.png) no-repeat; color:#FFF; background-position:0% 0px; position:absolute; bottom:20px; right:150px; padding:5px 10px 5px 30px; font-size:20px;}
a.burger:hover {background:url(../images/burger.png) no-repeat; background-position:0% -28px;}
a.burger.active {background: url(../images/burger.png) no-repeat; background-position:0% -28px;}

ul.menu { width:95%; max-width:1024px; margin:0; padding:2.5%; z-index:2; position:absolute;background:#505C8F; list-style:none;}
ul.menu > li {width:100%; float:left; padding:0px; margin:0;position:relative; font-size:12px; margin-bottom:10px; clear:both;}
ul.menu > li a {display:block!important; color:#FFF; width:94%; padding:0% 5% 0% 1%!important; text-transform:uppercase; line-height:25px; font-size:12px!important; clear:both!important;}
ul.menu > li a:hover {background:url(../images/next.png) no-repeat; background-position: 99% 50%; color:#0082AE;}
ul.menu > li a.more { background:url(../images/more.png) no-repeat; background-position: 99% 50%;}
ul.menu > li a.active {background:none;color:#FFF;}
ul.menu > li a.active:hover {background:url(../images/less.png) no-repeat; background-position: 99% 50%;}

ul.menu > li {background-color: #262A62;}

ul.sub { z-index:2;background:#505C8F; width:95%; padding:1.5% 2.5% 1.5% 2.5%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}
ul.sub > li {display:block; width:100%; float:none; clear:both; margin-bottom:5px;}
ul.sub > li > a {display:block; color:#FFF; width:95%; padding:0% 2.5% 0% 2.5%; line-height:20px; font-size:12px; clear:both;}
ul.sub > li > a:hover {color:#0082AE; background:none;}

ul.subsub { z-index:2; background:#FFF;  width:95%; padding:0.0% 0% 0.0% 5%;}
ul.subsub > li {display:block; width:100%; float:none;}
ul.subsub > li > a {display:block; color:#333; width:100%; padding:1% 0% 1% 0%; line-height:14px; font-size:12px;}


@media screen and (max-width: 768px) {
	
hgroup { display:inline-block; position:absolute; top:15px; left:160px; padding:0px 0 0 0px; font-size:10px; line-height:140%; color:#252664; z-index:100; }
hgroup small { font-size:11px; font-weight:700;}

a.logo {position:absolute; top:20px; left:15px; max-width:175px;}
a.logo img {max-width:125px;}
ul.menu { width:95%; max-width:768px; margin:0; padding:2.5%; z-index:2;}
ul.menu { width:100%; z-index:2;}
ul.menu > li {display:block; width:100%; float:left;
	clear:both; margin-bottom:1px;}
ul.menu > li > a {display:block; color:#FFF; width:95%; padding:1.5% 2.5% 1.5% 2.5%; text-transform:uppercase; line-height:14px;}
ul.menu > li > a:hover {background:url(../images/next.png) no-repeat; background-position: 95% 50%;}
ul.menu > li > a.more { background:url(../images/more.png) no-repeat; background-position: 95% 50%;}
ul.menu > li > a.active {background:none;color:#FFF;}
ul.menu > li > a.active:hover {background:url(../images/less.png) no-repeat; background-position: 95% 50%;}
ul.menu > li > a.active:active {background:url(../images/less.png) no-repeat; background-position: 95% 50%;}
ul.sub { z-index:2; width:95%; padding:1.5% 2.5% 1.5% 2.5%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;}
}