body {
        font-family: "Segoe UI", Optima, Helvetica, Arial, sans-serif;
        color: #000;
        margin: 20px 0;
        padding: 0px;
        background: #000 url(img/bg.png) repeat-x scroll;
}
.masthead {
        padding: 0px;
        text-align: left;
        position: relative;
        background: #000 url(img/bg-logo.jpg) no-repeat scroll;
}
.masthead .logo {border-bottom: 1px solid #000;}
.masthead h1 {
        margin: 0;
        color: #FCF2F0;
        padding: 20px 20px 0px 20px;
        font-size: 2.3em;
        font-weight: normal;
        letter-spacing: 0.25em;
}
.masthead h2 {
        margin: 0;
        color: #A28560;
        padding: 0px 20px 10px 20px;
        font-size: 0.9em;
        font-weight: normal;
        letter-spacing: 0em;
}
.masthead .banner {
        box-shadow: 0px 0px 30px rgba(0,0,0,.5);
        border-bottom: 1px solid #fff;
}
.masthead .banner img {
        height: auto !important;
        width: auto !important;
        max-width: 100%;
        display: block;
}

.content-wrapper {
        margin: 0px auto;
        width: 1200px;
        overflow: hidden;
        background-color: #fff;
}
.columns-wrapper {
        overflow: hidden;
        padding-top: 50px;
}
.sidebar {
        width: 30%;
        float: left;
}
.main-content {
        width: 35%;
        float: left;
}
.sidebar2 {
        width: 35%;
        float: right;
}

.sidebar .content, .sidebar2 .content {
        padding: 30px;
        font-size: 0.85em;
        line-height: 1.5em;
}
.main-content .content {
        padding: 15px 30px 0px 30px;
        font-size: 0.85em;
        line-height: 1.5em;
}

/*Heading styles*/

h1 { font-size: 1.5em;
        margin: 30px 0px 10px 0px;
         }
h2 {
        font-size: 2em;
        color: #A28560;
        margin: 30px 0px 30px 0px;
        line-height: 1.2em;
         }
.sidebar h2 {
        font-size: 1.35em;
        color: #fff;
        margin: 10px 0px 20px 0px;
}
h3 {
        font-size: 1.15em;
        color: #413425;
        margin: 20px 0px 0px 0px;
}
h4 {    font-size: 1em;
        color: #424242;
        margin: 20px 0px 0px 0px;
}
strong {
        font-size: 1.4em;
        line-height: 1.1em;
        color: #413425;
}

.news {
        margin-top: 80px;
        background-color:#a29d93;
        width: 85%;
        padding: 0px 6px;
        border: 1px solid;
        background-color: #a29d93;
        box-shadow: inset 0px 16px 2px rgba(129,124,113,.05), 0px 0px 5px rgba(129,124,113,.5);
        border-color: #fff;
        -webkit-transition: all linear .35s .1s;
        transition: all linear .35s .1s;
         }
.page-topper { margin-top: 0px; }

img.scalable {
        height: auto !important;
        width: auto !important;
        max-width: 100%;
}
img {
        border: 0px;
}

/*Ordinary Link Styles*/
.content a { color: #0C470D; font-weight:bold; }
.content a:hover, .content a:focus { color: #413425; }
.sidebar2 a { color: #0C470D; font-weight:bold; }
.sidebar2 a:hover, .sidebar2 a:focus { color: #413425; }
.footer a {color: #A28560;}
.footer a:hover, .footer a:focus { color: #FCF2F0; }

.sidebar ul, .sidebar ol, .sidebar2 ul, .sidebar2 ol {
        margin: 0 0 0 .5em;
        padding: 0 0 0 .5em;
        line-height: normal;
}
.sidebar li, .sidebar2 li {
        margin-bottom: 4px;
}

/*The Sidebar Menu UL.*/
ul.menuside {
        margin: 0;
        padding: 0;
}
ul.menuside li {
        list-style-type: none;
        margin-bottom: 5px;
}
ul.menuside a {
        display: block;
        width: 85%;
        color: #CDBDA9;
        text-decoration: none;
        padding: 6px 6px;
        font-size: 1.5em;
        border: 1px solid;
        background-color: #0C470D;
        box-shadow: inset 0px 16px 2px rgba(129,124,113,.05), 0px 0px 5px rgba(129,124,113,.5);
        border-color: #fff;
        -webkit-transition: all linear .35s .1s;
        transition: all linear .35s .1s;
}
ul.menuside a:hover, ul.menuside a:focus {
        color: #fff;
        background-color: #A28560;
        outline: 0;
}

.footer {
        padding: 0px;
        background-color: #fff;
}
.footer p.copyright {
        text-transform: uppercase;
        margin: 0px;
        padding: 10px 0px 30px 0px;
        text-align: center;
        background-color: #000;
        font-size: 0.8em;
        color: #817c71;
}
.fo-logo {
        background-color:#fff;
        margin:10px 0px 10px 25px;
        width: 27%;
}


@media only screen and (min-width: 0px) and (max-width: 699px) {
body {margin: 0px;}
.content-wrapper {width: auto; margin: 0px; border: none;}
.content-wrapper, .masthead, .footer {border-radius: 0px;}
.sidebar, .sidebar2, .main-content, .fo-logo {
        width: auto !important;
        float: none !important;
        position: static !important;
}
.content {
        padding: 10px 20px !important;
        border: none !important;
        height: auto !important;
        max-height: 888678px;
}
}
@media only screen and (min-width: 700px) and (max-width: 1200px)  {
.content-wrapper {width: auto; margin: 0px 10px;}
}