/*
 project: internet hosting template
 author: luka cvrk (www.solucija.com)
 
 */
/* default styles */ * {
    margin: 0;
    padding: 0;
}

body {
    font: .71em Arial, Verdana, Sans-Serif;
    line-height: 1.7em;
    background: #fff url(images/menu.gif) repeat-x;
    color: #454545;
}

a {
    color: #A82127;
    background: inherit;
    text-decoration: none;
} #left a, #right a {
    border-bottom: 1px dotted #3F2C57;
}

a:hover {
    color: #808080;
    background: inherit;
}

p {
    margin: 0 0 5px 0;
}

h1 {
    font: normal 2.8em Georgia, "Trebuchet MS", Arial, Sans-Serif;
    padding: 0 0 0 0;
    margin: 0;
}

h2 {
    margin: 0;
    padding: 0;
    font: normal 1.8em Georgia, "Trebuchet MS", Arial, Sans-Serif;
}

h1 a, h2 a {
    color: #000;
    background: inherit;
    text-decoration: none;
}

img {
    border: 0;
}

/* layout */ #content {
    margin: 0 auto;
    width: 980px;
} #header {
    padding: 10px 0;
    color: #fff;
    margin: 0 0 20px 0;
    height: 94px;
}

/* main horizontal menu */ #tablist {
    margin: 25px 0 0 0;
} #tablist li {
    list-style: none;
    display: inline;
} #tablist li a {
    text-decoration: none;
    margin: 0 3px 0 0;
    padding: 4px 15px;
    border: 1px solid #3B3B3B;
    font-weight: bold;
    color: #ccc;
} #tablist li a:hover {
    border: 1px solid #55684A;
    color: #fff;
} #tablist li a.current {
    background: #ADD597;
    color: #fff;
} #tablist .key {
    text-decoration: underline;
}

/* left side */ #leftdegrees {
    float: left;
    width: 670px;
    margin: 0 0 10px 0;
} .border {
    border: 1px solid #AED898;
    margin: 0 0 10px 0;
} .subheader {
    padding: 15px;
    background: #F1F8ED;
    color: #444;
    border: 2px solid #D1EAC3;
} .highlight {
    background: #C5E7F6;
    color: #000;
} .left_articles {
    margin: 0 0 10px 0;
    border: 2px solid #eee;
    color: #454545;
    padding: 15px 15px 5px 10px;
} .date {
    font-size: .9em;
    padding: 0 0 0 12px;
    background: #fff url(images/news.gif) no-repeat center left;
    color: #808080;
} .bigimage {
    float: left;
    clear: left;
    margin: 0 15px 10px 0;
} .left_box {
    background: #F4F1F8;
    color: #808080;
    border-left: 3px solid #E8E2F2;
    padding: 15px;
    margin: 0 0 15px 0;
} .thirds {
    float: left;
    width: 186px;
    padding: 0 10px 0 15px;
} .indented {
    padding-left: 25pt;
    padding-right: 25pt;
}

/* left side */ #left {
    float: left;
    width: 670px;
    margin: 0 0 10px 0;
} .border {
    border: 1px solid #AED898;
    margin: 0 0 10px 0;
} .subheader {
    padding: 15px;
    background: #F1F8ED;
    color: #444;
    border: 2px solid #D1EAC3;
} .highlight {
    background: #C5E7F6;
    color: #000;
} .left_articles {
    margin: 0 0 10px 0;
    border: 2px solid #eee;
    color: #454545;
    padding: 15px 15px 5px 10px;
} .date {
    font-size: .9em;
    padding: 0 0 0 12px;
    background: #fff url(images/news.gif) no-repeat center left;
    color: #808080;
} .bigimage {
    float: left;
    clear: left;
    margin: 0 15px 10px 0;
} .left_box {
    background: #F4F1F8;
    color: #808080;
    border-left: 3px solid #E8E2F2;
    padding: 15px;
    margin: 0 0 15px 0;
} .thirds {
    float: left;
    width: 186px;
    padding: 0 10px 0 15px;
} .indented {
    padding-left: 25pt;
    padding-right: 25pt;
}

/* right side */ #right {
    float: right;
    width: 280px;
    margin: 0 0 10px 0;
    padding: 55px 0 0 0;
    background: url(images/right.gif) no-repeat top right;
} .button {
    font: normal 1.6em "Georgia", "Times New Roman", Arial;
    color: #679A4E;
    text-align: center;
    margin: 0 0 110px 0;
} .big {
    color: #2e2e2e;
    font: normal 2em "Georgia", "Times New Roman", Arial;
} #side_menu {
    margin: 0 0 20px 0;
} #side_menu li {
    list-style: none;
} #side_menu li a {
    color: #3F6C24;
    border: 0;
    margin: 0 0 1px 0;
    display: block;
    background: #fff url(images/side_menu.gif) repeat-x;
    padding: 8px 10px;
} #side_menu li a:hover {
    color: #fff;
    background: #fff url(images/side_menu_hover.gif) repeat-x;
} .image {
    float: left;
    margin: 0 9px 3px 0;
}

/* footer */ #footer {
    clear: both;
    color: #808080;
    background: #FFF;
    padding: 10px 15px;
    border-top: 1px solid #ccc;
} #footer .right {
    float: right;
}