/**** default tables ****/

table {border-collapse:collapse; margin-left:auto; margin-right:auto;}
td {padding:5px; vertical-align:middle;}

/* content */

body { 
  margin-left:auto;
  margin-right:auto;
  width:800px;
  background:white;
  color:black;
  font-size:small;
}

#ContentWindow {text-align:justify;}

/**** fonts ****/

body {font-family:Arial, sans-serif;}
h1,h2,h3 {font-family:"Times New Roman", serif;}

/**** headings ****/

h1 {text-align:center;}

/**** Links ****/

a { text-decoration:none; }
a { color:blue; }
a:hover { color:purple; }

a.controls { color:#dddddd; }
a.controls:hover { color:#dddddd; }

/**** icons for external links, mail-tos, PDFs ****/
 
a[href^="http:"] {
display:inline-block;
padding-right:14px;
background:transparent url(/uploads/external_link.png) center right no-repeat;
}

a[href^="http://www.aikido.org.nz"] {  
background:transparent;  
padding-right:0px;  
}  

a[href^="mailto:"] {
display:inline-block;
padding-right:18px;
background:transparent url(/uploads/mailto.png) center right no-repeat;
}

a[href$='.pdf'] {
display:inline-block;
padding-right:20px;
line-height:18px;background:transparent url(/uploads/pdf_link.png) center right no-repeat;
}

/**** 3 tier horizontal drop-down menu ****/

   div#myhmenu ul {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	background:#036;
	}
   div#myhmenu li {
	padding:0.2em 0.5em;
	}
   div#myhmenu ul li {
	position:relative;
	float:left;
	width:6em;
	background:#036;
	display:inline;
	border-right:1px solid white;
	text-align:center;
	}
   div#myhmenu ul li:hover {
	background:#369;
	}
   div#myhmenu ul ul li {
	display:none;
	text-align:left;
	border:0;
	}
   div#myhmenu ul li:hover ul li {
	display:block;
	}
   div#myhmenu ul ul li:hover { 
	border-right:1px solid white; /* Fill the border width gap left by chrome */
	}
   div#myhmenu ul ul {
	position:absolute;
	top:1.5em; /* Would use 'auto' except IE (compatability mode) doesn't display correctly */
	left:0;
	z-index:100; /* prevents dropdowns appearing beneath other menu items (if menu scrolls) */
	}
   div#myhmenu a {
	text-decoration:none;
	color:#fff;
	}
   div#myhmenu ul ul a {
	font-size:85%;
	}
   div#myhmenu ul ul ul li,
   div#myhmenu ul li:hover ul ul li {
	display:none;
	}
   div#myhmenu ul ul li:hover ul li {
	display:block;
	}
   div#myhmenu ul ul ul {
	position:absolute;
	top:0;
	left:7em; /* set to width + padding of 'li' elements */
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/**** old static top menu - unused ****/


div#navlist ul
{
padding: 0;
margin: 0;
list-style-type: none;
float: left;
width: 100%;
color: #fff;
background-color: #036;
}

div#navlist ul li { display: inline; }

div#navlist ul li a
{
float: left;
width: 5em;
color: #fff;
background-color: #036;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
height:100%;
}


div#navlist ul li a:hover
{
background-color: #369;
color: #fff;
}