/*
Original design: andreas07-green - (v2.0 - Nov 17, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas07/
*/

/* Main tags */
body {
    margin:0; 
    padding:0; 
    width: 920px;
    color:#404040; 
    background:#fafafa url(img/bodybg.gif) top left repeat-y;     
    font-family:  Optima, Palatino, Arial, sans-serif;
}

ul {
    margin:5px 0 16px 5px; 
    padding:0;
}

li {
    margin:0 0 8px 15px; 
    padding:0; 
}

img {
    margin:10px auto 16px auto; 
    padding:1px; 
    background:#ffffff; 
    border:1px solid #d0d0d0;
}

a {
    color:#46a758; 
    font-weight:bold; 
    text-decoration:none;
}

a:hover {
    color:#505050; 
    text-decoration:underline;
}

a img {
    border-color:#46a758;
}

a img:hover {
    background:#46a758; 
    border-color:#46a758;
}

/* Wrap */
#wrap {
    width: 990px;
}

/* Left sidebar */
#leftside {
    width:220px; 
    background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
    text-align:right; 
    float:left;
}

#leftside h1 {
    margin:20px 18px 0 5px; 
    color:#46a758; 
    font-size:1.6em; 
    letter-spacing:-2px; 
    text-align:right;
}

#leftside h2, #leftside h3 {
    margin:0 20px 18px 5px; 
    color:#808080; 
    font-size:1.1em; 
    font-weight:bold; 
    letter-spacing:-1px; 
    text-align:right;
}

#leftside h3 {
    margin:20px 18px 4px 5px; 
    color:#606060;
}

#leftside p {
    margin:0 20px 18px 5px; 
    color:#606060; 
    font-size:0.8em;
}

#leftside a {
    color:#808080
}

/* Navigation menu */
#menu a {
    display:block; 
    width:202px; 
    padding:5px 18px 5px 0; 
    color:#606060; 
    background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
    font-size:1.1em; 
    font-weight:normal; 
    text-decoration:none; 
    letter-spacing:-1px;
}

#menu a:hover {
    color:#303030; 
    background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;
}

#menu a.active {
    padding:5px 18px 5px 0; 
    background:#fafafa; 
    border-top:2px solid #c0c0c0; 
    border-bottom:2px solid #c0c0c0;
}

#menu a.active:hover {
    color:#505050; 
    background:#fafafa;
}

/* Right sidebar */
#extras {
    width:200px; 
    float:right; 
    color:#666;
}

#extras h2, #extras h3 {
    margin:10px 0 12px 0; 
    color:#606060; 
    font-size:1.6em; 
    font-weight:400; 
    letter-spacing:-1px; 
    text-align:center; 
    border-bottom:2px solid #b0b0b0;
}

#extras p {
    line-height:1.4em; 
    margin: 0 0 15px 0;
}

/* Content area */
#content {
    width:520px; 
    margin:0 0 0 240px; 
    padding:10px 0; 
    background:#fafafa;
}

#content p {
    margin:0 0 16px 0; 
    line-height:1.5em;
}

#content h1 {
    margin:0; 
    color:#46a758; 
    font-size:3.6em; 
    letter-spacing:-4px; 
    text-align:center;
}

#content h2 {
    margin:0; 
    color:#808080; 
    font-weight:normal; 
    font-size:2em; 
    letter-spacing:-2px; 
    text-align:center;
}

#content h3 {
    margin:20px 0 10px 0; 
    //color:#46a758; 
    color: #337a40;
    font-weight:normal; 
    font-size: 1.7em; 
    letter-spacing:-1px;
}