body {background-color: #fff; font-family: Verdana, Helvetica, Arial, sans-serif; color: #111111; /*font: normal 100% sans-serif;*/ }

.alt { display: none; speak: normal; }

h1, h2, h3, h4 {font-weight: bold;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%; margin-top: 20px;}
h4 {font-size:125%;}
h5 {font-size:110%;}
h6 {font-size:115%;}
#index	h3	{ color: #39f; }
#email	h3	{ color: #86f; }
#sys	h3	{ color: #b0e; }
#nw	h3	{ color: #70b; }
#web	h3	{ color: #b00; }

#wordlogo h1	{color: #777; text-align: left; margin-left: 15ex;}

#logo a img	{border: 0;} /* Avoid lines around logo images */
#wordlogo a img	{border: 0;} /* Avoid lines around logo images */

#nav li		{float: left; width: 10em; list-style: none; margin-left: 1em; text-align: center; }
#nav li a	{display: block; width: 10em; text-decoration:none; }
#nav li a	{border-bottom: 4px solid #eee;} /* Prevent 'gap' between menu title & submenu causing menu title be be deselected and then menu disappears; also stops main content jumping up and down as menu items selected, not sure what's going on there... */

#nav li.index	a:hover, #index	#nav a.current	{ border-bottom: 4px solid #39f;}
#nav li.email	a:hover, #email	#nav a.current	{ border-bottom: 4px solid #86f;}
#nav li.sys	a:hover, #sys	#nav a.current	{ border-bottom: 4px solid #b0e;}
#nav li.nw	a:hover, #nw	#nav a.current	{ border-bottom: 4px solid #70b;}
#nav li.web	a:hover, #web	#nav a.current	{ border-bottom: 4px solid #b00;}
#nav .noncurrent	{ /*border-bottom: 3px solid #ccc;*/}
#sectionmenu .current	{ text-decoration:none; font-weight:bold; } /* disable URL highlight in <a> tag */
#sectionmenu		{ margin-left: 28ex; }

/* Widths: Width reserved for top menu entry / Top menu entry underline width / Submenu entries [line] width: */
#nav li.index	{width: 5em;}	#nav li.index a	{width: 4em;}
#nav li.email	{width: 6em;}	#nav li.email a	{width: 5em;}
#nav li.sys	{width: 7em;}	#nav li.sys a	{width: 6em;}
#nav li.nw	{width: 7em;}	#nav li.nw a	{width: 6em;}
#nav li.web	{width: 4em; }	#nav li.web a	{width: 3em;}
#nav  {padding-left: 0;} /* Ensure content aligned with top menu, if same margin-left specified */

#nav a, #subnav a	{color: black;}
#nav, #subnav		{line-height: 120%; font-size: 80%; }
#content		{font-size: 90%;}
#content p code		{font-size: 90%; font-family: Courier, monospace, fixed;}
#content h3		{font-size: 160%;}

#subnav		{ float:left; width: 30ex; margin-left: -100%; margin-top: 3em;}
#subnav li a	{ display: block; text-decoration:none; border-bottom: 4px solid #eee;}
#subnav ul	{ float: right; list-style: none; }
#subnav li	{ padding-bottom: 5px; }

#index	#subnav	li a:hover, #index #subnav li a.current { border-bottom: 4px solid #39f; }
#email	#subnav li a:hover, #email #subnav li a.current { border-bottom: 4px solid #86f; }
#sys	#subnav li a:hover, #sys   #subnav li a.current	{ border-bottom: 4px solid #b0e; }
#nw	#subnav li a:hover, #nw    #subnav li a.current	{ border-bottom: 4px solid #70b; }
#web	#subnav li a:hover, #web   #subnav li a.current { border-bottom: 4px solid #b00; }

/* Debugging note: having width:100% in #content rather than #wrap causes
   menu to get pushed below text at all times (rather than just when resizing). */ 
#wrap	{ float:left; width:100%; }
/*#content	{ margin-left: 30ex; line-height: 140%; }*/
#content	{ margin-left: 15ex; line-height: 140%; margin-right: 15ex; }

/* float:left to TLD div stops the submenu jumping left & right in IE, not sure why:*/
#index, #email, #sys, #nw, #web { float:left; }

/* logo background (shows through as icons/network) grey unless overridden:*/
#logo	{position: absolute; top: 45px; left: 15px;}
#logo			img	{background-color: #b2b2b2;} /* Icons default to grey */
#logo 		img.spacer	{background-color: transparent;}
/* Active icon coloured: */
/*#index #logo #iconindex img	{background-color: #39f;}*/
/*#email #logo #iconemail img	{background-color: #86f;}*/
/*#sys   #logo #iconsys	img	{background-color: #b0e;}*/
/* Hovered icon coloured: */
/*#logo a#iconindex:hover img 	{background-color: #39f;}*/
/*#logo a#iconemail:hover img 	{background-color: #86f;}*/
/*#logo a#iconsys:hover img		{background-color: #b0e;}*/

.updated	{font-style: italic;}