html  {height: 100%; margin: 0px; } 
body  {margin: 0px; padding: 0px; text-align: center; background: #FFF; font-size: 16px}
       
h1       { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-variant: small-caps; margin-top: 0px }
h2       { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin-top: 20px }
h3       { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px margin-top: 20px }
ol        { color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px line-height: 1.4 }
ul         { color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px; line-height: 1.4 }
li {margin-bottom: 9px }
p { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 16px; margin-top: 0px; margin-bottom: 12px; line-height: 1.3 }
td {font-family: Arial, Verdana, Helvetica; font-size: 100% }
table {border-style: none }
img {border:none }

hr {height:2px;width:50%;color:#3F5783;background-color:#3F5783;margin: 5px 0px 0px 25%}
form {margin: 0px; padding: 0px}

#container{position:relative;text-align:left;background: url('images/fauxshadow.gif') repeat-y 0 0}
#advertbanner{position:absolute;top:0px;left:482px}
#blackbackgroundlinks{background:#000000;text-align:center;padding-top:6px}
#blackbackgroundlinks p{font-family:Verdana,sans-serif;font-size:100%;color:#FFFFFF;margin-bottom:5px;line-height:1.5}
#blackbackgroundlinks a{color:#FFFFFF;text-decoration:none}
#blackbackgroundlinks a:hover{text-decoration:underline}
#navigation{position:absolute;left:0%;background:#617192;padding-top:10px;padding-left:6px;padding-right:6px;border-left-style:solid;border-left-width:1px}
#navigation p{color:#FFFFFF}
#navigation h3{color:#FFFFFF;margin:0;font-variant:small-caps;font-size:100%}
#navigation a{color:#FFFFFF;font-weight:bold}
#content{position:relative;left:180px;padding:10px;border-left-style:solid;border-left-width:1px;
border-right-style:solid;border-right-width:1px; background:#FFFFFF}
#content a:link { color: #000080}
#content a:visited { color: #3F5783}
#picture{float:right;margin:10px}
#footer {background:#FFF;text-align:center;border-top-style:solid;border-top-width:1px}




/* LARGE screens over 800px */
@media (min-width: 800px)
{
#container{width:960px;margin:0 auto}
#logogif{width:370px;height:60px}
#advertbanner{width:468px;height:60px}
#bluetreesplash{width:960px;height:70px}
#blackbackgroundlinks{width:960px;height:35px;font-size:20px}
#navigation{width:168px}
#content{width:758px}
#picture{width:95px;height:170px;padding-bottom:2px}
#footer{width:960px;height:30px}
p { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 20px; margin-top: 0px; margin-bottom: 12px; line-height: 1.3 }
td {font-size: 20px}
ul {font-size: 20px}
}


/* MEDIUM screens between 768px and 799px */
@media (min-width:768px) and (max-width: 799px)
{
#container{width:748px;margin:0 auto;background: none}
.logoresize{width:370px;height:60px}
#advertbanner{display:none}
.bluetreesplashresize{width:748px;height:70px}
#bluetreesplash{width:748px;height:70px}
#blackbackgroundlinks{width:744px;height:40px;padding:2px;font-size:20px}
#navigation{display:none}
#content{position:relative;left:0px;width:742px;padding:2px}
#advertlinks{display:none}
#picture{display:none}
#footer{width:748px;height:30px}
p { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 18px; margin-top: 0px; margin-bottom: 12px; line-height: 1.3 }
td {font-size: 18px}
ul {font-size: 18px}
}


/* SMALL screens between 480px and 767px */
@media (min-width:480px) and (max-width: 767px)
{
#container{width:466px;margin:0 auto;background: none}
.logoresize{width:370px;height:60px}
#advertbanner{display:none}
#bluetreesplash{display:none}
#blackbackgroundlinks{width:450px;height:100px;padding:5px;font-size:20px}
#navigation{display:none}
#content{position:relative;left:0px;width:454px;padding:2px}
#advertlinks{display:none}
#picture{display:none}
#footer{width:466px;height:30px}
p { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 16px; margin-top: 0px; margin-bottom: 12px; line-height: 1.3 }
td {font-size: 16px}
ul {font-size: 16px}
}


/* TINY screens between 1px and 479px */
@media (min-width:1px) and (max-width: 479px)
{
#container{width:300px;margin:0 auto;background: none}
.logoresize{width:300px;height:60px}
#advertbanner{display:none}
#bluetreesplash{display:none}
#blackbackgroundlinks{width:290px;height:125px;padding:5px;font-size:20px}
#navigation{display:none}
#content{position:relative;left:0px;width:294px;padding:2px}
#advertlinks{display:none}
#picture{display:none}
#footer{width:300px;height:30px}
p { color: #000000; font-family: Arial, Verdana, Helvetica; font-size: 16px; margin-top: 0px; margin-bottom: 12px; line-height: 1.3 }
td {font-size: 16px}
ul {font-size: 16px}
}