* { padding: 0; margin: 0; }

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    background: #ffffff url('../images/bg.jpg') repeat-x;
}

h1{
    font-size: 20px;
    color: #d00000;
    font-weight: normal;
}

h2{
    font-size: 15px;
}

#footer {
    padding-bottom: 20px;
    text-align: center;
}

#footer a:hover  {
    text-decoration: none;
}

.footlink {
    color: #000;
}

#footerline {
    float: left;
    list-style: outside none none;
    margin: 15px;
    position: inherit;
}

#footerline li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #999;
    text-align: left;
    text-decoration: none;
}

#footerline li a:hover{
    color:#666;
    text-decoration:underline;
}

#footerline li.toplink {
    list-style: outside none none;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

#footerline li.toplink a {
    list-style: outside none none;
    font-weight: bold;
    font-size: 12px;
    color: #000;
}

.fontbold {
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana,Geneva,sans-serif;
}

.fr {
    float: right;
    padding-right: 15px;
}

#topnav {
    text-align: left;
}

.topbar {
    text-align: left;
    width: 1350px;
}

#sep{
    height: 8px;
    clear: both;
}

#pantop{
    background: URL('../images/top.jpg') no-repeat;
    width: 259px;
    height: 9px;

    overflow:hidden;
    position:relative;
    border-top-right-radius: 12px;
}

#panmid{
    background: #6da22e;
    padding: 10px;
    width: 259px;
    color: #ffffff;
}

#panbot{
    background: URL('../images/bot.jpg') no-repeat;
    width: 259px;
    height: 9px;
    border-bottom-right-radius: 12px;
}

.subscribe{
    padding-top:3px; padding-right:7px; padding-bottom:10px;
}

.subscribe-btn{
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10pt;background-color:#376600; color:#FFF; border:none;
}

#bul {
    margin-left: 30px;
}

.readlink{
    color: #fff;
}

.red {
    color: #D00000;
}

.btxt {
    font-weight: bold;
}

.ptopleft {
    padding-left: 15px;
}


/*
#sep {
    height: 8px;
    clear: both;
}

#top {
    background: transparent url("../images/headmain.jpg") no-repeat scroll 0% 0%;
    height: 9px;
    float: left;
    overflow: hidden;
    position: relative;
    height: 9px;
}

#bot {
    background: transparent url("../images/footmain.jpg") no-repeat scroll 0% 0%;
    width: 100%;
    height: 13px;
    float: left;
    }
*/

@media only screen
    and (min-width : 1024px) {

        .wrapper {
            width: 995px;
            margin: 0px auto;
            clear: both;
            /*overflow: hidden;*/
        }

        .wrapper p { font-family: Arial, Helvetica, sans-serif; }

        .wrapper h2 { font-family: Arial, Helvetica, sans-serif; font-weight:normal; }

        .right{
            width: 70%;
            float: right;
            text-align: justify;
        }

        .left{
            width: 30%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 995px;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }
        .footerleft {
            height: auto;
            display: flex;
            width: 100%;
            align-items: baseline;
            justify-content: center;
        }
}


@media only screen
    and (min-width : 801px)
    and (max-width : 1023px) {

        .wrapper {
            margin: 0 auto;
            /*overflow: hidden;*/
        }
        .wrapper p { font-family: Arial, Helvetica, sans-serif; }

        .wrapper h2 { }

        .right{
            width: 58%;
            float: right;
            text-align: justify;
        }

        .left{
            width: 42%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 100%;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }
        .footerleft {
            height: auto;
            display: flex;
            width: 100%;
            align-items: baseline;
            justify-content: center;
        }
}

@media only screen
    and (min-width : 641px)
    and (max-width : 800px) {

        .wrapper {
            margin: 0 auto;
            /*overflow: hidden;*/
        }
        .wrapper p { font-family: Arial, Helvetica, sans-serif;}

        .wrapper h2 { }

        .right{
            width: 53%;
            float: right;
            text-align: justify;
        }

        .left{
            width: 40%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 100%;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }
        .footerleft {
            height: auto;
            display: flex;
            width: 100%;
            align-items: baseline;
            justify-content: center;
        }
}

@media only screen
    and (min-width : 481px)
    and (max-width : 640px) {

        .wrapper {
            width: 100%;
            margin: 0 auto;
            /*overflow: hidden;*/
        }

        .wrapper p { font-family: Arial, Helvetica, sans-serif;  }

        .wrapper h2 { }

        .wrapper ul {}

        .right{
            width: 38%;
            float: right;
            text-align: justify;
            /*clear:both;*/
        }

        .left{
            width: 60%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 100%;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }
        .footerleft {
            height: auto;
            display: flex;
            width: 100%;
            align-items: baseline;
            justify-content: center;
        }
}

@media only screen
    and (min-width : 321px)
    and (max-width : 480px) {

        .wrapper {
            width: 100%;
            margin: 0 auto;
            /*overflow: hidden;*/
        }

        .wrapper p { font-family: Arial, Helvetica, sans-serif;  }

        .wrapper h2 { }

        .wrapper ul {}

        .right{
            width: 100%;
            float: right;
            clear:both;
            padding-top: 10px;
            text-align: justify;
        }

        .left{
            width: 100%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 100%;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }

        .footerleft {
            height: auto;
            align-items: baseline;
            justify-content: center;
            width: 100%;
        }
}

@media only screen
    and (max-width : 320px) {

        .wrapper {
            width: 100%;
            margin: 0 auto;
            /*overflow: hidden;*/
        }

        .wrapper p { font-family: Arial, Helvetica, sans-serif; }

        .wrapper h2 { }

        .wrapper ul {}

        .right{
            width: 100%;
            float: right;
            clear:both;
            padding-top: 10px;
            text-align: justify;
        }

        .left{
            width: 100%;
            float: left;
        }

        .middle {
            background: #FFF none repeat scroll 0% 0%;
            width: 100%;
            color: #000;
            float: left;
            padding: 3%;
            border-radius: 12px;
            border: 1px solid #83B850;
        }

        .footerleft {
            height: auto;
            align-items: baseline;
            justify-content: center;
            width: 100%;
        }
}