/* styles for v4 browsers */
/* version 2003.10.12 */
html,body	{background:#fff; margin:0; padding:0; font-size:16px;}

html,body,
p,ul,ol,li, 
td,th,dl,dt, 
blockquote,
h1,h2,h3,h4,h5	{color:#000; font-family:verdana,arial,helvetica,sans-serif;}

p,li,dd,dt,th,td,
blockquote, pre, code, xmp {font-size:16px;}

h1 {margin-top:0; font-size:20px; font-weight:bold; color:#006; text-align:center;}
h2 {margin-top:0; font-size:18px; font-weight:bold; color:#c03; text-align:center;}
h3 {margin-top:0; font-size:16px; font-weight:bold; color:#999; text-align:center;}
h4, h5, h6 {margin-top:0; font-size:14px; font-weight:bold; color:#999; text-align:center;}
p {color:#666;}

/* structural */
#banner {
	position:absolute; top:0;	left:0;
	height:62px; width:100%;
	layer-background-color:#232649; /* for NN4 */
}
#logo {
	position:absolute; top:5px; left:12px;
	height:33px; /* must have for nn4 */
	z-index:10;
}	
#logo a  img {border:none;}
#tagline {
	position:absolute; top:40px; left:40px;
	z-index:5;
	color:#fff; background-color:#232649;
	font-weight:bold; font-size:16px;
}	
#flag {float:right; width:320px; z-index:1;}

#tabs ul {
	padding:.3em 0; margin:62px 0 0 0;
	list-style-type:none;
	color:#666; background-color:#eee;
	text-align:center;
}


#tabs li a {
	padding:.3em .9em;
	color:#666;
	text-decoration:none;
}
#tabs .current,
#home #tab-home,
#consonants #tab-consonants,
#vowels #tab-vowels {
	background-color:#fff;
	font-weight:bold;
}	

#wrapper {margin:0; padding:0;}

#sec-nav { 
	float:left; width:80px;
	margin:0; padding:0;
}

#sec-nav ul {
	margin:0 0 0 -70px; padding:0;
	list-style-type:none;
}

#sec-nav a {
	width:80px;
	display:block;
	padding:3px 0;
	background-color:#eee; 
}

#sec-nav a:link, #sec-nav a:visited {
	color:#666;
	text-decoration:none;
}

#sec-nav a:hover {
	color:#666;
	background-color:#fff;
	text-decoration:underline;
}

#sec-nav .current {
	background-color:#fff;
	font-weight:bold;
	}

#main {
	margin:0 0 0 80px; 
	padding:0 5px;
	background:#fff;
}

#main-left {
	margin:0 0 0 30px; 
	padding:10px 8px 0 8px; 
}

#features {
	display:none;
}

#prev-next {
	width:100%; padding:5px 0;
	margin-top:15px;
	border-top:1px solid #ddd;
	color:#666;
}
.prev {
	float:left;
	width:25%;
	font-size:12px;
	font-family:verdana,arial,helvetica,sans-serif;
}
.next {
	float:right;
	width:25%;
	text-align:right;
	font-size:12px;
	font-family:verdana,arial,helvetica,sans-serif;}	
	
#footer	{
	width:100%;
	margin-top:10px;
	border-top:1px solid #bbb;
	text-align:center;
}
#footer p {margin:0; padding:.2em;}


/* miscellany */
/*img {display:block; border:0;} */
img {display:inline; border:0;}
.hide {height:0; width:0; overflow:hidden; position:absolute;}

a:link {color:#00e;}
a:visited {color:#800;}
#main a:link, #main a:visited, #main a:hover, #main a:active {font-weight:bold;}
#home #main a:link, #home #main a:visited, #home #main a:hover, #home #main a:active {font-weight:normal;}
#home-c #main a:link, #home-c #main a:visited, #home-c #main a:hover, #home-c #main a:active {font-weight:normal;}
#home-v #main a:link, #home-v #main a:visited, #home-v #main a:hover, #home-v #main a:active {font-weight:normal;}


.copyright {font-family:"Trebuchet", Verdana, Arial, sans-serif; font-size:12px; color:#666 }
.center {text-align:center;}
.sc {font-variant:small-caps;}
.clearer {clear:left; line-height:0; height:0;}
.no-bullets {list-style-type:none;}