/* --------------------*/
/* ----  NAVIGATION -------*/
/* --------------------*/
#navbar { float:right; margin:0px 15px 0px 0px; padding:0px; width:500px; height:89px;}
#pages { width:auto; font-size: 10pt; height: auto; margin: 12px 0px 0px 0px; float: right; z-index:100; }
#pages2 { width:auto; font-size: 10pt; height: auto; margin: 0px 0px 0px 0px; float: right; }
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:	none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position:	absolute; top:-999em; width:16em;  /* left offset of submenus need to match (see below) */  z-index:99;}
.sf-menu ul li { width:	100%;  font-size:8pt;}
.sf-menu li:hover { visibility:	inherit; font-size:8pt;/* fixes IE7 'sticky bug' */ }
.sf-menu li { float:left; position:	relative; font-size:8pt;}
.sf-menu a { display:block; position:relative; font-size:8pt;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:	3em; font-size:8pt;/* match top ul list item height */ z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:-999em;   }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:	10em; /* match ul width */ top:	0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:	-999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:	0; }
/*** DEMO SKIN ***/
.sf-menu { float:left; }
.sf-menu a { padding:.75em; text-decoration:none; font-size:8pt;}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #27dbcc; font-size: 10pt; font-weight:bold; }
.sf-menu li li { background-color:#000000; }
.sf-menu li li a, .sf-menu li li a:link, .sf-menu li li a:hover, .sf-menu li li a:visited, .sf-menu li li a:active{ background-color:#08243a;  font-size:8pt; color: #ffffff;}
.sf-menu li li a:hover, .sf-menu li li a:active { background-color:#08243a;  font-size:8pt; color: #27dbcc;}
.sf-menu li li li { background-color:#000000; }
.sf-menu li:hover, .sf-menu li.sfHover { background-color:#08243a;color: #ffffff; outline:	0;  font-size: 10pt; font-weight:bold; }
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background-color:#08243a; outline:0; color: #ffffff; font-size: 10pt; font-weight:bold; }
/*** arrows **/
.sf-menu a.sf-with-ul { min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }


/*** ESSENTIAL STYLES ***/
.sf-menu2, .sf-menu2 * { margin:0; padding:0; list-style:	none; }
.sf-menu2 { line-height:	1.0; }
.sf-menu2 ul { position:	absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ }
.sf-menu2 ul li { width:	100%; }
.sf-menu2 li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu2 li { float:left; position:	relative; }
.sf-menu2 a { display:block; position:relative; }
.sf-menu2 li:hover ul, .sf-menu2 li.sfHover ul { left:0; top:	2.5em; /* match top ul list item height */ z-index:99; }
ul.sf-menu2 li:hover li ul, ul.sf-menu2 li.sfHover li ul { top:-999em; }
ul.sf-menu2 li li:hover ul, ul.sf-menu2 li li.sfHover ul { left:	10em; /* match ul width */ top:	0; }
ul.sf-menu2 li li:hover li ul, ul.sf-menu2 li li.sfHover li ul { top:	-999em; }
ul.sf-menu2 li li li:hover ul, ul.sf-menu2 li li li.sfHover ul { left:10em; /* match ul width */ top:	0; }
/*** DEMO SKIN ***/
.sf-menu2 { float:left; }
.sf-menu2 a { padding:.75em; text-decoration:none; }
.sf-menu2 a, .sf-menu2 a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #ffffff; font-size: 10pt; font-weight:bold; }
.sf-menu2 li { /*background:	#BDD2FF;*/ }
.sf-menu2 li li { background-color:#000000; }
.sf-menu2 li li a, .sf-menu2 li li a:link, .sf-menu2 li li a:hover, .sf-menu2 li li a:visited, .sf-menu2 li li a:active{ background-color:#08243a;  font-size:8pt; color: #ffffff;}
.sf-menu2 li li a:hover, .sf-menu2 li li a:active { background-color:#08243a;  font-size:8pt; color: #27dbcc;}
.sf-menu2 li li li { background-color:#000000; }
.sf-menu2 li:hover, .sf-menu2 li.sfHover { background-color:#08243a;color: #ffffff; outline:	0;  font-size: 10pt; font-weight:bold; }
.sf-menu2 a:focus, .sf-menu2 a:hover, .sf-menu2 a:active { background-color:#08243a; outline:0; color: #ffffff; font-size: 10pt; font-weight:bold; }
/*** arrows **/
.sf-menu2 a.sf-with-ul { min-width:1px; /* trigger IE7 hasLayout so spans position accurately */ }
/*** shadows for all but IE6 ***/



/*** shadows for all but IE6 ***/
.sf-shadow ul { background: url(images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }