/*
    Document   : main
    Created on : 23/09/2013, 9:21:16 AM
    Author     : ananth
    Description:
        Defines the style common to all pages
*/

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* {
    margin:0;padding:0;
}

body {
    background: url("../images/body_bg.jpg") repeat scroll 0 0 transparent;
    font-family: Arial,Helvetica,sans-serif;
    float: left;
    margin: 0;
    width: 100%;
    overflow: scroll;
}

#header {
    background-color: #9DA939;
    clear: both;
    color: #442F1E;
    height: 212px;
    margin: auto;
    width: 1200px;
}

#header img{
    margin: 0px;
}

#header img#header_logo{
    float: right;
    margin-right: 60px;
    margin-top: 30px;
    width: 370px;
}

#content{
    background-color: #FFFFFF;
    border-left: 2px solid #9DA939;
    border-right: 2px solid #9DA939;
    min-height: 350px; /* min-height: 100%; */
    margin:0 auto 0 auto;
    width: 1196px;
    font-size: 14px;
    text-align: justify;
}

#footer {
    background-color: #1E3021;
    bottom: inherit;
    color: #FFFFFF;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 1200px;
    z-index: 10;
}

#footer div#copyright img{
    float: left;
}
#footer div#copyright span{
    float: left;
    font-size: 10px;
    margin-top: 23px;
}

.left{
    float: left;
}

.right{
    float: right;
}

.clearfix{
    clear: both;
}