/*
----------------------------------------------
 Family Beehive templates / Nav styles
 Developed by Ollie Bettany / Twist Internet
 Created: 05/08/09
----------------------------------------------
*/

/* Login nav */

	div#login-nav {
		float: right;
	}
	
	div#login-nav p.login-name {
		float: left;
		/*
		background: url(/_images/sprites/ico_login.png) no-repeat;
		*/
		padding: 5px 0 0 37px;
		margin: 0 10px 0 0;
		font-size: 0.8em;
		min-height: 21px;
	}
	
		/* amber */
		.amber .color-coded,
		span.amber {
			color: #ffd000 !important;
		}
		/*
		.amber p.login-name {
			background-position: left -72px !important;
		}
		*/
		div.standard-list li.amber,
		li h4 a.amber,
		div.connect li a.amber,
		div.meet li a.amber,
		div.amber h3,
		div.comments li.amber h4,
		div.show-hide-list li.amber h3,
		div.amber p.login-name,
		label.amber,
		p.amber {
			background: url(/_images/sprites/ico_amber.png) no-repeat;
		}
		
		/* corporate (red) */
		.corporate .color-coded,
		span.corporate {
			color: #FF0033 !important;
		}
		/*
		.corporate p.login-name {
			background-position: left top !important;
		}
		*/

		div.standard-list  li.corporate,
		li h4 a.corporate,
		div.connect li a.corporate,
		div.meet li a.corporate,
		div.corporate h3,
		div.comments li.corporate h4,
		div.show-hide-list li.corporate h3,
		div.corporate p.login-name,
		label.corporate,
		p.corporate {
			background: url(/_images/sprites/ico_corporate.png) no-repeat;
		}
		
		/* editorial (orange) */
		.editorial .color-coded,
		span.editorial {
			color: #FF6600 !important;
		}
		
		/*
		.editorial p.login-name {
			background-position: left -108px !important;
		}
		*/
		
		div.standard-list  li.editorial,
		li h4 a.editorial,
		div.connect li a.editorial,
		div.meet li a.editorial,
		div.editorial h3,
		div.comments li.editorial h4,
		div.show-hide-list li.editorial h3,
		div.editorial p.login-name,
		label.editorial,
		p.editorial {
			background: url(/_images/sprites/ico_editorial.png) no-repeat;
		}
		
		/* advisory (white) */
		.advisory .color-coded,
		span.advisory {
			color: #FFFFFF !important;
		}
		
		div.standard-list  li.advisory,
		li h4 a.advisory,
		div.connect li a.advisory,
		div.meet li a.advisory,
		div.advisory h3,
		div.comments li.advisory h4,
		div.show-hide-list li.advisory h3,
		div.advisory p.login-name,
		label.advisory,
		p.advisory {
			background: url(/_images/sprites/ico_advisory.png) no-repeat;
		}
		
		/* jet (grey) */
		.jet .color-coded,
		span.jet {
			color: #ccc !important;
		}
		/*
		.jet p.login-name {
			background-position: left -144px !important;
		}
		*/

		div.standard-list li.jet,
		li h4 a.jet,
		div.connect li a.jet,
		div.meet li a.jet,
		div.jet h3,
		div.comments li.jet h4,
		div.show-hide-list li.jet h3,
		div.jet p.login-name,
		label.jet,
		p.jet {
			background: url(/_images/sprites/ico_jet.png) no-repeat;
		}
		
		/* jade (blue) */
		.jade .color-coded,
		span.jade {
			color: #00FFCC !important;
		}
		/*
		.jade p.login-name {
			background-position: left -36px !important;
		}
		*/

		div.standard-list li.jade,
		li h4 a.jade,
		div.connect li a.jade,
		div.meet li a.jade,
		div.jade h3,
		div.comments li.jade h4,
		div.show-hide-list li.jade h3,
		div.jade p.login-name,
		label.jade,
		p.jade {
			background: url(/_images/sprites/ico_jade.png) no-repeat;
		}
		
		/* executive */
		.executive .color-coded,
		span.executive {
			color: #993399 !important;
		}
		/*
		.executive p.login-name {
			background-position: left -72px !important;
		}
		*/
		div.standard-list li.executive,
		li h4 a.executive,
		div.connect li a.executive,
		div.meet li a.executive,
		div.executive h3,
		div.comments li.executive h4,
		div.show-hide-list li.executive h3,
		div.executive p.login-name,
		label.executive,
		p.executive {
			background: url(/_images/sprites/ico_executive.png) no-repeat;
		}
		
		/* hat icon */
		div.standard-list li.hat {
			background-position: 3px 12px;
		}
		li h4 a.hat {
			background-position: 10px 4px !important;
		}
		li.hat h3 {
			background-position: 13px top !important;
		}
		li.hat h4,
		div.hat h3,
		div.hat p.login-name,
		li a.hat,
		label.hat,
		p.hat {
			background-position: left top !important;
		}

		
		/* palm icon */
		div.standard-list li.palm {
			background-position: 3px -188px;
		}
		li h4 a.palm {
			background-position: 10px -196px !important;
		}
		li.palm h3 {
			background-position: 13px -200px !important;
		}
		li.palm h4,
		div.palm h3,
		div.palm p.login-name,
		li a.palm,
		label.palm,
		p.palm {
			background-position: left -200px !important;
		}
		
		/* case icon */
		div.standard-list li.case {
			background-position: 3px -388px;
		}
		li h4 a.case {
			background-position: 10px -396px !important;
		}
		li.case h3 {
			background-position: 13px -400px !important;
		}
		li.case h4,
		div.case h3,
		div.case p.login-name,
		li a.case,
		label.case,
		p.case {
			background-position: left -400px !important;
		}
		
		/* flower icon */
		div.standard-list li.flower {
			background-position: 3px -588px;
		}
		li h4 a.flower {
			background-position: 10px -596px !important;
		}
		li.flower h3 {
			background-position: 13px -600px !important;
		}
		li.flower h4,
		div.flower h3,
		div.flower p.login-name,
		li a.flower,
		label.flower,
		p.flower {
			background-position: left -600px !important;
		}
		
		/* club icon */
		div.standard-list li.club {
			background-position: 3px -788px;
		}
		li h4 a.club {
			background-position: 10px -796px !important;
		}
		li.club h3 {
			background-position: 13px -800px !important;
		}
		li.club h4,
		div.club h3,
		div.club p.login-name,
		li a.club,
		label.club,
		p.club {
			background-position: left -800px !important;
		}
		
		/* diamond icon */
		div.standard-list li.diamond {
			background-position: 3px -988px;
		}
		li h4 a.diamond {
			background-position: 10px -996px !important;
		}
		li.diamond h3 {
			background-position: 13px -1000px !important;
		}
		li.diamond h4,
		div.diamond h3,
		div.diamond p.login-name,
		li a.diamond,
		label.diamond,
		p.diamond {
			background-position: left -1000px !important;
		}
		
		/* heart icon */
		div.standard-list li.heart {
			background-position: 3px -1188px;
		}
		li h4 a.heart {
			background-position: 10px -1196px !important;
		}
		li.heart h3 {
			background-position: 13px -1200px !important;
		}
		li.heart h4,
		div.heart h3,
		div.heart p.login-name,
		li a.heart,
		label.heart,
		p.heart {
			background-position: left -1200px !important;
		}
		
		/* spade icon */
		div.standard-list li.spade {
			background-position: 3px -1388px;
		}
		li h4 a.spade {
			background-position: 10px -1396px !important;
		}
		li.spade h3 {
			background-position: 13px -1400px !important;
		}
		li.spade h4,
		div.spade h3,
		div.spade p.login-name,
		li a.spade,
		label.spade,
		p.spade {
			background-position: left -1400px !important;
		}
		
		/* plane icon */
		div.standard-list li.plane {
			background-position: 3px -1588px;
		}
		li h4 a.plane {
			background-position: 10px -1596px !important;
		}
		li.plane h3 {
			background-position: 13px -1600px !important;
		}
		li.plane h4,
		div.plane h3,
		div.plane p.login-name,
		li a.plane,
		label.plane,
		p.plane {
			background-position: left -1600px !important;
		}
		
		/* star icon */
		div.standard-list li.star {
			background-position: 3px -1788px;
		}
		li h4 a.star {
			background-position: 10px -1796px !important;
		}
		li.star h3 {
			background-position: 13px -1800px !important;
		}
		li.star h4,
		div.star h3,
		div.star p.login-name,
		li a.star,
		label.star,
		p.star {
			background-position: left -1800px !important;
		}
		
		/* boat icon */
		div.standard-list li.boat {
			background-position: 3px -1988px;
		}
		li h4 a.boat {
			background-position: 10px -1996px !important;
		}
		li.boat h3 {
			background-position: 13px -2000px !important;
		}
		li.boat h4,
		div.boat h3,
		div.boat p.login-name,
		li a.boat,
		label.boat,
		p.boat {
			background-position: left -2000px !important;
		}
		
		/* sun icon */
		div.standard-list li.sun {
			background-position: 3px -2188px;
		}
		li h4 a.sun {
			background-position: 10px -2196px !important;
		}
		li.sun h3 {
			background-position: 13px -2200px !important;
		}
		li.sun h4,
		div.sun h3,
		div.sun p.login-name,
		li a.sun,
		label.sun,
		p.sun {
			background-position: left -2200px !important;
		}
		
		/* jewel icon */
		div.standard-list li.jewel {
			background-position: 3px -2388px;
		}
		li h4 a.jewel {
			background-position: 10px -2396px !important;
		}
		li.jewel h3 {
			background-position: 13px -2400px !important;
		}
		li.jewel h4,
		div.jewel h3,
		div.jewel p.login-name,
		li a.jewel,
		label.jewel,
		p.jewel {
			background-position: left -2400px !important;
		}
		
		/* detective icon */
		div.standard-list li.detective {
			background-position: 3px -2588px;
		}
		li h4 a.detective {
			background-position: 10px -2596px !important;
		}
		li.detective h3 {
			background-position: 13px -2600px !important;
		}
		li.detective h4,
		div.detective h3,
		div.detective p.login-name,
		li a.detective,
		label.detective,
		p.detective {
			background-position: left -2600px !important;
		}
		
		/* bus icon */
		div.standard-list li.bus {
			background-position: 3px -2788px;
		}
		li h4 a.bus {
			background-position: 10px -2796px !important;
		}
		li.bus h3 {
			background-position: 13px -2800px !important;
		}
		li.bus h4,
		div.bus h3,
		div.bus p.login-name,
		li a.bus,
		label.bus,
		p.bus {
			background-position: left -2800px !important;
		}
		
		/* cat icon */
		div.standard-list li.cat {
			background-position: 3px -2988px;
		}
		li h4 a.cat {
			background-position: 10px -2996px !important;
		}
		li.cat h3 {
			background-position: 13px -3000px !important;
		}
		li.cat h4,
		div.cat h3,
		div.cat p.login-name,
		li a.cat,
		label.cat,
		p.cat {
			background-position: left -3000px !important;
		}
		
		/* rainbow icon */
		div.standard-list li.rainbow {
			background-position: 3px -3188px;
		}
		li h4 a.rainbow {
			background-position: 10px -3196px !important;
		}
		li.rainbow h3 {
			background-position: 13px -3200px !important;
		}
		li.rainbow h4,
		div.rainbow h3,
		div.rainbow p.login-name,
		li a.rainbow,
		label.rainbow,
		p.rainbow {
			background-position: left -3200px !important;
		}
		
		/* note icon */
		div.standard-list li.note {
			background-position: 3px -3388px;
		}
		li h4 a.note {
			background-position: 10px -3396px !important;
		}
		li.note h3 {
			background-position: 13px -3400px !important;
		}
		li.note h4,
		div.note h3,
		div.note p.login-name,
		li a.note,
		label.note,
		p.note {
			background-position: left -3400px !important;
		}
		
		/* flash icon */
		div.standard-list li.flash {
			background-position: 3px -3588px;
		}
		li h4 a.flash {
			background-position: 10px -3596px !important;
		}
		li.flash h3 {
			background-position: 13px -3600px !important;
		}
		li.flash h4,
		div.flash h3,
		div.flash p.login-name,
		li a.flash,
		label.flash,
		p.flash {
			background-position: left -3600px !important;
		}
		
		/* ying icon */
		div.standard-list li.ying {
			background-position: 3px -3788px;
		}
		li h4 a.ying {
			background-position: 10px -3796px !important;
		}
		li.ying h3 {
			background-position: 13px -3800px !important;
		}
		li.ying h4,
		div.ying h3,
		div.ying p.login-name,
		li a.ying,
		label.ying,
		p.ying {
			background-position: left -3800px !important;
		}
		
		/* queenB (custom) */
		.queenB .color-coded,
		span.queenB {
			color: #993399 !important;
		}
		div.standard-list li.queenB,
		li h4 a.queenB,
		div.connect li a.queenB,
		div.meet li a.queenB,
		div.queenB h3,
		div.comments li.queenB h4,
		div.show-hide-list li.queenB h3,
		div.queenB p.login-name,
		label.queenB,
		p.queenB {
			background: url(/_images/sprites/ico_queenB.png) no-repeat;
		}
		div.standard-list li.queenB {
			background-position: 3px 12px;
		}
		li h4 a.queenB {
			background-position: 10px 4px !important;
		}
		li.queenB h3 {
			background-position: 13px top !important;
		}
		li.queenB h4,
		div.queenB h3,
		div.queenB p.login-name,
		li a.queenB,
		label.queenB,
		p.queenB {
			background-position: left top !important;
		}
	
	div#login-nav ul {
		float: left;
	}
	
	div#login-nav ul li {
		list-style: none;
		float: left;
		display: block;
		
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
	}
	div#login-nav ul li.current {
		background: #ffd000;
	}
	
	
	div#login-nav ul li a.title {
		color: #ffd000;
		display: block;
		padding: 6px 15px 6px 16px;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 0.9em;
		text-decoration: none;
		white-space: nowrap;
	}
	
	div#login-nav ul li.current a {
		color: #100F0D;
	}
	
		div#login-nav ul li ul {
			display: none;
			padding: 6px 15px;
			position: absolute;
			margin-top: -2px;
			background: #ffd000;
			z-index: 100;
			
			-moz-border-radius-bottomright: 2px;
			-moz-border-radius-bottomleft: 2px;
			-webkit-border-bottom-right-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
		}
		
		div#login-nav ul li#mybhive {
			width: 111px;
		}
		div#login-nav ul li#mybhive ul {
			width: 81px;
		}
		
		div#login-nav ul li.show-dropdown ul {
			display: block;
		}
		
		
			div#login-nav ul li ul li {
				float: none;
				border-top: 1px solid #D9B100;
				font-weight: bolder;
				font-size: 0.75em;
			}
			
				div#login-nav ul li ul li a {
					padding: 5px 0 5px 0;
					display: block;
				}
				

