/*Colors:
 *
 * green: : 618810
 * light orange: edb32a
 * dark orange: ff7f00
 *
 * */

body
{
	margin: 0;
	padding: 0;

}

html
{
	margin 0;
	padding: 0;
}
p,a,h1,h2,h3,ul,li,input,textarea
{
	/*font-family: Helvetica,courier,verdana, arial;*/
	font-family: Avant Garde, Bookman, Palatino, Verdana;
}

p,a,ul,li,input,textarea
{
	font-size: 10pt;
}

a
{
	color: #FFFFFF;
}

.wrapper
{
	width: 800px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	position: static;
	border-bottom: solid #ff7f00;
	border-width: 3px;
}

.top
{
	background-image: url(../images/clausdefcolorhorneg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*border-bottom: solid #ff7f00;
	border-width: 3px;*/
	height: 200px;
}


.frontpage 
{
	background-color: #333333;
	color: #FFFFFF;
}

.vert_centered_container
{
	margin-top: 10%;
}

.hori_centered_text 
{
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
}

.right_aligned_textbox
{
	/*First inline display to make sure it is relative to the element to the left */
	display: inline;
	/*Float to the right now*/
	float: right;
	/*Position relative to the normal text location*/
	position: relative;
	/*1 em up..*/
	bottom: 1em;
}

.hori_centered_image
{
	display: block;
	margin-left: auto;
  	margin-right: auto;
}

ul.menu,ul.submenu,ul.subsubmenu
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
        position: absolute;
}

.menu a
{
	text-decoration: none;
	color: #000;
}

ul.toplevel
{
        margin-top: 169px;
	text-align: center;
	/*Top menu should go 5px to the left*/
	margin-left: 5px;
}

li.menu,li.submenu,li.subsubmenu
{
	float: left;
	position: relative;
	/*Margin to the right of all menu items:*/
	margin-right: 10px;
	width: 150px;
	height: 22px;
	margin-top: 0;
	margin-bottom: 0;
        padding-top: 6px;
        background: #ff7f00;
        color: #000;
	/* Apply some colors to the borders - create a 3D effect*/
	border-bottom: solid #250517;
	border-top: solid #333333;
	border-width: 3px;
}

li.menu ul.submenu 
{
	display: none;
	position: absolute; 
	/*top: 2.5em;*/
	top: 31px;
	left: 0;
}

li.submenu ul.subsubmenu
{
	display: none;
	position: absolute; 
	top: -3px;
	left: 150px;
	/*Fix for submenus: make an 'invisible' border to the left, so you can use your mouse! Make same color as background in 'frontpage' class*/
	border-left: solid #333333;
	border-width: 10px;
}


ul.menu li:hover ul.submenu, 
ul.menu li.over  ul.submenu,
ul.submenu li:hover ul.subsubmenu, 
ul.submenu li.subover ul.subsubmenu
{ 
	display: block; 
}

li.menu:hover, li.submenu:hover, li.subsubmenu:hover, li.over
{
	/*onmouse over effect for menus*/
	background: #edb32a;
}