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
{
    background-color: rgb(0,0,0);
    border-color: rgb(175,138,217);
    color: rgb(72,127,243);
    font-family: "Trebuchet MS", sans-serif;
    font-style: normal;
    width: 20%; position: relative; top: 0; left: 0; float: left;
}

.buttons A
{
    background-color: rgb(118,64,179);
    background-image : url(visuals/top.png);
    border-bottom: #2e0080 1px solid;
    border-left: #8e60d0 1px solid;
    border-right: #7e50c0 1px solid;
    border-top: #9e70f0 1px solid;
    color: #ffffff;
    display: block;
    font: bold 15px verdana, arial, helvetica, sans-serif;
    margin: 0px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 2px;
    padding-top: 2px;
    text-align: right;
    text-decoration: none;
    width: 100%;
}

.buttons A:hover
{
    background-color: rgb(118,64,179);
    border-bottom: #869cb4 1px solid;
    border-left: #234a76 1px solid;
    border-right: #869cb4 1px solid;
    border-top: #234a76 1px solid;
    color: #ffffff;
    padding-bottom: 1px;
    padding-left: 4px;
    padding-right: 1px;
    padding-top: 3px;
    text-decoration: none
}


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

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


#logo
{
    background-color: #6e40b0;
    border-bottom: #869cb4 3px solid;
    border-left: #869cb4 1px solid;
    border-right: #234a76 1px solid;
    border-top: #869cb4 1px solid;
    color: #ffffff;
    background-image : url(visuals/top.png);
    font-family: arial, helvetica, sans-serif;
    font-size: 168%;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    padding: 9px 9px 9px 9px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}

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

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


#trail a, #trail strong
{
    background-color: #6e40b0;
    border-bottom: #2e0080 1px solid;
    border-left: #8e60d0 1px solid;
    border-right: #7e50c0 1px solid;
    border-top: #7e50c0 1px solid;
    border-top: #9e70f0 1px solid;
    color: #ffffff;
    font-size: 0.8em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-align: right;
    text-decoration: none
}


#trail a
{
    text-decoration: none;
}

#trail a:hover
{
    background-color: #44658a;
    background-color: #6e40b0;
    border-bottom: #2e4080 1px solid;
    border-left: #4e2090 1px solid;
    border-right: #7e50c0 1px solid;
    border-top:  #04e290 1px solid;
    color: #ffffff;
    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
{
    background-image : url(visuals/boul.png);
    background-position: bottom;
    background-repeat: repeat-x;
    border-bottom-width: 0px;
    border-left-width: 10px;
    border-right-width: 0px;
    border-top-width: 0px;
    font-family: "Trebuchet MS", sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    text-transform: none;
}

/* specific details for each header */
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);
}