/* CSS Document */
a
{
	text-decoration: none;
	color: #000099;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
}

div.fronttext
{
	padding: 12px;
}

div.title
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight: bold;
}

table.fronttable
{
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	background-color: #FFFFFF;
}

table.menuleft
{
	width: 950px;
	text-align: center;
	background: url(menu.gif) repeat-x;
	border-right: solid 1px;
	border-right-color: #FFFFFF;
}

table.menuleft a
{
	display: block;
	text-align: center;
} 

div.menuleft a
{
	background: url(menu.gif) repeat-x;
	color: #000000; 
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	font-family: Tahoma, verdana, sans-serif;
	padding: 10px 25px;
	border-left: solid 1px;
	border-left-color: #FFFFFF;
}


/*We then specify the link colours including the hover styles which creates our highlight effect:*/

div.menuleft a:link
{
	color: #FFFFFF; 
}

div.menuleft a:active
{ 
	color: #FFFFFF; 
}

div.menuleft a:visited
{
	color: #FFFFFF;
}

div.menuleft a:hover
{
	background: url(menuhov.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

table.menubottom
{
	width: 950px;
	text-align: center;
	background: url(menubot.gif) repeat-x;
}

table.menubottom a
{
	display: block;
	text-align: center;
} 

div.menubottom a
{
	background: url(menubot.gif) repeat-x;
	color: #000000; 
	text-decoration: none;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	font-family: Tahoma, verdana, sans-serif;
	padding: 0px 62px;
	height: 15px;
	border-left: solid 1px;
	border-left-color: #FFFFFF;
}


/*We then specify the link colours including the hover styles which creates our highlight effect:*/

div.menubottom a:link
{
	color: #FFFFFF; 
}

div.menubottom a:active
{ 
	color: #FFFFFF; 
}

div.menubottom a:visited
{
	color: #FFFFFF;
}

div.menubottom a:hover
{
	background: url(menubothov.gif) repeat-x;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}