/* CSS Document */




body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        background-color:#c62425;
        background-image: url();
        position: relative;
        margin: 0;
        padding: 0;
        font-size: 8pt;
}




body a{
        color: #ad1919;
        font-weight: bold;
}

body a:hover {
color: #f50101;
}

body a:active{
color: #492525;
}

#header {
    height: 121px;
    background:#de2424;
    background-image:  url("images/chaostitle3.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: fixed;
}
#main{
        position: absolute;
        background-color: #ffffff;
        top: 121px;
        left: 120px;
        width: 80%;
        padding: 20px;
        font-size: 11px;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;
                z-index: 0;
}

#main a{
        color: #ad1919;
        font-weight: bold;
}

#main a:hover {
color: #f50101;
}

#main a:active{
color: #492525;
}

#main h3 a {  color: #000000;  }

/* Menu styles */
#menu {
position: absolute;
top: 121px;
width: 120px;
background: #fcbd00;
color: #000;
z-index: 1;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
background: #fcbd00;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
color: #000;
text-decoration: none;
}

#menu a:hover {
color: #fcc400;
background:#c31212;
}

#menu a:active{
color:#492525;
background:#c31212;
}

#menu li {position: relative;}

#menu ul ul  {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul
{display: none;}

div#menu ul  li:hover ul
{display: block;}

/*Expanded Menu */
#menu a.x {
color: #000;
background: #fcbd00 url(images/expand2.gif) no-repeat bottom right;
}

#menu a.x:hover {
color: #fcc400;
background:#c31212;
}

#menu a.x:active{
color:#492525;
background:#c31212;