* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    font-family: helvetica, arial;
    line-height: 11pt;
    background-color: #f1f1f1;
}


#root {
    width:1024px;
    margin:0 auto;
    background-color: white;
}

#main {
    width: 800px;
    float: left;
    border-top: 3px solid rgb(39, 146, 14); 
    border-left: 4px solid rgb(39, 146, 14); 
    background-color: rgb(200, 255, 188);
    padding-top: 30px;
}

#leftbar {
    width: 220px;
    height: 100%;
    float: left;
    font-size: 11pt;
    line-height: 19pt;
    font-weight: bold;
}

#header {
    width: 740px;
    height: 50px;
    float: left;
    border-left: 4px solid rgb(39, 146, 14); 
    padding-left: 60px;
    padding-top: 20px;
    padding-bottom: 30px;
}

#menu {
    width: 800px; 
    height: 46px; 
    float: left;
    border-left: 4px solid rgb(39, 146, 14); 
}

.button {
    float:left;
    height: 28px;
    padding-top: 19px;
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
}

#button1 {
    width: 84px; 
    background-image: url(./images/1_unsel.jpg);
    margin-left: 90px;
}

#button1:hover {
    background-image: url(./images/1_sel.jpg);
}

#button2 {
    width: 107px;
    background-image: url(./images/2_unsel.jpg);
}

#button2:hover {
    background-image: url(./images/2_sel.jpg);
}

#button3 {
    width: 136px;
    background-image: url(./images/3_unsel.jpg);
}

#button3:hover {
    background-image: url(./images/3_sel.jpg);
}

#button4 {
    width: 147px;
    background-image: url(./images/4_unsel.jpg);
}

#button4:hover {
    background-image: url(./images/4_sel.jpg);
}

.picture {
    border:3px solid #185d0a;
    margin-bottom: 10px;
}

.picture2 {
    border:4px solid #dd0029;
}

.pictureFrame {
    text-align:left; 
    font-size:14px; 
    float:left;
}

h1 {
    font-size: 18pt;
    line-height:23pt;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #185d0c;
}