﻿body
{
    width:97%;
    max-width:1920px;
    height:auto;
	/*background:#507BC9 url('../images/Henry_County_Courthouse_background_r.jpg') no-repeat top center;*/
	/*background-color: #415632; */
	background:#000000 url('../images/Henry-County-Landscape-background.jpg') no-repeat fixed 100% 100%; /*no-repeat top center; */
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#container 
{
    width:98%;
    margin-left:auto;
    margin-right:auto;
    max-width:980px;
    padding:0px;
    background-color:White;
    min-height:1200px;
    border:solid 2px #F3F3F3;
}
#content
{
    /*margin-left:200px;*/
    /* max-width:903px;*/
    padding:15px;
}
#header
{
    margin-left:auto;
    margin-right:auto;
    max-width:980px;
    padding:0px;
    /*border:solid 2px #F3F3F3;*/
    
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";       /* IE 8 */
    /*filter: alpha(opacity=70);  /* IE 5-7 */
    /*-moz-opacity: 0.7;          /* Netscape */
    /*-khtml-opacity: 0.7;        /* Safari 1.x */
    /*opacity: 0.7;               /* Good browsers */
}


.wrapper {
    border : none;
    overflow:hidden;
    margin:0px;
}
.wrapper div {
    /*min-height: 200px;
    padding: 0px;*/
}
#maincontent 
{
}
.RelatedLinksDiv
{
    float:right;width:225px;border:solid 3px #94AB83;text-align:center;padding:0px;margin:0px 0px 20px 20px;
}
.RelatedLinksHead
{
font-weight:bold;color:white;background-color:#94AB83;margin-top:0px;height:25px;padding-top:5px;
}
.RelatedLinksP
{
    padding:1px 10px 1px 10px;margin:0px 0px 6px 0px;
}
.LinksAgendaContainer { width:300px;float:right;padding:0px;margin-left:20px; }

/*****************************************************************************
							Responsive design
*****************************************************************************/
@media only screen and (max-width: 768px)      
{
    body
    {
        /*width:100%;*/
    }
    #container 
    {
        /*margin-left:0%;
        margin-right:0%;
        width:100%;*/
        margin-left:1%;
        margin-right:1%;
    }
    #content 
    {
        /*width:100%;*/
        width:98%;
        clear:both;
        padding: 5px;
    }
}
@media screen and (max-width: 400px) {
    .RelatedLinksDiv {
    float: none;
    width:auto;
    margin:0px 0px 20px 0px;
    /* border:0;*/
    }
    
    .LinksAgendaContainer 
    {
    float: none;
    width:auto;
    margin:0;
    }
}