/* Main nav */

	ul#main-nav {
		/*
		float: left;
		margin: 0 0 0 35px;
		*/
		position: absolute;
		top: 105px;
		left: 310px;
	}

	ul#main-nav li {
		float: left;
		list-style: none;
		margin: 0 0 0 10px;	

		-moz-border-radius-topright: 3px;
		-moz-border-radius-topleft: 3px;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
	}

	ul#main-nav li {
		background: #292520 url(/_images/sprites/bg_main-nav.png) left bottom repeat-x;
	}
	
	ul#main-nav li:hover {
		background-color: #565044;
		background-position: left top; 
	}
	ul#main-nav li.current {
		background-color: #745E24;
		background-position: left -48px; 
	}
		ul#main-nav li.current a {
			color: #fff;
		}

	ul#main-nav li a {
		color: #cebdab;
		text-decoration: none;
		font-size: 1em;
		text-transform: uppercase;
		display: block;
		padding: 0 50px 0 11px;
		min-height: 48px;
		width: 95px;
		/*
		letter-spacing: 2px;
		*/
	}	
	
	ul#main-nav li.current a:hover {
		cursor: default;
	}
	
		ul#main-nav li a span {
			position: absolute;
			text-indent: -1000em;
			margin-top: 13px;
			height: 20px;
			background-image: url(/_images/sprites/main-nav_titles_alt.png);
			background-repeat: no-repeat
		}
	
	
	ul#main-nav li a {
		background: url(/_images/sprites/ico_main-nav.png) no-repeat;
	}
	
	/* Read */
	ul#main-nav li#main-nav1 a {
		background-position: right -176px;
	}
	ul#main-nav li#main-nav1.current a {
		background-position: right -105px;
	}
	
		ul#main-nav li#main-nav1 a span {
			background-position: left bottom;
			width: 56px;
		}
		/* .hover IE6 only */
		ul#main-nav li#main-nav1:hover a span,
		ul#main-nav li#main-nav1.hover a span {
			background-position: left -40px;
		}
		ul#main-nav li#main-nav1.current a span,
		ul#main-nav li#main-nav1.current:hover a span {
			background-position: left -20px;
		}
			
	
	/* Discuss */
	ul#main-nav li#main-nav2 a {
		background-position: right -235px;
	}
	ul#main-nav li#main-nav2.current a {
		background-position: right -290px;
	}
	
		ul#main-nav li#main-nav2 a span {
			background-position: -57px bottom;
			width: 84px;
		}
		/* .hover IE6 only */
		ul#main-nav li#main-nav2:hover a span,
		ul#main-nav li#main-nav2.hover a span {
			background-position: -57px -40px;
		}
		ul#main-nav li#main-nav2.current a span,
		ul#main-nav li#main-nav2.current:hover a span {
			background-position: -57px -20px;
		}

	/* Connect */	
	ul#main-nav li#main-nav3 a {
		background-position: right -44px;
	}
	ul#main-nav li#main-nav3.current a {
		background-position: right 10px;
	}
	
		ul#main-nav li#main-nav3 a span {
			background-position: -142px bottom;
			width: 104px;
		}
		/* .hover IE6 only */
		ul#main-nav li#main-nav3:hover a span,
		ul#main-nav li#main-nav3.hover a span {
			background-position: -142px -40px;
		}
		ul#main-nav li#main-nav3.current a span {
			background-position: -142px -20px;
		}
	
