:root {
	--gray_0: hsl(0deg 0% 0%);
	--gray_10: hsl(0deg 0% 10%);
	--gray_25: hsl(0deg 0% 20%);
	--gray_25: hsl(0deg 0% 25%);
	--gray_35: hsl(0deg 0% 35%);
	--gray_50: hsl(0deg 0% 50%);
	--gray_60: hsl(0deg 0% 60%);
	--gray_65: hsl(0deg 0% 65%);
	--gray_80: hsl(0deg 0% 80%);
	--gray_85: hsl(0deg 0% 85%);
	--gray_90: hsl(0deg 0% 90%);
	--gray_95: hsl(0deg 0% 95%);
	--gray_100: hsl(0deg 0% 100%);
	--red_100_30: hsl(20deg 100% 30%);
	--red_100_50: hsl(0deg 100% 50%);
	--red_100_75: hsl(0deg 100% 75%);
	--orange_100_40: hsl(30deg 100% 40%);
	--yellow_100_50: hsl(60deg 100% 50%);
	--yellow_60_40: hsl(40deg 60% 40%);
	--yellow_60_90: hsl(40deg 60% 90%);
	--yellow_80_80: hsl(60deg 80% 80%);
	--yellow_90_50: hsl(60deg 90% 50%);
	--yellow_90_70: hsl(60deg 90% 70%);
	--blue_20_50: hsl(220deg 20% 50%);
	--blue_20_80: hsl(220deg 20% 80%);
	--blue_30_30: hsl(240deg 30% 30%);
	--blue_40_80: hsl(220deg 40% 80%);
	--blue_50_40: hsl(200deg 50% 40%);
	--blue_50_70: hsl(200deg 50% 70%);
	--blue_50_85: hsl(200deg 50% 85%);
	--blue_65_65: hsl(200deg 65% 65%);
	--blue_75_25: hsl(220deg 75% 25%);
	--blue_75_95: hsl(200deg 75% 95%);
	--blue_100_10: hsl(230deg 100% 10%);
	--blue_100_20: hsl(220deg 100% 20%);
	--blue_100_30: hsl(220deg 100% 30%);
	--blue_100_40: hsl(210deg 100% 40%);
	--purple_50_30: hsl(340deg 50% 30%);
	--green_20_90: hsl(120deg 20% 90%);
	--green_30_80: hsl(120deg 30% 100%);
	--green_40_90: hsl(120deg 40% 90%);
	--green_60_70: hsl(90deg 60% 70%);
	--green_70_30: hsl(90deg 70% 30%);
	--green_100_30: hsl(120deg 100% 30%);
	--cyan_100_10: hsl(180deg 100% 10%);
	--cyan_100_20: hsl(180deg 100% 20%);
	--violet_30_100: hsl(260deg 30% 100%);
	--violet_100_30: hsl(260deg 100% 30%);
	--violet_100_70: hsl(340deg 100% 70%);
	--violet_75_95: hsl(300deg 75% 95%);
}

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: var(--gray_90);
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : var(--blue_100_30); }
a:hover		{ text-decoration: underline; color : var(--orange_100_40); }
hr	{ height: 0px; border: solid var(--gray_85) 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: var(--gray_100); border:0; }

/* Form elements */
input,textarea, select {
	color : var(--gray_0);
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : var(--gray_0);
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : var(--gray_100);
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : var(--gray_95);
	color : var(--gray_0);
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
	background-color : var(--gray_100);
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : var(--gray_100);
	font-weight : normal;
}

h3 {
	display:block;
	clear:both;
	width:auto;
	font-size:14px;
	padding-left:20px;
	padding-right:20px;
	padding-top:15px;
	margin-top:10px;
	margin-bottom:5px;
	text-decoration:underline;
	color:var(--red_100_30);
}

.short_info tr.hr td {
	border-top:1px solid var(--gray_80);
}

.short_info td {
	padding: 1px;
	padding-top: 1px;
	line-height:90%;

	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.short_info {
	margin:0;
	padding:1px;
	font-size:11px;
}

.boldFont , .boldFont a {
	font-weight:bold;
	text-decoration:underline;
}

sory.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: var(--blue_100_20);
}
.titleWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: var(--gray_100);
}

