HTML
{
    HEIGHT: 100%
}
BODY
{
    BACKGROUND: url(./images/back.png) #ffffff repeat-x;
    COLOR: #4b3b3b;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial
}

BLOCKQUOTE
{
    BORDER-LEFT-COLOR: #d3bdbe;
    BORDER-BOTTOM-COLOR: #d3bdbe;
    COLOR: #4b3b3b;
    BORDER-TOP-COLOR: #d3bdbe;
    BACKGROUND-COLOR: #f7efef;
    BORDER-RIGHT-COLOR: #d3bdbe
}
.links
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: transparent
}
.links A
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: transparent
}
.links A:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: transparent
}


.link A
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: transparent
}
.link A:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #4b3b3b
}

.logo
{
    BORDER-LEFT-COLOR: #ffffff;
    BACKGROUND: url(./images/logo.jpg) #928080 no-repeat;
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #4b3b3b;
    BORDER-TOP-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ffffff;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial
}
.logo H1
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: transparent
}
.baner
{
    BACKGROUND: url(./images/baner.gif) #ffffff no-repeat;
    BACKGROUND-COLOR: transparent;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial;
}

#content
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: #ffffff
}
#column1
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: #ffffff
}
#column2
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: #ffffff
}
#column2 H1
{
    BORDER-LEFT-COLOR: #f7efef;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    BORDER-BOTTOM-COLOR: #f7efef;
    COLOR: #4b3b3b;
    BORDER-TOP-COLOR: #f7efef;
    BORDER-RIGHT-COLOR: #f7efef;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial
}
.box
{
    BACKGROUND: url(./images/box.png) #ffffff repeat-x;
    COLOR: #4b3b3b;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial
}

.box LI A
{
    BORDER-LEFT-COLOR: #ffffff;
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #4b3b3b;
    BORDER-TOP-COLOR: #ffffff;
    BACKGROUND-COLOR: transparent;
    BORDER-RIGHT-COLOR: #ffffff
}

.box LI A:hover
{
    BORDER-LEFT-COLOR: #ffffff;
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #ffffff;
    BACKGROUND-COLOR: #928080;
    BORDER-RIGHT-COLOR: #ffffff
}


.box LI A#selected
{
    BORDER-LEFT-COLOR: #ffffff;
    BORDER-BOTTOM-COLOR: #ffffff;
    COLOR: #ffffff;
    BORDER-TOP-COLOR: #ffffff;
    BACKGROUND-COLOR: darkgray;
    BORDER-RIGHT-COLOR: #ffffff
}

#column2 A
{
    COLOR: #83452f;
    BACKGROUND-COLOR: transparent
}

#column2 A:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #4b3b3b
}
#footer
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: #928080
}
#footer A
{
    COLOR: #4b3b3b;
    BACKGROUND-COLOR: #928080
}
#footer A:hover
{
    BACKGROUND: #928080;
    COLOR: #ffffff;
    moz-background-clip: initial;
    moz-background-origin: initial;
    moz-background-inline-policy: initial
}

.formtext INPUT
{
    BORDER-RIGHT: silver 1px outset;
    BORDER-TOP: silver 1px outset;
    BORDER-LEFT: silver 1px outset;
    BORDER-BOTTOM: silver 1px outset; 
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}

.formtext TEXTAREA
{
    BORDER-RIGHT: silver 1px outset;
    BORDER-TOP: silver 1px outset;
    BORDER-LEFT: silver 1px outset;
    BORDER-BOTTOM: silver 1px outset; 
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}

.formtext SELECT
{
    BORDER-RIGHT: silver 1px outset;
    BORDER-TOP: silver 1px outset;
    BORDER-LEFT: silver 1px outset;
    BORDER-BOTTOM: silver 1px outset; 
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}

.formtext OPTION
{
    BORDER-RIGHT: silver 1px outset;
    BORDER-TOP: silver 1px outset;
    BORDER-LEFT: silver 1px outset;
    BORDER-BOTTOM: silver 1px outset; 
    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;
}

.formlabel .yes
{
    COLOR: black
}
.formlabel .no
{
    FONT-WEIGHT: bolder;
    COLOR: red
}

.system
{
    FLOAT: none;
    COLOR: maroon
}
.modelling
{
    FLOAT: none;
    COLOR: navy
}
.control
{
    FLOAT: none;
    COLOR: green
}


.home { width: 24px; height: 24px; float: left;}
.home A { background: url(./images/home1.gif) no-repeat;}
.home A:hover { background: url(./images/home2.gif) no-repeat; }

.map {width: 24px; height: 24px; float: left;}
.map A{ background: url(./images/map1.gif) no-repeat; }
.map A:hover { background: url(./images/map2.gif) no-repeat; }

.login {width: 24px; height: 24px;  float: right;}
.login A { background: url(./images/login.gif) no-repeat; }
.login A:hover { background: url(./images/logout.gif) no-repeat; }

.logout {width: 24px; height: 24px;  float: right;}
.logout A{ background: url(./images/logout.gif) no-repeat; }
.logout A:hover { background: url(./images/login.gif) no-repeat; }

.mail{width: 24px; height: 24px;  float: left;}
.mail A{ background: url(./images/mail1.gif) no-repeat; }
.mail A:hover { background: url(./images/mail2.gif) no-repeat; }

.register{width: 24px; height: 24px;  float: left;}
.register A{ background: url(./images/register1.gif) no-repeat; }
.register A:hover { background: url(./images/register2.gif) no-repeat; }