/* Minor nav */

	ul#minor-nav {
		/*
		float: right;
		margin: 44px 20px 0 0;
		*/
		margin: 0 0px 0 0;
		position: absolute;
		top: 118px;
		right: 0;
	}
	
	ul#minor-nav li {
		list-style: none;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		background: url(/_images/common/bullet_minor-nav.gif) no-repeat left 2px;
		padding: 0 0 0 8px;
		margin: 0 8px 0 0;
	}
	ul#minor-nav li.first {
		background: none;
		padding: 0;
	}
	
		ul#minor-nav li a {
			color: #fff;
		}
		

/* Left nav */

	#leftnav {
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0 0 40px 0;
	}

		#leftnav h3 {
			font-size: 1em;
			color: #d0cfcd;
			font-style: italic;
			margin: 0 0 11px 22px;
		}

			#leftnav ul li {
				lsit-style: none;
				background: #100f0d url(/_images/sprites/bg_leftnav.gif) repeat-x left top;
				font-size: 1.3em;
				
				-moz-border-radius-topright: 3px;
				-moz-border-radius-bottomright: 3px;
				-webkit-border-top-right-radius: 3px;
				-webkit-border-bottom-right-radius: 3px;
			}
			
			#leftnav ul li:hover {
				background-position: left -129px;
				background-color: #221F1B;
			}
			
			#leftnav ul li.current {
				background-position: left -258px;
				background-color: #534C41;
			}
				#leftnav ul li.current a {
					cursor: default;
				}
	
				#leftnav ul li a {
					color: #fff;
					padding: 8px 40px 8px 25px;
					background: url(/_images/sprites/bullet_leftnav.png) no-repeat right 9px;
					display: block;
					text-decoration: none;
				}
				#leftnav ul li.current a {
					background-position: right -60px;
				}
				
				
