/*  Logo in line 146 */
html { font-size: 1.4vw; }

body:before {
    display:none;
	/*
    content: url(../imagesMain/logoOOO.jpg);    
    */
}
/*
@font-face { 
  font-family: Droid Sans; 
    src: url('../fonts/DroidSans-webfont.eot'); 
    src: local("Droid Sans"), url('../fonts/DroidSans-webfont.woff'); 
} 
*/
@font-face { 
  font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 
} 

html { 
  height: 100%;
  scroll-behavior: auto;
  scroll-behavior: smooth;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  /*
  font: normal .80em 'Droid Sans', arial, sans-serif;
  */
  font: normal .80em  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

  */
  background-color: #F9F9F9;
  color: #444;
}

p { 
  padding: 0 0 2.5vh 0;
  line-height: 1.7em;
  line-height:175%;
}

hr.orangeLine
	  {
	     color:#CD6A07; 
		 background-color:#CD6A08; 
		 margin: .5em 0 1em 0; 
		 height: 4px; 
		 text-align:left; 
		 width:55%;
	  }
img { 
  border: 0;
}

img[usemap] 
{
   border: none;
   height: auto;
   max-width: 100%;
   width: auto;
   display:block;
   margin-left:auto;
   margin-right:auto;
}

h1, h2, h3, h4, h5, h6 { 
  color: #362C20;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
  padding: 0 0 .8vh 0;
}

h1, h2, h3 { 
  /*
  font: normal 1.4vw 'News Cycle', arial;
  */
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  /* 
  font: normal 140% 'News Cycle', arial;
  */
  margin: 0 0 2.5vh 0;
  padding: 2.5vh 0 .8vh 0;
  color: #222;
}

h1
{
	font-size: 175%;
    font-size: 3vw;	
}

h2 { 
  font-size: 2vw;
  font-size: 160%;
  padding: 9px 0 5px 0;
}

h2.orange { 
  font-size: 2vw;
  font-size: 160%;
  padding: 9px 0 5px 0;
  color: #D97700;
  text-shadow: 0.15vw 0.15vw #333;
}

h3 { 
  font-size: 1.8vw;
  font-size: 140%;
  padding: .8vh 0 0 0;
}

h3.hmenu { 
  color: black;
  padding: 0;
  display:inline;
}

h3.darkgray 
{
	font-size: 1.9vw;
	font-size: 144%;
	color: #333333;
}

h3.dark 
{
	font-size: 120%;
	color: #333333;
}

h4, h6 { 
  color: #555;
  padding: 0 0 5px 0;
  padding: 0 0 .8vh 0;
  font: normal 120% 'Droid Sans', arial, sans-serif;
}

h5, h6 { 
  color: #999;
  font: italic 1vw 'Droid Sans', arial;
  font: italic 100% 'Droid Sans', arial;
  padding: 0 0 15px 0;
  padding: 0 0 2.5vh 0;
}

h6 { 
  font: normal 100% 'Droid Sans', arial;
}

.highlightlink
{
	background-color:#FFD199;
	border-radius: 5px;
	border:thin solid darkorange;
	padding:3px;
}

.highlightlink a:hover
{
   background-color:white;
   border-radius: 5px;
   border:thin solid darkorange;   
   text-decoration: none;
   color: black;
   cursor:pointer; 
}

.highlightlink a
{
   color: black;
   font-weight:bold;
}

a, a:hover { 
  outline: none;
  text-decoration: none;
  color: #58B5D6;
  color: #8B668B;
  color: #27408B;
  color: #8B0A50;
  
}

a:hover { 
  text-decoration: underline;
}

p a, ul a, p a:hover, ul a:hover{ 
  outline: none;
  color: #8B0A50;
  text-decoration: none;
  border-bottom: #666666;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none;
}

p a:hover, ul a:hover { 
  text-decoration: none;

  border-bottom: thin black solid;
}

p.gray
{
   margin-left:2.5em;
   margin-right:2.5em;
   margin-bottom:1em;
   font-size:0.9em; 
   background-color:lightgray;
   color:black;
}

blockquote { 
  margin: 20px 0; 
  padding: 10px 20px 0 20px;
  padding: 2vh 3.9vw 0 3.9vw;
  border: 1px solid #E5E5DB;
  background-color: #FFF;
}