.main_text , .main_text td , .main_text th , .main_text div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:110%;
}

.main_text { color: var(--blue_100_20); }
.main_text a:link, a:active, a:visited , a:hover {
 text-decoration:underline;
 font-weight:normal;
}


/* various styles for time,distance,score etc...
*/
.time_style {  color:var(--purple_50_30); }
.score_type_style {  color:var(--blue_100_20); }
.distance_style {  color:var(--red_100_50);  font-weight:bold;}
.altitude_style {  color:var(--green_100_30); }
.speed_style {  color:var(--red_100_30); }
.vario_style {  color:var(--blue_100_10); }


.sp { line-height: 1.5em; }

.sp2 { line-height: 1.3em; }

.small_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: var(--blue_100_20);
}

.style1 { color: var(--gray_100); }
.style2 {color: var(--gray_10); }
.style111 {color: var(--cyan_100_10); }
.whiteLetter {color: var(--gray_95); }
.style222 {
	font-size: x-small;
	font-style: italic;
}
.style333 {
	color:  var(--cyan_100_20);
	font-weight: bold;
}
.smallLetter {font-size: 11px}
.styleSmallRed {
	font-size: x-small;
	font-style: italic;
	color: var(--red_100_50);
}
.styleItalic {font-style: italic}
.Box {
	padding:3px;
	background-color:var(--gray_95);
	border:1px dashed var(--gray_60);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: var(--blue_100_20);
}


.tableTitleExtra {
	font-weight:bold;
	background-color:var(--blue_50_85);
}


.tableTitle {
	display:block;
	height:22px;

	margin-bottom:0px;
	padding:0;
	padding-left:5px;

	font-weight:bold;
	background-color:var(--blue_50_70);
	color:var(--gray_100);

	border-right-width: 2px; border-bottom-width: 0px; border-top-width: 1px; border-left-width: 1px;
	border-style: solid;
	border-color: var(--gray_60);

/*norad*/
	border:0;
	width:760px;

}

.tableTitle a {
	color:var(--gray_100);
}

html>body .tableTitle {
	width:754px;
}


.mainBox {
	display:block;
	height:25px;
    background-color: var(--blue_75_95);
    background-color: var(--gray_100);
	border:0;
	padding: 1px 3px 3px 1px;
	margin-bottom:10px;
	width:760px;

}

html>body .mainBox {
	width:756px;
}


.tableHeader {
	background-color:var(--blue_20_80);
	height:22px;
	margin-bottom:3px;
	padding:0;
}

.tableInfo{
	background-color:var(--green_30_80);
	height:auto;
	width:750px;
	padding:5px;
}

.titleDiv {
	float:left;
	width:auto;
	margin:0px 0px 0px 0px;
	padding:3px;
	padding-left:5px;
}

.pagesDiv {
	float:right;
	width:auto;
	margin:12px 0px 0px 0px;
	text-align:right;
	padding:3px;
	padding-top:0;
	overflow:visible;

	float:none;
	display:block;
	position:absolute;
	bottom:2px;
	right:10px;
}
.pagesDivSimple {
	float:right;
	width:auto;
	margin:4px 0px 0px 0px;
	text-align:right;
	padding:3px;
	padding-top:0;
	overflow:visible;
}

.flightOpDiv {
	float:left;
	padding-left:5px;
	width:auto;
	margin:0px 0px 0px 0px;
	padding:3px;
}
.brandDiv {
	float:right;
	width:auto;
	padding-right:5px;
	margin:0px 0px 0px 0px;
	text-align:right;
	padding:3px;
}

.listTableTitle {
	background-color:var(--green_20_90);
	padding:3px;
}


/*-------------------------------------

The main table that holds the list of flights/pilots/takeoffs

----------------------------------*/
.listTable {
	text-align:left;
	width:760px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: var(--blue_100_20);
	border:1px;
	border-style:solid;
	border-color:var(--gray_60);
	z-index:-1;
}

.listTable a, .listTable a:visited  {

	color:var(--blue_30_30);
	font-weight:normal;
	text-decoration:underline;
}

.listTable TD {
	vertical-align:middle;
	border:0;
	border-bottom-color:var(--gray_90); border-bottom-width:1px; border-bottom-style:solid;
	border-left-color:var(--gray_100);	border-left-width:1px; 	border-left-style:solid;
}

