/* CSS Document */
@import url(navigation.css);
@import url(layout.css);
@import url(formular.css);

.moduletable {margin-top: 0px;}

body 
{
    background-color:#e8e8e8;
margin: 0;
padding: 27px 0 35px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height:1.3em;
color:#333333;
}
#copy .contentheading, #copy .componentheading
{
font-size:1.8em;
font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
font-weight:normal;
margin:0 0 30px 0;
padding:0.1em 0 0.2em 0;
color:#004C2F;
}



#copy img
{
margin:4px 4px 4px 4px;
border:0;
}
h2
{
font-size:1.0em;
font-weight:bold;
letter-spacing:0px;
margin:0 0 0 0;
}
#copy p {
margin: 0 0 0.8em 0;
padding: 0 0 0 3px;
}
#copy a {
font-weight:bold;
color:#8DAB0A;
text-decoration:none;
}
#copy a:hover {
font-weight:bold;
color:#004C2F;
text-decoration:underline;
}
#right a {
font-weight:bold;
color:#8DAB0A;
text-decoration:none;
}
#right a:hover {
font-weight:bold;
color:#004C2F;
text-decoration:underline;
}
hr
{
	height:1px;
	color: #004C2F;
}
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevelmainnav, a.mainlevel_activemainnav, a.mainlevel_currentmainnav,
a.mainlevelmainnav:link, a.mainlevel_activemainnav:link, a.mainlevel_currentmainnav:link,
a.mainlevelmainnav:visited, a.mainlevel_activemainnav:visited, a.mainlevel_currentmainnav:visited {
	background-color: #dfdfdf;
	color: black;
}

a.mainlevelmainnav:hover, a.mainlevel_activemainnav:hover, a.mainlevel_currentmainnav:hover {
	background-color: gray;
	color: black;
}

a.sublevelmainnav, a.sublevel_activemainnav, a.sublevel_currentmainnav,
a.sublevelmainnav:link, a.sublevel_activemainnav:link, a.sublevel_currentmainnav:link,
a.sublevelmainnav:visited, a.sublevel_activemainnav:visited, a.sublevel_currentmainnav:visited {
	background-color: #dfdfdf;
	color: black;
	width:183px;
	margin-left:50px;
	background-image: url("../images/arrow_right.gif");
	background-position: left center;
	background-repeat: no-repeat;
    text-indent:8px;
}

a.sublevelmainnav:hover, a.sublevel_activemainnav:hover, a.sublevel_currentmainnav:hover {
	background-color: gray;
	color: black;
}

ul.mainlevelmainnav ul ul a.sublevelmainnav, ul.mainlevelmainnav ul ul a.sublevel_activemainnav, ul.mainlevelmainnav ul ul a.sublevel_currentmainnav,
ul.mainlevelmainnav ul ul a.sublevelmainnav:link, ul.mainlevelmainnav ul ul a.sublevel_activemainnav:link, ul.mainlevelmainnav ul ul a.sublevel_currentmainnav:link,
ul.mainlevelmainnav ul ul a.sublevelmainnav:visited, ul.mainlevelmainnav ul ul a.sublevel_activemainnav:visited, ul.mainlevelmainnav ul ul a.sublevel_currentmainnav:visited {
	background-color:	white;
}

ul.mainlevelmainnav ul ul a.sublevelmainnav:hover, ul.mainlevelmainnav ul ul a.sublevel_activemainnav:hover, ul.mainlevelmainnav ul ul a.sublevel_currentmainnav:hover {
	background-color: #E0E0E0;
	color: blue;
}