.indentQuote { 
  padding: 5px 20px 5px 20px;
  padding: 1vh 3.9vw 1vh 3.9vw;
  margin-left: .3em;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

ul { 
  margin: 2px 0 22px 17px;
  margin: .5vh 0 3vh 1.2vw;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 1vh 0; 
  margin: 0 0 6px 0; 
  padding: 0 0 .8vh 0;
  padding: 0 0 4px 5px;
  line-height: 1.5em;
  line-height: 170%;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 8px;
}

.red
{
   color:red;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
  margin-right: 1.5em;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, #container, #logo, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main {
  /*
  background: #EEEEEE url(../imagesMain/light.png);
  */
}


header { 
  /*
  background: #7f2e1a url(../imagesMain/logoOOO.jpg) no-repeat;
  */
  height: 200px;
  height: 36vh;
  height: 12.5vw;
  background-size: 100% 100%;
  position:relative;
}

#logo { 
  width: 1500px;
  width: 100%;
  height: 180px;
  height:34.4vh;
  height:25vh;
  background: transparent;
  color: #888;
  padding: 20px 0 0 0; 
  padding: 3.8vh 0 0 0;   
}

#logo #logo_text { 
  width: 460px;
  width: 85%;
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border: 7px;
/*
  background: transparent url(../images/menubar.png);
*/
  left: 0;
  padding: 10px 20px 20px 20px;
  padding: 1.8vh 1.75vw 3.8vh 1.75vw;
}

#logo h1
{ 
  /*
  font: bold 400% 'News Cycle', arial, sans-serif;
  font: bold 4.5vw 'Rambla', 'News Cycle', arial, sans-serif;
  */
  font: bold 4.5vw "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font: bold 4.5vw 'Roboto', sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
  font-style:italic;
  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
}

#logo h2 { 
  /*
  font: bold  300% 'News Cycle', arial, sans-serif;
  font: bold  3.5vw 'News Cycle', arial, sans-serif;
  */
  font: bold 3.5vw "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}


#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { 
  padding: 0;
  color: #FFF;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #09D4FF;
}

#logo_text a:hover .logo_colour { 
  color: #FFF;
}

#logo_text h2 { 
  font-size: 140%;
  font-size: 1.6vw;  
  padding: 0 0 0 0;
  color: #FFF;
}

nav { 
  font-size:1vw;  
  width: 100%;
  height: 8.4vh;
  height: 4vw;
  margin: -44px auto 0 auto;
  margin: -4vh auto 0 auto;
  color: #fef4e9;
  background: transparent url(../imagesMain/menubar.png);
  /* 
     Parent container (header) is set to position: relative.
	 bottom:0; right:0 position nav in the right-bottom corner of your header.
	 header is still relative, so you don't lose the responsiveness.
  */	 
  position: absolute; 
  bottom: 0;
  right: 0; 
} 

#menu_container { 
  width: 100%;
  margin: 0 auto 0 auto;
}

#site_content { 
  width: 98%;
  overflow: hidden;
  margin: 0 auto 0 auto;
  margin: 0 15px 0 15px;
  padding: 15px 0 25px 0;
  padding: 3vh 0 4vh 0;
  /*
  text-shadow: 0 1px #FFF;
  */
} 

 div.hidden
 {
	background: rgba(255,191,127,0.5);
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	border-radius: 10px;

	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
	padding-right:1em;
 }

#sidebar_container { 
  float: right;
  width:25%;
  width:24vw;
  margin-top:3.9vh;
}

.sidebar{ 
  /*
  width: 200px;
  */
  margin: 0 0 3.5vh 0;
  /*
  background: #CC6600; 
  background: -moz-linear-gradient(#fff, #CC6600);
  background: -o-linear-gradient(#fff, #CC6600);
  background: -webkit-linear-gradient(#fff, #CC6600);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  */
  border: 1px solid #eee;
  border: 1px solid lightgray;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
  padding: 0 1.5vw 1vh 1.3vw;

}

.sidebar p {
   line-height: 160%;
   font-size:p0%;
}

.sidebar ul {
   font-size:110%;
}
  
.sidebar h3, .content h1 { 
  padding: 0 15px 20px 0;
  padding: 0 1.3vw 3.9vh 0;
  font: 120% 'News Cycle', arial, sans-serif;
  text-shadow:  #FFF 0 1px;
  margin: 0 1px;
}

.sidebar h3 { 
  padding: 4px 15px 9px 0;
  padding: 1vh 1.3vw 1.6vh 0;
  font: 160% 'News Cycle', arial, sans-serif;
  font: 130% 'News Cycle', arial, sans-serif;
}

.sidebar ul { 
  margin: 0 0 15px 0;
  margin: 0 0 1vh 0;
} 

.sidebar li a, .sidebar li a:hover { 
  color: #555;
  color:black;
  text-decoration: none;
  border-bottom: #666666;
  border-width: 0px 0px 1px 0px;
  border-style: none none dotted none; 
} 

