body
{
	margin:			0;
	padding:		0;
	min-width:		500px;
	background-color:	rgb(252,207,62);
}

h1, h2, h3, h4, h5, h6, p {
  position: 			relative;
} 

body, td, th
{
	font-size:		100%;
	font-family:		verdana, helvetica, sans-serif;
}

body 
{
	text-align:		center;
	margin:			0;
	padding:		0;
	background-color:	rgb(252,207,62);
}

#top
{
	height:			3em;
	width:			100%;
	text-align:		center;
	background-color:	rgb(170,170,170);

	font-size:		76%;
	font-family: 		verdana, helvetica, sans-serif;
	line-height:		1em;

	overflow-y: hidden;
}

#top .menubar
{
	text-align: 		left; 
	margin-left: 		auto; 
	margin-right: 		auto; 
	width: 			770px; 
	height: 		3em;
	position: 		relative;
}

#top .menubar .logo
{
	float:			left; 
	margin: 		26px 74px 0 7px;
	border:			0;
	width:			100px;
}

#top .menubar .logo a img
{
	margin:			-12px 0 0 0;
	border:			0;
}

#top .menubar .element
{
	float: 			left;
	border:			0px solid rgb(250,248,233);
	border-width:		0 0px 0 1px;
	margin:			0 0 -2px 0;
	padding:		0 0 2px 0;
}

#top .menubar .element a
{
	display:		block;   /* todo: move float: left from .element to here for IE MAC */
	white-space: 		nowrap;
	text-decoration: 	none;
	text-align:		center;
	color:			rgb(10,10,10);
	margin:			0em 0 0 0;
	padding: 		1.8em 16px 0.3em 16px;
}

#top .menubar .element a:hover
{
	color: 			rgb(250,248,233);
	text-decoration:	none;
	background-color: 	rgb(60,60,60);
}

#frontpage
{
	text-align: 		left; 
	margin: 		0 auto 2em auto; 
	width: 			757px; 
	overflow-x:		visible;
	padding:		8px 0 0 8px;
	background-color: 	rgb(250,248,233);
	position:		relative;

        voice-family: 		"\"}\"";
        voice-family: 		inherit;
	width:			749px;
}

#frontpage
{
	width:			749px;
}

div.wide-column
{
	float: 			left; 
	width: 			580px; 
}

div.narrow-column
{
	float: 			right; 
	width: 			160px; 
}

div.narrow-plus-wide-column
{
	float: 			left; 
	width: 			453px; 
}

div.text-block
{
	border: 		0px solid silver;
	padding: 		0.25em 8px 0 8px; 
	margin: 		0px 8px 1em 0px;
}

div.text-block p
{
	font-size:		80%;
	line-height:		1.4em;
	margin:			0.5em 0 0 0;
}

div.text-block p.mer
{
	margin:			0;
	text-align:		right;
}

div.text-block p.mer a
{
	margin:			0;
	padding: 		1px 4px 1px 4px; 
	border: 		0px solid silver; 
	color:			black;
	text-decoration: 	none;
        clear:			both;

	position: 		relative;
}

div.text-block p.mer a:hover
{
	padding: 		1px 4px 1px 4px; 
	border: 		0px solid black; 
	color:			white;
	background-color:	rgb(50,50,50);
	text-decoration: 	none;
}

div.text-block h2
{
	font-size:		85%;
	font-weight:		bold;
	line-height:		1.2em;
	margin:			0.5em 0.25em 0 0;
}

div.text-block h2 a
{
	padding: 		0;
	border-width:		0;
	background-color: 	transparent;
}

div.text-block h2 a:hover
{
	padding: 		0;
	background-color: 	transparent;
	color: 			black;
}

div.image-block
{
	border: 		1px solid silver; 
	margin: 		0px 8px 8px 0px;
	padding:		8px;
	vertical-align: 	top;
	text-align: 		center;
}

#frontpage div.page-footer
{
	clear: 			both; 
	text-align: 		center; 
	font-family: 		verdana, helvetica, sans-serif; 
	font-size: 		63%;  
	padding-top:		8px;
	padding-bottom:		8px;
	margin: 		0em 8px 0px 0;
	border: 		0px solid red;
}

#frontpage div.page-footer a
{
	text-decoration: 	none;
	color:			black;
}

#frontpage div.page-footer a:hover
{
	text-decoration: 	none;
	background-color: 	transparent;
	color:			black;
}

#main
{
	text-align: 		left; 
	margin:			0 auto 5em auto;
	width: 			757px; 
	overflow-x:		visible;
	background-color: 	rgb(252,207,62); 
}

#main .menubar
{
	float: 			left; 
	height: 		100%; 
	width: 			174px;
}

