/* colors
    Dark-Green: #61ca53
    Light-Green: #a8df2e
    Yellow: #fef802
    Orange: #f7941d
    Light-Orange: #fbaf5d
*/

html, body, div,img {
    padding:0px;
    border:0px;
    margin:0px;
}

strong {
       color: #f7941d;
}

body {
    background-color: #fef802;
}

ul {
/* fix navigation's position in IE by clearing the default margins */
    margin:0px;
}

#container {

   position:relative;
  width: 720px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-left:auto;
  margin-right:auto;
  background-color: #ffffff;
  height:100%;
}

#main {
    position:absolute;
    top:143px;
    left:0px;
    width:100%;
    background-color:#FFFFFF;
    border-top:1px solid #61ca53;
}

#header {
    background-image:url(images/logo.jpg);
    width:600px;
    height:143px;
    margin-left:auto;
    margin-right:auto;

}

#navigation {
    position:absolute;
    top:0px;
    left:0px;
    width:175px;
    height:100%;
    background-color:#61ca53;
}

#navigation ul {
    list-style-type:none;
    padding-left:0px;
}

#navigation a:hover {
    background-color:#f7941d;
}
#navigation a{
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    color:#fef802;
    height:20px;
    width:155px;
    display:block;
    padding-left:10px;
    padding-right:10px;
}
#navigation li.current-group a , #navigation li.current a{
    background-color:#a8df2e;
}
#navigation li.current-group a:hover, #navigation li.current a:hover {
    background-color:#fbaf5d;
}

#navigation li.current a {
    color:#f7941d;
}

#navigation li.current a:hover {
    color:#fef802;
}

#content {
    position:relative;
    padding:30px;
    left:175px;
    width:475px;

}

a {
    color:#61ca53;
}

a:visited {
    color:#a8df2e;
}

a:hover {
    color:#f7941d;
}



img.left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

img.right {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

h1 {
    color:#61ca53;
}
h2 {
    color: #f7941d;
}
table h2 {
    margin-top:0px;
}
h3 {
    color: #fbaf5d;
}

td {
    vertical-align:top;
}

#content #tasks {
    margin:0px;
}

#content #tasks td{

    padding:5px;
    border-bottom:1px solid #000000;
}
#content #tasks .first-row {
    font-weight:bold;
    background-color:#61ca53
}

#content #tasks tr td:first-child {
    font-weight:bold;
}