.sidebar li a:hover { 
  color: #8B0A50;
  border-bottom: thin black solid
} 

.sidebar_item, .content_item { 
  padding: 15px 0;
  padding: 3vh 0;
}

.content { 
  text-align: justify;
  width: 700px;
  width: 92%;
  margin: 0 0 15px 0;
  margin: 0 0 3vh 0;
  float: left;
  font-size: 120%;
  padding: 14px 0 0 0;
  padding: 2.75vh 0 0 2.6vw;
}
  
.content ul { 
  margin: 2px 0 22px 0px;
  margin: 1vh 0 4vh 0;
}

.italic
{
	font-style:italic;
}

.bold
{
	font-weight:bold;
}

.redbold
{
	font-weight:bold;
	color:red;
}

.content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(../imagesMain/bullet.png) no-repeat;
  background-size:2vw;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  padding: 0 0 1.5vh 2.5vw; /* lst one is gap between bullet and text */
  line-height: 1.5em;
  line-height: 150%;
}

footer { 
  font: 110% 'Droid Sans', arial, sans-serif;
  height: 125px;
  height: 22vh;
  height:10.3vw;
  padding: 28px 0 5px 0;
  padding: 4vh 0 2vh 0;
  text-align: center; 
  background: #7f2e1a;
  color: #FFF;
  margin: 0;
  border-top: 6px solid #d04c2b;
  border-top: 1.5vh solid #d04c2b;
}

footer p { 
  line-height: 3.5vh;
  line-height: 170%;
  padding: 0 0 10px 0;
  padding: 0 0 1vh 0;
}

footer a { 
  color: #FFF;
  text-decoration: none;
}

footer a:hover { 
  color: #FFF;
  text-decoration: underline;
}

.form_settings { 
  margin: 15px 0 0 0;
  margin: 1vh 0 0 0;
}

.form_settings p { 
  padding: 0 0 4px 0;
  padding: 0 0 .5vh 0;
}

.form_settings span { 
  float: left; 
  width: 200px; 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 299px; 
  font: 100% 'Droid Sans', arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 100% 'Droid Sans', arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #1A1225; 
  color: #FFF;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}

.form_settings textarea, .form_settings select { 
  font: 100% 'Droid Sans', arial; 
  width: 299px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.separator { 
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
  margin: 0 0 2vh 0;
}

img#top
{

   margin-bottom:1vh;
} 

/*
table { 
  width:100%;
  margin: 10px 0 30px 0;

}

table tr th, table tr td { 
  background: #555;
  color: #FFF;
  padding: 7px 4px;
  text-align: left;
  text-shadow: none;
}
  
table tr td { 
  background: #DDD;
  color: #47433F;
  border-top: 1px solid #FFF;
  font-size:.9em;
}
  
table.experience { 
  margin: 10px 0 30px 0;
  width:100%;
}

table.experience tr th, table.experience tr td { 
  color: #444;
  background-color: #E7E7E7;  
  padding: 7px 4px;
  text-align: left;
  text-shadow: none;
}
  
table.experience tr td { 
  background-color: #E7E7E7;
  color: #444;
  border: none;
}
*/

/* scroll to top */
#scroll { 
  position: relative; 
  width: 1000px;
  width: 100%;
  margin: 0 auto;
  bottom: 15px; 
  right: 0;
  background: red;
  padding: 0;
}
  
#scroll a { 
  float: right;
  margin: 0 0 0 0; 
  padding: 0 0 0 0;
}
  
#scroll a img { 
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 1vh 0;
  height:3.1vh;
  width:auto;
  margin-right:2vw;
}





/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
**/

/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 220px;
  width: 19vw;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 220px;
  margin: 0 0 0 19vw;
}

/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  margin-top:.4vh;
  padding: 0;
}

ul.sf-menu { 
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 20px;
  right: 5px;
  display: block;
  background: url(../imagesMain/arrows-white.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 10;
  top: 20px;
  top: 2.8vh;
  background-position: 0 100%;
}

/* Theming the menu */
ul#nav { 
  float: right;
}

ul#nav ul { 
  background-color:#894d36;
  background-color:#692D14;
  background-color: #d97700;
  margin-top: 0;
  padding-bottom: 15px;
  margin-top: .8vh;
  padding-bottom: 1.8vh;
}