/* Breadcrumb */

	div#breadcrumb {
		padding: 0 0 15px 0;
		float: left;
		width: 603px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.7em;
	}
	
		div#breadcrumb span {
			float: left;
			color: #ab9b8c;
			margin: 0 5px 0 0;
		}
		
		div#breadcrumb ul {
			float: left;
		}

			div#breadcrumb ul li {
				list-style: none;
				float: left;
				color: #fff;
				background: url(/_images/common/bullet_breadcrumb.gif) no-repeat left 5px;
				padding: 0 4px 0 8px;
			}
			div#breadcrumb ul li.first {
				background: none;
				padding-left: 0;
			}
			
				div#breadcrumb ul li a {				
					color: #ab9b8c;
				}

/* Corporate tab nav */

	div#maincol div.tab-nav ul {
		float: left;
	}

		div#maincol div.tab-nav ul li {
			float: left;
			list-style: none;
			margin: 0 0 3px 4px;	
	
			-moz-border-radius-topright: 3px;
			-moz-border-radius-topleft: 3px;
			-webkit-border-top-right-radius: 3px;
			-webkit-border-top-left-radius: 3px;
		
			text-transform: uppercase;
			font-size: 0.75em;
			letter-spacing: 2px;
			background-color: #5f564d;
			display: block;
		}
	
		div#maincol div.tab-nav ul li.first {
			margin-left: 0;
		}
			div#maincol div.tab-nav ul li.first a {
				padding-left: 20px;
			}
	
		/* .hover IE6 only */
		div#maincol div.tab-nav ul li:hover,
		div#maincol div.tab-nav ul li.hover {
			text-decoration: none;
			background-color: #1d1916;
		}
			
		div#maincol div.tab-nav ul li.current {
			background-color: #1d1916;
			margin-bottom: 0;
			padding-bottom: 3px;
		}
						
			div#maincol div.tab-nav ul li a {
				color: #cebdab;
				padding: 10px 19px 10px 18px;
				display: block;
			}		
				div#maincol div.tab-nav ul li a:hover {
					text-decoration: none;
				}
						