.listTable2 TD {
 	vertical-align:top;
	border-bottom-color:var(--gray_65); border-bottom-width:1px; border-bottom-style:solid;
}

.listTable3 TD {
 	vertical-align:top;
	border:0;
}

.clubPilot , a:link.clubPilot ,  a.clubPilot , a:visited.clubPilot  {
	font-size:11px;
	text-decoration:none;
	color:var(--blue_100_40);
}

.simpleTable {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: var(--blue_100_20);
	border:1px solid var(--gray_35);
	border:0;
}

.simpleTable a, .simpleTable a:visited  {
	color:var(--blue_30_30);
	text-decoration:underline;
}

.simpleTable TD, .simpleTable TH {
	vertical-align:middle;
	border-bottom:1px solid var(--gray_35);
	border-right:1px solid var(--gray_35);
}

.sitesTable TD, .sitesTable TH {
	vertical-align:top;
	border-bottom:1px solid var(--gray_35);
	border-right:1px solid var(--gray_35);
}

/* some styles for the listTable items */
.distance   { color:var(--violet_100_30); text-align:right; }
.dateString div { color:var(--blue_100_20); text-align:right; font-size:9px; vertical-align:top; }
.OLCScore   { color:var(--blue_100_20); text-align:right; }
.listIcons { margin-right:1px;  }

.displayIcons { margin:0; margin-right:0px; clear:none; display:inline;  }
.photoIcon { margin:0; padding:0; clear:right; display:inline; }

.flagIcon { margin-right:0.5em; vertical-align:middle; text-decoration:none; border: 0 none;  }
.extIcon { margin:0; padding:0; vertical-align:middle; text-decoration:none; border: 0 none;  }

.numeration { display:inline; }
.numeration  a, .numeration  a:visited { color:var(--gray_100); }
.takeoffLink, .takeoffLink a, .takeoffLink a:visited { color:var(--blue_20_50); font-size:10px; text-align:right; }
.takeoffLink a, .takeoffLink  a:link , .takeoffLink  a:visited {
	 text-align:left; text-decoration:none; border-bottom:1px dashed var(--blue_40_80);
}

.pilotLink, .pilotLink  a, .pilotLink   a:link , .pilotLink   a:visited { color:var(--blue_100_20); text-align:left;  }

.pilotLink a, .pilotLink  a:link , .pilotLink  a:visited {
	color:var(--blue_100_20); text-align:left; text-decoration:none; border-bottom:1px dashed var(--blue_40_80);
}

.actionLink,   .actionLink a, .actionLink a:visited { color:var(--blue_100_20); text-align:left; text-decoration:none;}

.smallInfo { display:block; margin:0; padding:0; width:70px; height:24px; clear:none; overflow:hidden; position:relative; z-index:0;}

.actionLink { display: block; position:absolute; top:1px; left:54px; float:none; clear:none;  z-index:1;}
.geIcon 	{ display:block; position:absolute; top:1px; left:16px; float:none; clear:none; z-index:1;}
.flightIcon { display:block; position:absolute; top:1px; left:0px; float:none; clear:none; z-index:1;}
.photoIcon2 { display:block; position:absolute; top:1px; left:32px; float:none; clear:none; z-index:1;}

.extLink 	{ display:block; position:absolute; top:13px; left:2px; float:none; clear:none; z-index:1;}
.extLinkName { display:block; position:absolute; top:15px; left:12px; float:none; clear:none; z-index:-2;
	font-size:8px;
	line-height:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:var(--gray_60);
}

.extLinkDiv {
	display:block; position:absolute; top:0px; left:31px; float:none; clear:none; z-index:2;
	font-size:8px;
	line-height:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:var(--gray_60);
}

.extServerLogo { display:block; position:absolute; top:0px; left:1px; float:none; clear:none; z-index:2;}
.extLinkIcon {display:block; position:absolute; top:14px; left:0px; float:none; clear:none; z-index:2; }

.extLinkDescr {
	display:block; position:absolute; top:17px; left:10px; width:25px; height:8px;
	overflow:hidden; float:none; clear:none; z-index:2;
	cursor:hand;
	text-decoration:none;
}