ul#nav li a { 
  padding:5px 20px 6px 20px;
  padding:.8vh 1.5vw 1vh 1.5vw;
  font: 150% 'News Cycle', arial, sans-serif;
  font: 125% 'News Cycle', arial, sans-serif;
  text-shadow: 1px 1px #7E4D0E;
  text-shadow: 1px 1px black;
  text-decoration: none;
  color:#FFF;
  color:#e3e2e1;
  color:#cac9c7;
  margin-right: 2px;
  margin-right: .15vw;
}

ul#nav li a:hover,ul#nav li a:focus { 
  color: #FFF;
  text-decoration: underline;
}


/* Theming the submenu */
ul@subnav { 
  float: right;
  background-color:lightgray;
  display:inline-block;
  width:100%;
}

ul#subnav ul { 
  /* 
  background: #58B5D6;
  background-color:#8B668B;
  */
  background-color:lightgray;
  margin-top: 5px;
  padding-bottom: 15px;
}

ul#subnav li a { 
  padding:.45vw .1vw;
  font: 150% 'News Cycle', arial, sans-serif;
  font: 100% 'News Cycle', arial, sans-serif;
  font: 93% 'Arial Narrow', arial, sans-serif;
  /*
  text-shadow: 1px 1px gray;
  */
  text-decoration: none;
  color:brown;
  background-color:lightgray;
  margin-right: .1vw;
  width:4.5em;
  width:5vw;
  text-align:center;
  line-height:115%;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  border-radius: 15px; /* universal */  
}

ul#subnav li a:hover,ul#nav li a:focus { 
  color: orange;
  text-decoration: underline;
}

/* ======================================== */

/* Configuration of menu width */
html body ul.in-menu ul,html body ul.in-menu ul li { 
  width: 220px;
  width: 21vw;
}

html body ul.in-menu ul ul { 
  margin: 0 0 0 220px;
  margin: 0 0 0 8vw;
}

/* Framework for proper showing/hiding/positioning */
ul.in-menu,ul.in-menu * { 
  margin: 0;
  margin-top:.4vh;
  padding: 0;
}

ul.in-menu { 
  display: block;
  position: relative;
  width:120%;
}
  
ul.in-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
  background-image:none;
  font: 90% 'Arial Narrow', arial, sans-serif;
  width: 6.5vw; /* width of each li (menu item) */
  padding-left: 0vw;
  /*
  border: thin green solid;
  */
}
  
ul.in-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.in-menu a { 
  display: block;
  position: relative;
}
  
ul.in-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  width: 5vw;
  top: auto;
  left: -999999px;
}
  
ul.in-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.in-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
  width: 5vw;
}
  
ul.in-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
  margin: 0 0 0 7vw;
}

ul.in-menu li:hover ul,ul.in-menu li:focus ul,ul.in-menu li.sf-hover ul, 
ul.in-menu ul li:hover ul,ul.in-menu ul li:focus ul,ul.in-menu ul li.sf-hover ul,
ul.in-menu ul ul li:hover ul,ul.in-menu ul ul li:focus ul,ul.in-menu ul ul li.sf-hover ul,
ul.in-menu ul ul ul li:hover ul,ul.in-menu ul ul ul li:focus ul,ul.in-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.in-menu li:hover ul ul,ul.in-menu li:focus ul ul,ul.in-menu li.sf-hover ul ul,
ul.in-menu ul li:hover ul ul,ul.in-menu ul li:focus ul ul,ul.in-menu ul li.sf-hover ul ul,
ul.in-menu ul ul li:hover ul ul,ul.in-menu ul ul li:focus ul ul,ul.in-menu ul ul li.sf-hover ul ul,
ul.in-menu ul ul ul li:hover ul ul,ul.in-menu ul ul ul li:focus ul ul,ul.in-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}




/* Theming the submenu */
ul@in-subnav { 
  float: right;
  background-color:lightgray;
  display:inline-block;
  width:100%;
}

ul#in-subnav ul { 
  /* 
  background: #58B5D6;
  background-color:#8B668B;
  */
  background-color:lightgray;
  margin-top: 5px;
  padding-bottom: 15px;
}

ul#in-subnav li a { 
  
  padding:.45vw .1vw;
  font: 150% 'News Cycle', arial, sans-serif;
  font: 100% 'News Cycle', arial, sans-serif;
  font: 93% 'Arial Narrow', arial, sans-serif;
  text-decoration: none;
  color:brown;
  background-color:lightgray;
  margin-right: .1vw;
  width:4.5em;
  width:6vw; /* width of name capsule */
  text-align:center;
  line-height:115%;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari, Chrome */
  border-radius: 15px; /* universal */ 
  /*
  text-shadow: 1px 1px gray;
  */  
}

ul#in-subnav li a:hover,ul#nav li a:focus { 
  color: orange;
  text-decoration: underline;
}