#img
{	
  width: 100%;  
  border: none;
  display: block;
}
#right_div
{	
  width: 500px;  
  border: none;
  display: block;
}

#text
{	
  width: 250px;  
  display: block;
  color: #ff9933; 
  font-size: 20px; 
	line-height: 20px;
	text-align: center;
  border: none;
	padding: 0px;
	margin: 0px;
}

#letter
{	
  width: 250px;  
  display: block;
  color: #ff9933; 
  font-size: 220px; 
	line-height: 220px;
	text-align: center;
	margin-top: 20px;
  border: none;
  height: 270px;
}


.external_link { color: #84683E; }
.link { color: #84683E; }
.soundHover { color: #407040;}
.selected { color: darkgreen; }
.selected:hover { color: #F90; }
.soundHover:hover, 
.external_link:hover, 
.link:hover { color:#F90; cursor: pointer; }

a {
	text-decoration: none;
	color: #333;
	cursor: pointer;
}
a:hover {	color: #F90; }

fieldset {
  cursor: pointer; 
	width:30px;
	height:30px;
  font-size: 22px; 
	line-height: 28px;
	text-align: center;
}
fieldset:hover {
  cursor: pointer; 
  font-weight:bold;
	background-color:#F9F9F9;
	text-transform:uppercase
}



/* ======================================================================== */
#header
{	
  position: fixed;
  top: 0;  
  left: 0;  
  width: 100%;  
  border: none;
  display: block;
	background-color: white;
  height: 70px;
}

/* IE fix for [position: fixed] ------------------------------------------- */
* html #header { 
	position: absolute;
}


#main_container {
	padding-top: 90px;
}

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

body {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

div.clear {
	clear: both;
	visibility: hidden;
}

p { padding-bottom:10px; }

.left {	float: left; }
.right { float: right; }

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	/*font-size: 75%;*/ /*=12pixels*/
	font-size: 14px;
	font-family: verdana, tahoma, sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: #333;
	background-color: white;
}

div {
	text-align: left;
}

span {
	display: inline;
}

img {
	display: inline;
}

h1,h2,h3 {
	font-family: arial, geneva, helvetica, sans-serif;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
}

h1 {
	font-size: 2.0em;
  color: #ff9933; 
}

h2 {
  color: #ff9933; 
	font-size: 1.6em;
}

h3 {
	font-size: 1.1em;
}

ul {
	list-style-type: none;
}

/*
 * Clear float positions.
 */
.clear {
	clear: both;
}

/* IE fixes ------------------------------------------------ */
	/* Solve the IE 3px gap bug */ /* Hides from IE5-mac \*/
p {
	height: 1%;
}

/* End hide from IE5-mac */ /* Add the min and max width in IE */
* #main_container,* #top_menu_container {
	width: expression(document.body.clientWidth > 800?"800px": (
		document.body.clientWidth < 750 ? "750px":"auto") );
}

/* PNG transparency fix */
img {
	behavior: url(/css/png-fix.htc);
}

/* IE fixes ----------------------------------------------------------------- */
#main_container, #top_menu_container {
	max-width: 800px;
	min-width: 750px;
}
* html #main_container,
* html #top_menu_container
{
  width: expression((documentElement.clientWidth < 750) ? "750px" : documentElement.clientWidth+"px" );
}

#top_menu {
	width: 100%;
}

/* Main layout -------------------------------------------------------------- */
#main_container {
	margin: 0px auto 0px auto;
}

/* Header layout ------------------------------------------------------------ */
#top_menu {
	width: auto;
	height: 70px;
	text-align: center;
	background: white url("./top_menu.png") repeat-x;
}

#top_menu_container {
	margin: 0px auto 0px auto;
	padding-top: 4px;
}

#left_column {
	float: left;
	padding-top: 10px;
	width: 210px;
	height: auto;
}

#logo {	float: left; }

/* leftColumn layout ------------------------------------------------------ */
.left_menu_container {
	width: 210px;
}

/* top menu ----------------------------------------------------------------- */

#top_menu ul {
	float: right;
	height: 37px;
}

#top_menu li {
	display: inline;
	height: 37px;
	margin-left: -4px;
}

#top_menu ul li a {
	position: relative;
	top: 9px;
	padding: 10px 10px 15px 10px;
	font-size: 16px;
	color: #333;
}

#paginator a.selected,
#top_menu ul li a.selected {
	color: darkgreen;
  font-weight:normal; 
  text-decoration: underline;
}

#top_menu ul li a:hover {
	text-decoration: underline;
	color: #F90;
}