.extLinkDescr a , a.extLinkDescr , div.extLinkDescr  {
	font-size:9px;
	line-height:8px;
	height:8px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:var(--gray_60);

}

.commentDiv { display:block; position:absolute; top:0px; left:44px; float:none; clear:none; z-index:1;}

.checkedBy, td.checkedBy , div.checkedBy { display:block; position:absolute; top:12px; left:56px;
	 float:none; clear:none; z-index:-1;

	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:9px;
	background-color:var(--green_40_90);
}

/* for the active page num in the numeration */
.activePageNum {
	display:inline;
	color:var(--yellow_100_50);
	font-weight:bold;
	font-size:1.1em;
	vertical-align:bottom;
}

table.listTable tr:hover , table.listTable tr.sfhover {
   background-color:var(--yellow_90_70);
}


/*------------------------
 End of listTable rtelated items
------------------------*/

/*  listTable for tabber needs to be 15 px less*/
.listTableTabber { width:760px; }


.SortHeader {
	/*norad*/
	background-color:var(--blue_50_70);
	font-weight:bold;

	vertical-align:top;
	border:0;
	border-top-color:var(--blue_65_65); border-top-width:0px; border-top-style:solid;
	border-left-color:var(--gray_100);	border-left-width:1px; 	border-left-style:solid;
	border:0;

	color:var(--gray_100);
	font-size:10px;

	padding:3px;
	padding-top:0px;

	text-align:right;
	text-decoration:none;
}
.activeSortHeader {
	background-color:var(--yellow_100_50);
	border-top-color:var(--yellow_90_70); border-top-width:3px; border-top-style:solid;
}

.SortHeader a, .SortHeader a:visited { color:var(--gray_100); }
.activeSortHeader a, .activeSortHeader a:visited { color:var(--gray_25); }

.attentionLink  a, .attentionLink  a:visited {
	font-weight:bold;
	color:var(--red_100_50);
}

.headerRow {
	text-align:right;
	color:var(--blue_100_20);
}

.alRight{
	text-align:right;
}

.alLeft{
	text-align:left;
}

.compFirstPlace  { text-align:right;background-color:var(--yellow_90_50); }
.compSecondPlace { text-align:right;background-color:var(--yellow_90_70); }
.compThirdPlace { text-align:right;background-color:var(--yellow_80_80); }

.l_row1 { 	text-align:right; background-color:var(--gray_100); }
.l_row2 { 	text-align:right; background-color:var(--gray_95); }

.l_row1Sorted { text-align:right; background-color:var(--gray_85); }


/*-----------------------------------
	Define some kind of boxes - containers
-----------------------------------*/

.shadowBox {
	border-right-width: 2px; border-bottom-width: 2px; border-top-width: 1px; border-left-width: 1px;
	border-right-style: solid; border-bottom-style: solid; border-top-style: solid; border-left-style: solid;
	border-right-color: var(--gray_60); border-bottom-color: var(--gray_60); border-top-color: var(--gray_90); border-left-color: var(--gray_90);
}

.shadowBox th {
	background-color:var(--blue_50_70);
	color:var(--gray_100);
	padding:3px;
}

.infoBox {
	border-left-color:var(--gray_85); border-left-width:8px; border-left-style:solid;
	border-right-color:var(--gray_80); border-right-width:3px; border-right-style:solid;
	border-top-color:var(--gray_80); border-top-width:1px; border-top-style:solid;
	border-bottom-color:var(--gray_100); border-bottom-width:1px; border-bottom-style:solid;
	margin:0;
	padding:3px;
	background-color:var(--gray_95);
	font-size:11px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:220px;
	text-align:left;
}

