/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */

body, html {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        font-size: 12px;
        font-family: Verdana;
        /*color: #7A7A7A;*/
        line-height: 18px;
}
        
#container {
        left:0px;
        top:0px;
        width:100%;
        min-height: 100%;
        min-width: 990px;
}

#spacer {
        width: 990px;
}

#header-top {
        width:100%;
        height:25px;
        background-image: url('../images/header-top.png');
        vertical-align: middle;
        text-align: right;
}

#header-top p {
        padding-top: 0px;
        padding-right: 20px;
        margin: 0;
        color: #FFFFFF;
}

#header-middle-layer {
        position: absolute;
        width:100%;
        height:15px;
        font-size: 10px;
        padding-top: 2px;
        text-align: center;
        z-index: 100;
}

#header-middle {
        width:100%;
        height:104px;
        z-index: 10;
}

#address {
        text-align: center;
        float: right;
        margin-right: 17px;
        _margin-right: 8px;
        margin-top: 18px;
        color: #FFFFFF;
        line-height: 13px;
        font-size: 11px;
}

#header-left {
        float: left;
        height: 104px;
        width: 390px;
        background-image: url('../images/header-left.png');
}

#header-center {
        position: absolute;
        float: left;
        left: 390px;
        _width: 200px;
        right: 623px;
        background-image: url('../images/header-center.png');
        height: 104px;
        _z-index: -1;
}

#header-right {
        float: right;
        width: 623px;
        height: 104px;  
        background-image: url('../images/header-right.png');
}

#header-bottom {
        float: left;
        width:100%;
        height:28px;
        background-image: url('../images/header-bottom.png');
        vertical-align: middle;
        margin-top; 100px;
}

#header-bottom div {
        font-weight: bold;
        color: #FFFFFF;
        padding-left: 20px;
        padding-right: 16px;
        padding-top: 6px;
}

#searchimage {
        margin: 0px 0px 0px 5px;
        cursor: pointer;
        margin-top: 3px;
        *margin-top: 4px;
        height: 17px;
        float: right;
        background-image: url('../images/Search.png');
        background-repeat: no-repeat;
}

#searchimage:hover {
        background-image: url('../images/SearchHover.png');
        background-repeat: no-repeat;
}

#main {
        width: 100%;
        min-height: 650px;
}

#mainmenu {
        float: left;
        width: 170px;
        background-color: #E8E9E9;
}

#banner {
        text-align: center;
        width: 170px;
}

.menuitem {
        width: 100%;
        height: 15px;
        margin-bottom: 1px;
        padding-top: 4px;
        background-color: #DBDDDD;
}

.menuitem span {
        padding-left: 34px;
        font-weight: bold;
        color: #3A3C3C;
}

#leftmenubar {
        float: left;
}

#content {
    float: left;
    padding: 5px 20px 0px 20px;
    width: 455px;
}

#content h1 {
    font-size: 24px;
}

#rightmenu {
    float: right;
    width:171px;
    height:595px;
    background-image: url('../images/rightmenu.png');
    background-repeat: no-repeat;
}

#rightmenu p {
    color: #41493e;
    padding: 0px 0px 0px 15px;
}

#rightmenu p a {
    color: #41493E;
}

#rightmenu span {
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    font-weight: bold;
}

#rightspacer {
    float: right;
    width: 10px;
    height: 595px;
}

.leftheader {
    clear: both;
    background-image: url('../images/leftheader.png');
    width:200px;
    height:28px;
    color: #FFFFFF; 
    vertical-align: middle;
}

.leftheader p {
    font-weight: bold;
    padding-left: 20px;
    padding-top: 7px;
}

.leftcontent {
    width: 170px;
}

.leftcontent p {
    padding-left: 4px;
    font-size: 10px;
    color: #3A3A3A;
    text-align: justify;
}

.toplink2 a {
        color: #7A7A7A;
        text-decoration: none;
}

.toplink, .toplink a {
        color: #ffffff;
        text-decoration: none;  
}

.toplink img {
        border: 0px solid #ffffff;
}

#signup {
    font-size: 10px;
    font-weight: bold;
    color: #515454;
    *padding: 10px 0px 0px 0px;
}

#signup span {
        padding-left: 20px;
}

#signup p{
        margin-top: 0;
        padding-left: 20px;
}

#signup p input {
        width: 120px;
}

#signup #enter {
    margin-left: 100px;
    margin-top: 20px;
    cursor: pointer;
    font-size: 11px;
}

#footer {
    width:100%;
    height:20px;
    bottom:0;
    background-image: url('../Images/footer.png');
}

.copyright {
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 0px 0px;
    text-align: right;
    color: #FFFFFF;
    font-size: 10px;
}

.copyright a {
    color: #8DBC74;
}


/* menu */

#mainmenu
{   
    width: 200px;
    z-index: 2;
    background-color: #DBDDDD;  
}

#mainmenu .menutitle a
{
    font-size: 11px;
}

.menu, .menu:link, .menu:visited {
    color : #41493e;
    font-weight : bold;
    text-decoration : none;
}

.menu:hover, .menu:active {
    color : #41493e;
    font-weight : bold;
    text-decoration : underline;
}

.tab1 {
    padding : 15px 15px 15px 30px;
}

.tab2 {
    padding: 2px;
    padding-left: 5px;
}

.im1 {
    margin : 0px 0px 10px 10px;
}

.im2 {
    margin : 0px 10px 10px 0px;
}

.b, .b:link, .b:visited {
    color : #969AAA;
    text-decoration : none;
    font-weight : bold;
}

.b:hover, .b:active {
    text-decoration : underline;
    color : #969AAA;
    font-weight : bold;
}

#mainmenu ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#mainmenu li {
    clear: both;
    min-height: 10px;
}
 
#mainmenu li.menusep {
    border-bottom: 1px solid #E8E9E9;
}
/* Johan has added the following code */

table#front-page {
  width: 100%;
}
table#front-page td {
  border: 2px solid #d5d6d6;
  padding: 10px;
  vertical-align: top;
}
table#front-page td:hover {
  border: 2px solid #999999;
}
table#front-page td#front-news {
  border: 2px solid #8dbc74;
  /*background: #e9ffd4; *//*#d4f8c6;*/ /*#b5d4a5;*/
}
table#front-page td#front-news:hover {
  border: 2px solid #20842d;
}

/*table#front-page td.link a{
  text-decoration: none;
  color: #000000;
}*/

#main_calendar {
  border: 2px solid #333333;
  background: #999999;
}

#main_calendar td{
  background: #ffffff;
  padding: 10px;
  width: 250px;
  vertical-align: top;
}
#main_calendar tr{
  height: 150px;
}
/* End of johans code */