body
{
BACKGROUND-COLOR: rgb(98,44,159);
color: rgb(28,76,95);
font-family: "Trebuchet MS", sans-serif;
border-color: rgb(0,0,0);
margin:2px 2px 2px 2px;
}

#content
{
background-color: rgb(255,255,255);
color: rgb(0,0,0);
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 3px 43px 4px 43px;
border-color: rgb(0,0,0);
height:84%;
overflow:auto
}

#menu
{
width: 20%; position: relative; top: 0; left: 0; float: left;

background-color: rgb(0,0,0);
color: rgb(72,127,243);
font-family: "Trebuchet MS", sans-serif;
font-style: normal;
border-color: rgb(175,138,217);
}

.buttons A
{
BORDER-RIGHT: #234a76 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #869cb4 1px solid;
DISPLAY: block;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 2px;
MARGIN: 0px;
FONT: bold 15px Verdana, Arial, Helvetica, sans-serif;
BORDER-LEFT: #869cb4 1px solid;
WIDTH: 100%;
COLOR: #ffffff;
PADDING-TOP: 2px;
BORDER-BOTTOM: #234a76 1px solid;
BACKGROUND-COLOR: rgb(118,64,179);
background-image : url(visuals/top.png);
TEXT-ALIGN: right;
    TEXT-DECORATION: none;
BORDER-RIGHT: #7e50c0 1px solid;
BORDER-TOP: #7e50c0 1px solid;
BORDER-TOP: #9e70f0 1px solid;
BORDER-LEFT: #8e60d0 1px solid;
BORDER-BOTTOM: #2e0080 1px solid;
}
.buttons A:hover
{
BORDER-RIGHT: #869cb4 1px solid;
PADDING-RIGHT: 1px;
BORDER-TOP: #234a76 1px solid;
PADDING-LEFT: 4px;
PADDING-BOTTOM: 1px;
BORDER-LEFT: #234a76 1px solid;
COLOR: #ffffff;
PADDING-TOP: 3px;
BORDER-BOTTOM: #869cb4 1px solid;
BACKGROUND-COLOR: rgb(118,64,179);
TEXT-DECORATION: none
}


.buttonscontainer {
width: 20%; position: relative; top: 0; left: 0; float: left;
text-align: center;
}

a.menuitem
{
font-size: 153%;
background-color: rgb(255,255,255);
color: rgb(28,76,95);
font-variant: normal;
text-transform: none;
font-weight: normal;
margin-left: 7px; margin-right: 7px; margin-top: 7px; margin-bottom: 7px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: rgb(72,127,243);
text-align: right;
}

#logo
{
BORDER-RIGHT: #234a76 1px solid;
BORDER-TOP: #869cb4 1px solid;
BORDER-LEFT: #869cb4 1px solid;
BORDER-BOTTOM: #234a76 1px solid;
BORDER-BOTTOM: #869cb4 3px solid;
background-image : url(visuals/top.png);
BACKGROUND-COLOR: #6e40b0;
COLOR: #ffffff;
font-size: 168%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
padding: 9px 9px 9px 9px;
text-decoration: none;
text-align: left;
}

#logo a
{
COLOR: #ffffff;
text-decoration: none;
font-size: 148%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
padding: 9px 9px 9px 9px;
border-color: rgb(255,255,255);
text-align: left;
}

#trail
{
width: auto; 
margin:0;
padding:0;
float: right;
height: 25px;
font-size: 110%;
color: rgb(255,255,255);
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-left:4px;
padding-bottom:4px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; 
border-bottom-style: none;
border-color: rgb(163,165,194);
text-align: right;
BORDER-BOTTOM: #869cb4 3px solid;
border:0;
position: absolute;
left:10px;
top:45px;
width:60%;
border:none;
margin-left:270px;
}


#trail a, #trail strong
{
font-size: 0.8em;
font-style: normal;
font-variant: normal;
font-weight: normal;

BORDER-RIGHT: #7e50c0 1px solid;
BORDER-TOP: #7e50c0 1px solid;
BORDER-TOP: #9e70f0 1px solid;
BORDER-LEFT: #8e60d0 1px solid;
BORDER-BOTTOM: #2e0080 1px solid;
COLOR: #ffffff;
BACKGROUND-COLOR: #6e40b0;
TEXT-ALIGN: right;
TEXT-DECORATION: none
}


#trail a
{
text-decoration: none;
}

#trail a:hover
{
BORDER-RIGHT: #869cb4 1px solid;
BORDER-TOP: #5e40a0 1px solid;
BORDER-LEFT: #234a76 1px solid;

BORDER-BOTTOM: #869cb4 1px solid;

BORDER-RIGHT: #9e60d0 1px solid;
BORDER-TOP:  #04e290 1px solid;
BORDER-LEFT: #4e2090 1px solid;
BORDER-RIGHT: #7e50c0 1px solid;
BORDER-BOTTOM: #8e60d0 1px solid;
BORDER-BOTTOM: #2e4080 1px solid;
COLOR: #ffffff;
BACKGROUND-COLOR: #44658a;
BACKGROUND-COLOR: #6e40b0;
TEXT-DECORATION: none
}

#content a
{
text-decoration: none;
}

#content a:visited
{
text-decoration: none;
background-color: #fff;
color: rgb(200,0,30);
}

#content a:hover, #content a:active
{
background-color: rgb(32,79,205);
color: rgb(255,255,255);
}

h1, h2, h3, h4, h5, h6, th
{
font-family: "Trebuchet MS", sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: normal;
border-left-width: 10px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
padding: 0px 0px 0px 0px;
background-image : url(visuals/boul.png);
background-repeat: repeat-x;
background-position: bottom;
}

h1
{
font-size: 150%;
BORDER-BOTTOM: #869cb4 1px solid;
}

h2
{
font-size: 136%;
}

h3
{
font-size: 126%;
}

h4
{
font-size: 116%;
}

h5
{
font-size: 116%;
}

h6
{
font-size: 116%;
}

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: rgb(28,76,95);
color: rgb(255,255,255);
}

moreinfo
{
background-color: rgb(28,76,95);
color: rgb(0,0,0);
}


/* layout */
#menu		{width: 20%; position: relative; top: 0; left: 0; float: left; text-align: center;}
.menuitem		{width: auto;}
#content		{width: auto}
.menuitem		{display: block;}


#content li
{
font-size: 107%;
padding: 5px 5px 5px 5px;
}

@media print
{
#trail,#menu       {display: none;}
#content    {padding: 0px; width: 100%;}
#content a  {text-decoration: underline;}
}

td
{ 
	border-top: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #DDD;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
th
{ 
text-align: left;
font-size: 126%;
}

tr
{ 
vertical-align: baseline;
border:1px solid;
margin-right:0px;
}
.logopic
{
float:left;
width:36px;
height:44px;
background-image:url(visuals/zlogo_s.png);
}