ul.mainlevelmainnav .expanded {
	display: block;
	background-image: url("../images/arrow_down.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}

ul.mainlevelmainnav ul .expanded {
	background-image: url("../images/arrow_right.gif");
}


/** customize style / layout here */

a.mainlevelmainnav, a.mainlevel_activemainnav, a.mainlevel_currentmainnav, span.mainlevelmainnav,
a.mainlevelmainnav:link, a.mainlevel_activemainnav:link, a.mainlevel_currentmainnav:link,
a.mainlevelmainnav:visited, a.mainlevel_activemainnav:visited, a.mainlevel_currentmainnav:visited,
a.mainlevelmainnav:hover, a.mainlevel_activemainnav:hover, a.mainlevel_currentmainnav:hover{
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 0px solid black;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
}

a.sublevelmainnav, a.sublevel_activemainnav, a.sublevel_currentmainnav, span.sublevelmainnav,
a.sublevelmainnav:link, a.sublevel_activemainnav:link, a.sublevel_currentmainnav:link,
a.sublevelmainnav:visited, a.sublevel_activemainnav:visited, a.sublevel_currentmainnav:visited,
a.sublevelmainnav:hover, a.sublevel_activemainnav:hover, a.sublevel_currentmainnav:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 1px solid black;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
}

a.mainlevelmainnav, a.mainlevel_activemainnav, a.mainlevel_currentmainnav, span.mainlevelmainnav {
}

a.sublevelmainnav, a.sublevel_activemainnav, a.sublevel_currentmainnav, span.sublevelmainnav {
	font-size: 90%;
	border-top: none;
	height: 1%;	/* this is required for the IE to cause the "hasLayout" property and make the whole anchor clickable - "Holly Hack" */
}

#active_menumainnav,
a.mainlevel_activemainnav, a.mainlevel_currentmainnav,
a.mainlevel_activemainnav:link, a.mainlevel_currentmainnav:link,
a.mainlevel_activemainnav:visited, a.mainlevel_currentmainnav:visited,
a.mainlevel_activemainnav:hover, a.mainlevel_currentmainnav:hover,
a.sublevel_activemainnav, a.sublevel_currentmainnav,
a.sublevel_activemainnav:link, a.sublevel_currentmainnav:link,
a.sublevel_activemainnav:visited, a.sublevel_currentmainnav:visited,
a.sublevel_activemainnav:hover, a.sublevel_currentmainnav:hover {
	font-weight: bold;
}

ul.mainlevelmainnav, .mainlevelmainnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 100;
}

ul.mainlevelmainnav li {
	padding: 0;
	margin: 0;
	background: none;
	float: left;
}

ul.mainlevelmainnav li li {
	position: relative;
	display: block;
	width: 10em;
}


ul.mainlevelmainnav ul {
	display: block;
	position: absolute;
	left: -999em;
	margin: -0.2em 0 0 0em;
	width: auto;
	height: auto;
	z-index: 101;
}

ul.mainlevelmainnav li li ul {
	margin: -1.8em 0 0 10em;
	z-index: 102;
}


/** IE7.0 workaround */
ul.mainlevelmainnav li:hover, ul.mainlevelmainnav li.hover {
	position: static;
}


/** general on-mouse-over display */

ul.mainlevelmainnav li:hover ul,
ul.mainlevelmainnav li.hover ul {
	left: auto;
}

ul.mainlevelmainnav li:hover ul ul,
ul.mainlevelmainnav li.hover ul ul {
	left: -999em;
}

ul.mainlevelmainnav li:hover ul li:hover ul,
ul.mainlevelmainnav li.hover ul li.hover ul {
	left: auto;
}


ul.mainlevelmainnav, ul.mainlevelmainnav li li {
	clear: left;
}

/** separator */
span.mainlevelmainnav, span.sublevelmainnav {
	display: block;
	width: 1em;
	border-width: 0px;
	margin-left: 1em;
	padding: 0;
	padding-top: 1px;
}

/** IE5.0/win workaround: the ">" is handled like a "," */
ul.mainlevelmainnav > ul.mainlevelmainnav {
	position: absolute;
	top: 5em;	/* change the absolute position for IE5.0 here */
}
ul.mainlevelmainnav > ul.mainlevelmainnav li.hover ul {
	margin: 0.1em 0 0 0em;	/* top, right, bottom, left */
}
ul.mainlevelmainnav > ul.mainlevelmainnav li.hover ul ul {
	margin: -1.6em 0 0 10em;	/* top, right, bottom, left */
}


#picmenu_1mainnav
{
    
    background-image:url('../images/img1.jpg');width:170px;height:105px;border:0px solid white;
}
#picmenu_2mainnav
{
    
    background:url('../images/img2.jpg');width:170px;height:105px;border:0px solid white;
}
#picmenu_3mainnav
{
    
    background:url('../images/img3.jpg');width:170px;height:105px;border:0px solid white;
}
#picmenu_4mainnav
{
    background:url('../images/img4.jpg');width:170px;height:105px;border:0px solid white;
}

#picmenu_rootmainnav
{
    border:0px solid white;
}