/* 
    Document   : km-main6
    Created on : Jul 1, 2013, 9:31:08 AM
    Author     : Kevin
    Description:
        Purpose of the stylesheet follows.
*/

* {
  /*font-family: Georgia, Garamond, serif;*/
  font-family: Helvetica, Arial, sans-serif;
  /*color: #660000;*/
  color: #222266;
}

a {
  text-decoration: none;
}
a.mainmenu {
    padding: 30px;
    font-size: large;
}
a.expandable {
    font-size: large;
    font-weight: bold;
}
a:hover {
  text-decoration: underline;
}

root { 
    display: block;
}

body {
    background-color: #eeeeee;
}

img {
  border: 0px;
}
img.vmid {
    vertical-align: middle;
}

h1 {
    padding-left: 5px;
}

div.sitename {
    color: white;
    margin-top: 0px;
    padding-top: 20px;
    padding-left: 10px;
    font-size: larger;
    font-weight: bold;
}
span.sitename {
    color: white;
    font-size: larger;
    font-weight: bold;
}

div.bodybox {
    /*width: 800px;*/
    /*height: 800px;*/
    /*background-color: #eeeedd;*/
    /*margin-left: 40px;*/
    margin: 20px;
    /*border: thin solid #660000;*/
    /*box-shadow: 10px 10px 5px #333333;*/
}

div.bodycontent {
    padding: 10px;
    position: relative;
}

div.mainmenu {
    /*background-color: #ddd0c0;*/
    background-color: #c0c0c0;
    /*padding: 5px 5px 15px 5px;*/
    padding: 15px 15px 15px 15px;
    /*text-align: center;*/
    font-weight: bold;
    box-shadow: 10px 10px 5px #333333;
}

div.headerbox {
    height: 60px;
    /*border: thin solid #660000;*/
    /*border-bottom: thick solid #660000;*/
    /*background-color: #ddd0c0;*/
    /*background-color: #dddddd;*/
    background-color: #333366;
    color: white;
    margin-top: -10px;
    margin-right: 10px;
    margin-left: -10px;
    /*padding-bottom: 10px;*/
    padding: 4px;
    box-shadow: 10px 10px 5px #666666;
}

div.expandable {
    padding: 4px;
    width: 50%;
    margin: 4px;
    margin-top: 12px;
    /*border: thin solid #660000;*/
    /*background-color: #cccccc;*/
    background-image: url('images/gradient-stripe.png');
    background-repeat: repeat-y;
    border-radius: 8px;
}

/* FIXME do this better with logic */
div.mainlink1 {
    left: 80px;
    top: 20px;
    width: 150px;
    position: absolute;
    /*border: thin solid black;*/
    box-shadow: 8px 8px 5px #666666;
}

div.mainlink2 {
    left: 280px;
    top: 20px;
    width: 150px;
    position: absolute;
    box-shadow: 8px 8px 5px #666666;
}

div.mainlink3 {
    left: 480px;
    top: 20px;
    width: 150px;
    position: absolute;
    box-shadow: 8px 8px 5px #666666;
}

div.mainlink4 {
    left: 80px;
    top: 270px;
    width: 150px;
    position: absolute;
    box-shadow: 8px 8px 5px #666666;
}

div.mainlink5 {
    left: 280px;
    top: 270px;
    width: 150px;
    position: absolute;
    box-shadow: 8px 8px 5px #666666;
}

div.mainlink6 {
    left: 480px;
    top: 270px;
    width: 150px;
    position: absolute;
    box-shadow: 8px 8px 5px #666666;
}