@media print {div#global-navigation {display:none;}}
@media screen {.printonly {display:none;}}

div#global-navigation {
	width: expression(document.body.clientWidth < 977? "976px" : document.body.clientWidth > 2001? "2000px" : "auto");
	min-width:977px;
	max-width:2000px
	}

div#global-navigation ul#level-1 {
    margin:0;
    padding:0 0 39px 8px;
    list-style:none;
	white-space:nowrap;
}

div#global-navigation ul#level-1 li {
    float:left;
    margin:13px 4px 0 0;
    padding:0;
    height:26px;
    line-height:26px;
    background:#637795 url(images/l1-l.gif) no-repeat top left;
    list-style:none;
	white-space:nowrap;
}

div#global-navigation ul#level-1 li a {
    float:left;
    padding-left:8px;
    padding-right:8px;
    color:white;
    font-family:arial, sans-serif;
    font-size:13px;
    text-decoration:none;
    background:url(images/l1-r.gif) no-repeat top right;
}

div#global-navigation ul#level-1 li.selected, div#global-navigation ul#level-1 li.selected:hover  {
    margin-top:6px;
    height:33px;
    line-height:33px;
    background:#12315e url(images/l1s-l.gif) no-repeat top left;
}

div#global-navigation ul#level-1 li:hover {
    margin-top:6px;
    height:30px;
    line-height:30px;
}

div#global-navigation ul#level-1 li.selected a {
    background:url(images/l1s-r.gif) no-repeat top right;
}

div#global-navigation ul#level-1 li div {
    float:left;
    height:26px;
    background:url(images/l1-bg.gif) repeat-x left bottom;
}

div#global-navigation ul#level-1 li:hover div {
    height:33px;
}

div#global-navigation ul#level-1 li.selected div {
    background:none;
}


/* CSS additions to allow for tech-free changes to navigation on MyComplinet header */
	
		/* Alternative tab colourings */
		div#global-navigation ul#level-1 li#alternative-l1-tab {
			 background:#18b4ea url(images/l1-l-alt.gif) no-repeat top left}
			 
		div#global-navigation ul#level-1 li#alternative-l1-tab a {
			 background:url(images/l1-r-alt.gif) no-repeat top right}
			 
		div#global-navigation ul#level-1 li#alternative-l1-tab div {
			background:url(images/l1-bg-alt.gif) repeat-x left bottom}
			
	
		/* Alternative tab ON colourings */
		body#global-demo-area div#global-navigation ul#level-1 li#alternative-l1-tab div {
			background:none}
		
		body#global-demo-area div#global-navigation ul#level-1 li#alternative-l1-tab { 
			margin-top:6px;
			height:33px;
			line-height:33px;
			background:#12315e url(images/l1s-l.gif) no-repeat top left}
			
		body#global-demo-area div#global-navigation ul#level-1 li#alternative-l1-tab a {
			background:url(images/l1s-r.gif) no-repeat top right}
	
	
		/* Forcing the .selected tag to display as normal when on #global-demo-area */
		body#global-demo-area div#global-navigation ul#level-1 li.selected div {
			float:left;
			height:26px;
			background:url(images/l1-bg.gif) repeat-x left bottom}
			
		body#global-demo-area div#global-navigation ul#level-1 li.selected {
			float:left;
			margin:13px 4px 0 0;
			padding:0;
			height:26px;
			line-height:26px;
			background:#637795 url(images/l1-l.gif) no-repeat top left;
			list-style:none;
			white-space:nowrap}
		
		body#global-demo-area div#global-navigation ul#level-1 li.selected a {
			float:left;
			padding-left:8px;
			padding-right:8px;
			color:white;
			font-family:arial, sans-serif;
			font-size:12px;
			font-weight:900;
			text-decoration:none;
			background:url(images/l1-r.gif) no-repeat top right}	


/* ------------------------------------------------------------------------ */

div#salutation {
    display:inline;
    float:right;
    color:#3f3f3f;
    font-family:arial, sans-serif;
    font-size:11px;
    margin:12px 15px 0 0;
}

div#salutation a {
    color:#3f3f3f;
}


/* ------------------------------------------------------------------------ */

div#division {
    height:76px;
    background:#12315e url(images/division-bg.gif) repeat-x top;
}

div#division h1#division-title {
    margin:0;
    height:44px;
    line-height:44px;
    color:white;
    font-weight:normal;
    font-family:arial, sans-serif;
    font-size:22px;
    padding-left:13px;
    text-align:left;
	visibility:hidden;
}

a#complinet-logo {
    float:right;
    text-indent:-5000px;
    background:transparent url(images/accelus-logo-global.gif) no-repeat 0 50%;
    width:177px;
    height:30px;
    margin:23px 15px 0 0;
}

a#accelus-logo {
    float:right;
    text-indent:-5000px;
    background:transparent url(images/accelus-logo-global.gif) no-repeat 0 50%;
    width:177px;
    height:30px;
    margin:23px 15px 0 0;
}


div#division a#community-logo {
    float:right;
    text-indent:-5000px;
    background:url(images/community-logo.gif) no-repeat;
    width:129px;
    height:29px;
    margin:23px 15px 0 0;
}

/* ------------------------------------------------------------------------ */


div#global-navigation ul#level-2 {
    margin:0;
    padding:0 0 32px 8px;
    list-style:none;
}

div#global-navigation ul#level-2 li {
    float:left;
    margin:7px 4px 0 0;
    padding:0;
    height:25px;
    line-height:25px;
    background:#c1c0bf url(images/l2-l.gif) top left no-repeat;
    list-style:none;
}

div#global-navigation ul#level-2 li.l2blue {
    /*background:#637795 url(images/l2b-l.gif) no-repeat top left;*/
    background:#12a0d0 url(images/l2lb-l.gif) no-repeat top left;
}

div#global-navigation ul#level-2 li a {
    float:left;
    padding-left:8px;
    padding-right:8px;
    color:#3f3f3f;
    font-family:arial, sans-serif;
    font-size:12px;
    text-decoration:none;
    background:url(images/l2-r.gif) top right no-repeat;
}

div#global-navigation ul#level-2 li.l2blue  a {
    /*background:url(images/l2b-r.gif) top right no-repeat;*/
    background:url(images/l2lb-r.gif) top right no-repeat;
    color:white;
}

div#global-navigation ul#level-2 li.selected {
    margin-top:0px;
    height:32px;
    line-height:32px;
    background:#eee url(images/l2s-l.gif) top left no-repeat;
    color:#3f3f3f;
}

div#global-navigation ul#level-2 li.selected a {
    background:url(images/l2s-r.gif) top right no-repeat;
}

div#global-navigation ul#level-2 li:hover {
    margin-top:0px;
    height:32px;
    line-height:32px;
}

/* ------------------------------------------------------------------------ */

div#global-navigation ul#level-3 {
    margin:0;
    padding:0;
    list-style:none;
    background-color:#eee;
    border-bottom:3px solid #18b4ea;
    padding-bottom:33px;
}

div#global-navigation ul#level-3 li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    height:33px;
}

div#global-navigation ul#level-3 li a {
    color:#3f3f3f;
    text-decoration:none;
    font-size:12px;
    float:left;
    line-height:25px;
    margin-top:5px;
    padding-left:14px;
    padding-right:14px;
    border-right:solid 1px #ccc;
}

div#global-navigation ul#level-3 li.selected {
    background:url(images/l3s.gif) no-repeat bottom center;
}

div#global-navigation ul#level-3 li#date {
    display:inline;
    float:right;
    padding:10px 15px 0 0;
    height:auto;
    font-size:11px;
    
}