/* Back to top */

		a.back-to-top,
		a.back-to-home {
			text-transform: uppercase;
			background: url(/_images/common/bullet_back-to-top.png) no-repeat left 0px;
			padding: 0 0 0 15px;
			letter-spacing: 3px;
			font-size: 0.9em;
			margin: 30px 0 0 0;
			float: left;
			clear: left;
			text-decoration: none;
			color: #cebdab;
			display: block;
		}
		a.back-to-home {
			background: url(/_images/common/bullet_back-page.png) no-repeat left 2px;
		}

/* Footer */

	div#footer {
		width: 960px;
		padding: 20px;
		background: #000 url(/_images/common/bg_header.png) no-repeat left top;
		float: left;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
		div#footer p {
			color: #fefefe;
			font-size: 0.9em;
			float: left;
		}
		
		div#footer p.center {
			margin: 0 0 0 203px;	
		}
		
			div#footer p.center a {
				color: #645b52
			}	
		
		div#footer ul {
			float: left;
			width: 669px;
			margin: 35px 0 55px 187px;
		}
		
			div#footer ul li {
				list-style: none;
				float: left;
				background: url(/_images/common/bullet_footer.png) no-repeat left 7px;
				padding: 0 0 0 9px;
				margin: 0 6px 0 0; 
			}
			div#footer ul li:first-child {
				background: none;
				padding: 0;
			}
			
			div#footer ul li a {
				color: #fefefe
			}
				
		h3.spears,
		h3.spears a,
		h3.spears span {
			width: 94px;
			height: 124px;
		}
	
		h3.spears {
			float: right;
			clear: right;
			margin: 0 10px 0 0;
		}
			
			h3.spears a {
				position: relative;
				overflow: hidden;
				display: block;
			}	
		
				h3.spears span {
					position: absolute;
					background: url(/_images/common/logo_spears.jpg) no-repeat left top;
				}