.tableBox {
	border-left-color:var(--gray_80); border-left-width:1px; border-left-style:solid;
	border-right-color:var(--gray_100); border-right-width:1px; border-right-style:solid;

	border-top-color:var(--gray_80); border-top-width:1px; border-top-style:solid;
	border-bottom-color:var(--gray_100); border-bottom-width:1px; border-bottom-style:solid;

	margin:0;
	padding:3px;
	background-color:var(--gray_95);

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.adminBox { background-color:var(--violet_75_95); }

.infoBoxHeader {
	display:block;
	clear:both;

	border:none;
	border-top:1px solid var(--gray_80);

	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

	text-align:center;
	text-decoration:none;

	width:100%;
	margin:0;
	padding:0;
	padding-bottom:3px;
	padding-top:4px;

	background-color:var(--gray_25);
	color:var(--gray_100);
	height:16px;
}

.infoBoxHeader .title {
	display:inline; float:left; clear:left;
	margin-left:10px;
	font-weight:bold;
}

.infoBoxHeader td {color:var(--gray_100);}

.dropBox .content {
	padding:4px;
	line-height:160%;
	padding-bottom:10px;
}

.menu1 {
    display:block;
    float:left;
	background-color: var(--gray_95);
	border: 1px solid var(--blue_20_80);
	padding: 3px;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0px;
	margin-top:0px;
}

.menuLvl2 {
    display:block;
    float:left;
	background-color: var(--yellow_80_80);
	border-width: 1px;
	border-style: solid;
	border-color: var(--gray_0);
	padding: 3px;
	margin-right:5px;
	margin-bottom:1px;
	margin-top:1px;
}



.dropDownBox {

	border-style: solid;
	border-right-width: 2px; border-bottom-width: 2px; border-top-width: 1px; border-left-width: 1px;
	border-right-color: var(--gray_60); border-bottom-color: var(--gray_60); border-top-color: var(--gray_90); border-left-color: var(--gray_90);

	font-size:11px;
	text-decoration:none;
	background-color:var(--gray_100);
	z-index:1000;
	position:relative;
}

.dropDownBoxH2 {
	background-color:var(--green_40_90);
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
}

table.dropDownBox td {
	width:auto;
	padding-right:5px;
	z-index:1000;
}

/* for the second drop down menu - testing  */
#countriesList, #countriesList ul {
	padding: 0;
	margin: 0;
	width : auto;
	background-color:var(--blue_50_40);
}

#countriesList li , #countriesList li a{
	background-color:var(--violet_100_70);
	list-style:circle;
	border:1px;
}


#debugTitleDiv , #debugDiv {
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:var(--gray_0);
	padding:4px;
	border:1px solid var(--gray_85);
	background-color:var(--gray_95);
	display:block;
	width:100px;
}
#debugDiv {
/*	top:25;*/
	display:none;
	display:block;
	width:auto;
}


.countryList2 a:link {
	font-size:80%;
	border-right:1px solid var(--gray_80);
}

.closeButton {
	cursor: hand;
	cursor: pointer;
	display:block;
	width:14px;
	height:14px;
	float:right;
	clear:none;

	margin:0;
	margin-right:2px;
	padding:0;
	background:url('img/icon_x_white.gif') no-repeat left top ;
}


.dropBox {
	display:none;
	position:absolute;

	top:0px;
/*	left: -999em;*/
	width:auto;
	height:auto;

/*	visibility:hidden;*/

	border-style: solid;
	border-right-width: 2px; border-bottom-width: 2px; border-top-width: 1px; border-left-width: 1px;
	border-right-color: var(--gray_60); border-bottom-color: var(--gray_60); border-top-color: var(--gray_90); border-left-color: var(--gray_90);
	border-right-color: var(--gray_35); border-bottom-color: var(--gray_35); border-top-color: var(--gray_90); border-left-color: var(--gray_90);

	background-color:var(--gray_100);
	padding: 1px 1px 1px 1px;
	margin-bottom:0px;

}

.brandImageDiv {
	height:16px;
	overflow:visible;
	display:inline;
}

.debugBoxTop {
	display:block;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	font-size:9px;
	background-color:var(--gray_100);
	border:1px solid var(--gray_50);

}


.simpleList, .simpleList ul {
	padding: 0px;
	padding-left:18px;
	margin: 0;
	width : auto;
}
.simpleList li {
	padding: 1px;
	padding-left:0;
	list-style:circle;
}
.simpleList li a {
padding:4px;
padding-left:0;
}



span.alert, span.info, span.download, span.note , span.ok {
	border-top-width: 3px;
	border-top-style: solid;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 10px;
	background-y-position: 50%;

	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;

	margin-top: 15px;
	margin-right: 0pt;
	margin-bottom: 15px;
	margin-left: 0pt;
}


