body {
    margin: 0 auto;
    font-size: 12px;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    color: #525992;
}

.clearfix {
    clear: both;
}

#body {
    background-color: #000;
}

#wrapper {
    text-align: center;
}

#contact-form-wrapper {
    width: 98%;
}

img {
    border: 0;
}

form .input,
form .subject {
    margin-bottom: 10px;
}

form .input label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

form .input input,
form .input textarea,
form .input select {
    width: 100%;
    padding: 3px;
}

form .input select {
    width: 30%;
}

form .input input[type="radio"] {
    width: 20%;
    padding: 3px;
}

form .button {
    text-align: center;
}

form .button input {
    width: 20%;
    margin: 0 10px;
}

.about-title {
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    color: #4dd7f0;
}

.news-title {
    font-size: 34px;
    float: left;
    color: #4dd7f0;
}

.news-date {
    color: #ccc;
    float: right;
}

.news-intro {
    font-style: italic;
    padding: 1px 0;
    margin: 5px 0 10px 0;
    color: #4dd7f0;
    background-color: #346d84;
}

.news-full img {
    float: left;
    margin: 0 10px 10px 0;
}

.contact-result {
    color: #fff;
    font-weight: bold;
    padding: 10px;
    font-size: 20px;
}

.success {
    background-color: green;
}

.error {
    background-color: red;
}

div.accordion {
    position: relative; /* required for bounding */
}

div.accordion-toggle {
    position: relative; /* required for effect */
    z-index: 10;        /* required for effect */ 
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    color: #4dd7f0;
}

div.accordion-toggle-active {
    background: #346d84;
}

div.accordion-content {
    overflow: hidden;   /* required for effect */
    padding: 10px;
    border-left: 1px solid #ddd;
}

div.accordion-content img {
    float: left;
    margin-right: 10px;
}

a.normal {
    text-decoration: none;
    color: white;
}