@import url("common.css");

body
{
	background-color: black;
}

/*** content ******************************************************************/
#content
{
	margin: 0 auto;
	padding: 1em 0;
	text-align: left;
	width: 768px;
}

/*** footer *******************************************************************/
#footer
{
	clear: both;
	color: white;
	padding: 1ex;
	text-align: center;
}
#footer a
{
	color: white;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

/*** header *******************************************************************/
#header
{
	background: #369 url('../images/bg_top.gif') repeat-x top left;
}
#header img.logo_right
{
	float: right;
}

/*** menu1 ********************************************************************/
#menu1 ul
{
	background: #c93 url('../images/bg_menu1.gif') repeat-x top left;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu1 li
{
	display: inline;
}
#menu1 li a
{
	color: black;
	font-weight: bold;
	padding: 0 1.5ex;
	text-decoration: none;
}
#menu1 li a:hover
{
	color: #630;
}

/*** menu2 ********************************************************************/
#menu2
{
	border-color: black;
	border-style: none none solid none;
	border-width: 2px;
	clear: both;
}
#menu2 ul
{
	background: #369 url('../images/bg_menu2.gif') repeat-x top left;
	line-height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}
#menu2 li
{
	display: inline;
}
#menu2 li a
{
	color: white;
	font-weight: bold;
	padding: 0 1.5ex;
	text-decoration: none;
}
#menu2 li a:hover
{
	color: black;
}

/*** wrapper ******************************************************************/
#wrapper
{
	background: white url('../images/bg_content.gif') no-repeat top right;
	overflow: auto;
	text-align: center;
}