﻿a:link
{
	color: #CC6600;text-decoration:none 
}
a:visited
{
	color: #993300;text-decoration:none 
} 
a:active 
{
	color: #FF9900;text-decoration:none
}
table
{
	
	 background-color:#FFFFFF; color:#000000; font-family:Trebuchet MS; font-size:11pt 
}
h1
{
	color: #006600;font-size:14pt; font-family:Arial; font-weight:bold
}
h2
{
	color: #993300;font-size:14pt; font-family:Trebuchet MS 
}
h3
{
	color: #006600;font-size:12pt; font-family:Trebuchet MS 
}
h4
{
	color: #993300;font-size:10pt; font-family:Trebuchet MS
}
h5
{
	color: #993300;font-size:8pt; font-family:Arial
}
h6
{
	color: #CC9900;font-size:10pt; font-family:Trebuchet MS; font-weight:bold
}
body
{ 
background-color: #D77024 

/* IE10 */ 
background-image: -ms-linear-gradient(bottom, #D7A283 0%, #D77024 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #D7A283 0%, #D77024 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #D7A283 0%, #D77024 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D7A283), color-stop(1, #D77024));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #D7A283 0%, #D77024 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(bottom, #D7A283 0%, #D77024 100%); 
}

.logoleft{
    float:left;
    padding:15px;
    width: 100%;
    max-width: 531px;
}
.logoright{
    float:right;
    padding: 15px;
}

@media screen and (max-width: 950px)
{

    body{
        margin:0;
    }

    .logoright{
        display:none;
    }
    body div:first-child {
        width: 100%;
        overflow:hidden;
    }

    body div table:first-child {
        width: 100%;
    }

    div a{
        margin: 5px;
        display:inline-block;
        float:left;
        text-align:left;
    }
    table td{
        display:block;
        width: 100% !important;
    }
    .logoleft{
        text-align:center;
        max-width: 100%;
        padding:0;
    }
        .logoleft img {
            width: 100%;
            max-width: 500px;
            margin: 0 auto;
            float: none !important;
        }
    table{
        border:0;
    }

    .auto-style2{
        display:block;
        clear:both;
    }

    p {
        padding-left: 10px;
        padding-right: 30px;
    }

    blockquote{
        display:none;
    }

    .centertext{
        text-align: center !important;
    }

    img{
        max-width: 100% !important;
    }

    

}

@media screen and (max-width: 500px){
    table td img{
        float: none !important;
    }

    #slideshow {
        width: 100% !important;
    }
}