#main .menubar h2 
{
	font-family:		verdana, helvetica, sans-serif;
	font-size: 		76%; 
	margin:			2em 0px 1.5em 0px;
	padding:		0em 0 0 16px;
	border:			0px solid silver;
}

#main .menubar ul
{
	margin:			0;
	padding:		0;
}

#main .menubar li
{
	display:		inline;
	padding:		0;
	margin: 		0;

	font-family:		verdana, helvetica, sans-serif;
	font-size:		76%;
	font-weight:		normal;
	background-color: 	transparent;
}

#main .menubar a
{
	display:		block;
	width: 			174px; 
	margin:			0;
	padding:		0.5em 8px 0.5em 16px;
	border:			0px solid rgb(250,248,233);
	border-width:		0 0 1px 0;
	color:			black;
	text-decoration: 	none;
        voice-family: 		"\"}\"";
        voice-family: 		inherit;
	width: 			150px;
}

#main .menubar a
{
	width: 			150px;
}

#main .menubar a:hover
{
	text-decoration:	none;
	color:			rgb(250,248,233);
	background-color:	rgb(60,60,60);
}

#main div.contents 
{
	margin: 		0 0 0 174px; 
	background-color: 	rgb(250,248,233); 
	padding:		1em 0 2em 16px;
}

#main div.contents h1
{
	margin: 		0 100px 1em 0em;
	font-size:		100%;
	font-weight:		bold;
}

#main div.contents h2
{
	margin: 		0 100px 1em 0em;
	font-size:		82%;
	font-weight:		bold;
}

#main div.contents p, #main div.contents li, form
{
	margin: 		0 100px 1em 0em;
	font-size:		76%;
	line-height:		1.3em;
}

#main div.contents div.ingres p
{
	font-style:		italic;
}

#main div.contents p.ingres
{
	font-style:		italic;
}

#main div.contents div.body
{
	font-size:		100%;
}

#main div.contents div.body a
{
	color:			black;
	text-decoration:	underline;
}

#main div.contents div.body a:hover
{
	color:			black;
	text-decoration:	underline;
}

#main div.contents div.logobox
{
	float: 			right; 
	clear:			right;
	width: 			160px; 
	margin: 		0 8px 16px; 0; 
	padding: 		8px;
	text-align:		center:
}

#main div.contents div.logobox img
{
	border:			0px solid black;
	margin:			0 auto 0 auto;
}

#main div.contents div.textbox
{
	border: 		0px solid silver;
	float: 			right; 
	clear:			right;
	width: 			160px; 
	margin: 		0 0px 16px 0; 
	padding: 		8px;
}

#main div.contents div.textbox h1
{
	margin: 		0 0 1em 0em;
	font-size:		69%;
	font-weight:		bold;
	line-height:		1.2em;
}

#main div.contents div.textbox a
{
	text-decoration:	underline;
	color:			black;
}

#main div.contents div.textbox a:hover
{
	text-decoration:	underline;
	color:			black;
}

#main div.contents div.textbox p 
{
	font-size:		69%;
	line-height:		1.2em;
 	margin:			0 0 1em 0;
}

#main div.contents div.textbox ul
{
	margin-top:		0;
	margin-bottom:		1em;
}

#main div.contents div.textbox li
{
	font-size:		69%;
	line-height:		1.2em;
	margin:			0;
}

#main div.contents .imagebox
{
	float:			right;
	clear:			right;
	margin:			0.33em 8px 1em 0.33em;
	border:			0px solid black;
	width:			152px;
}

#main div.contents .imagebox img
{
	border:			1px solid black;
}


#main div.contents .imagebox a
{
	border: 		0px solid white; 
	text-decoration:	none;
}

#main div.contents .imagebox a:hover
{
	text-decoration:	none;
	border: 		0px solid black; 
	background-color:	white;
	background-color:	rgb(250,248,233);
	color:			black;
}

#main div.contents .imagebox p
{
	margin:			0;
	padding:		0;
	font-size:		76%;
	text-align:		right;
	font-style:		italic;
}

#main div.contents ul
{
	margin: 		0 0 1em 0em;
 	list-style-type:	disc;
 	list-style-position:  	outside;
}

#main div.contents ol
{
}

#main div.contents li
{
	margin: 		0 100px 0.4em 0em;
}

#main div.boxes
{
	margin: 		0 0 3em 174px; 
	background-color: 	rgb(250,248,233); 
	padding:		1em 100px 2em 8px;
}


.simpletable 
{
	margin:			0;
	padding:		0;
	font-size:		100%;
	line-height:		1.2em;
}

.simpletable tr 
{
	margin:			0;
	padding:		0;
}

.simpletable tr td
{
	margin:			0;
	padding:		0;
}

form input[type='text'], form input[type='password'], form textarea 
{
	width:			475px;
}

form textarea
{
	height:			15em;
}