span.note {
	color:var(--yellow_60_40);
	border-top-color: var(--yellow_90_70);
	border-bottom-color: var(--yellow_90_70);
	background-color: var(--gray_90);
	background-image: url(img/status-note.png);
}

span.alert {
	color: var(--red_100_50);
	border-top-color: var(--red_100_75);
	border-bottom-color: var(--red_100_75);
	background-color: var(--gray_90);
	background-image: url(img/status-alert.png);
}

span.info {
	color: var(--blue_100_40);
	border-top-color: var(--blue_65_65);
	border-bottom-color: var(--blue_65_65);
	background-color: var(--gray_90);
	background-image: url(img/status-info.png);
}

span.download  {
	color: var(--green_70_30);
	border-top-color: var(--green_60_70);
	border-bottom-color: var(--green_60_70);
	background-color: var(--gray_90);
	background-image: url(img/status-download.png);
}

span.ok  {
	color: var(--green_70_30);
	border-top-color: var(--green_60_70);
	border-bottom-color: var(--green_60_70);
	background-color: var(--gray_90);
	background-image: url(img/icon_ok.gif);
	background-image: url(img/status-ok.png);

}

/* the headers in pilot profile screens*/
.infoHeader {
	border-bottom:1px solid var(--blue_100_30);
	padding:5px;
	margin-bottom:3px;
	font-weight:bold;
}

.mb4 {
	margin-bottom:2px;
}

.filterValuesText {
	padding:2px;
	background-color:var(--gray_90);
	font-size:11px;
	font-weight:bold;
}


#vnav, #vnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 10em;

	z-index:-1;
}

#vnav {
	background-image:none;
	margin-left:10px;
	padding-bottom:20px;
}

#vnav li { /* all list items */
	background-image:none;
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 10em;
}

#vnav li ul { /* second-level lists */
	position : absolute;

	left: -999em;
	margin-left : 10.025em;
	margin-top : -1.85em;
	z-index:1;
}

#vnav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#vnav li a {
	width: 11em;
	display : block;

	padding : 0 0.3em;

	font-size:11px;
	color : black;
	font-weight : normal;
	text-decoration : none;

	border-width: 1px;
	border-style: solid;
	border-color: var(--gray_80);
	margin: 0;

	padding: 2px 6px;

	background-color:var(--gray_95);
	z-index:-1;
}

#vnav li ul a {
	padding: 1px 6px;
	z-index:2;
}

#vnav li a:hover {
	color : white;
	background-color : black;
}

#vnav li:hover ul ul, #vnav li:hover ul ul ul, #vnav li.sfhover ul ul, #vnav li.sfhover ul ul ul {
	left: -999em;
}

#vnav li:hover ul, #vnav li li:hover ul, #vnav li li li:hover ul, #vnav li.sfhover ul, #vnav li li.sfhover ul, #vnav li li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
}

div#b_nav  {
	background-image:none;
}

div#b_nav ul {
	margin: 0px 0 12px 0;
	padding: 0;
	list-style: none inside;
}
div#b_nav ul li {
	background-image:none;
	list-style: none;
	text-align: center;
	display: inline;
	font: 11px Verdana,Arial,Helvetica,sans-serif;

	margin: 2px 1px 2px 1px;

	padding:0;
}

div#b_nav ul li a {
	color: var(--gray_0);
	background-color: var(--blue_20_80);
	text-decoration: none;

	padding: 4px 0px 4px 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	margin-right: 1px;

	border-right: 1px solid  var(--gray_20);
	border-bottom: 1px solid var(--gray_20);
	height:auto;
	display:inline;
	float:left;
	width:197px;
	width:24%;
}

div#b_nav ul li a:hover,
div#b_nav ul li.header a:hover,
div#b_nav ul li a.on,
div#b_nav ul li.header a.on {
	background-color: var(--blue_75_25);
	color: var(--gray_100);
}

.catHeader {
	/*background-color:#E2DEB4;*/
	font-weight:bold;
	padding: 3px;
	border-bottom-width:2px;
	border-bottom-color: var(--yellow_90_70);
}


#vnav li:hover, #vnav li.hover {
  position:static;
}

.National_XC_Leagues_for { background-color: var(--yellow_60_90); }
.Flights_per_Country { background-color: var(--green_40_90); }
.Takeoffs_per_Country { background-color: var(--blue_20_80); }