html	{width: 100%;margin: 0;padding: 0;}
body	{font-family: times; width: 100%;margin: 0;padding: 0; background-color:#F2F3E4;color:#204000;font-size: 18px;line-height: 22px;box-sizing: border-box;}

a 	{color: #0028ff;text-decoration: none;}
a:hover	{text-decoration:underline;}

#header	{background-color:#988665;height: 200px;overflow: hidden;position: relative;}

#footer	{background-color:#988665; position: relative;    bottom: 0;    width: 100%;}

#footerLeft	{float:left;width:50%;height:100px;}
#footerRight	{float:left;width:50%;text-align:right;height:100px;padding: 20px 0 0 0;box-sizing: border-box;}

#footerRight a	{color:#F1D366;}

#wethepeople	{opacity:.5;}
#whenwhere	{color:#F1D366;position: absolute;top: 130px;left: 450px;}
#zquote		{position: absolute;
    top: 120px;
    left: 400px;
    display: inline-block;}

.displayAdv	{display: inline-block;min-width:100px;min-height: 300px;float: right;margin: 0px 10px 0 0;}

#logo1	{position: absolute;
    top: 30px;
    left: 350px;
    font-size: 4em;color: #fbc905;}

#logo2	{position: absolute;
    top: 88px;
    left: 400px;
    font-size: 2.2em;color: #fbc905;}

#intro		{margin:0 0 0 10px;}
#pickem		{margin:0 0 0 10px;}
#pickState	{margin:0 10px 0 10px;}
.stateMap	{max-width:100%;}

#selectState	{margin:0 0 0 10px;}	
#usaStates	{margin:0 10px 0 10px;}
#usaMap		{max-width:100%;margin: 0 0 10px 0;}	

.anattrib	{}

.attrib	{width: 300px;
    text-align: right;
    display: inline-block;}

.attribT	{
    text-align: left;
    display: inline-block;}

.listing	{width:calc(100% - 300px); margin:10px 10px 0 10px;background-color:#efefef;border:1px solid #999999;}

.listheader	{padding:10px;background-color:#bbbbbb;}
.listattrib	{padding:10px 0;}

#selectCounty	{padding:10px;}
#selectState	{padding:10px;}

.county		{display:inline-block;margin:0 10px 0 0 ;font-size:.84em;}
.state		{display:inline-block;margin:0 10px 0 0 ;font-size:.84em;}

.return2top	{padding:10px;}

.return2home	{padding:10px;}

.bar		{margin:0 10px 0 10px;max-width:90%;}

@media (max-width: 320px) {


.listing	{width:unset;}

#footerLeft	{float:unset;width:unset;}
#footerRight	{float:unset;width:unset;}

}

@media (max-width: 1024px) {
#logo1 {    top: 30px;    left: 350px;    font-size: 4em;}
#logo2 {    top: 88px;    left: 400px;    font-size: 2.2em;}
}
@media (max-width: 800px) {
#logo1 {    top: 60px;    left: 380px;    font-size: 3em;}
#logo2 {    top: 100px;    left: 400px;    font-size: 1.8em;}
}
@media (max-width: 640px) {
#logo1 {    top: 60px;    left: 200px;    font-size: 3em;}
#logo2 {    top: 100px;    left: 220px;    font-size: 1.8em;}
}
@media (max-width: 420px) {
#logo1 {    top: 30px;    left: 20px;    font-size: 2em;}
#logo2 {    top: 60px;    left: 60px;    font-size: 1.6em;}
}

@media (max-width: 420px) {

}


@media (max-width: 640px) {

.listing	{width:unset;}

}

@media (max-width: 800px) {

.anattrib	{margin:0 0 6px 0;}

.attrib	{width: unset;
    text-align: left;
    display: block;margin: 0 0 0 10px;font-weight:bold;}

.attribT	{
    text-align: left;
    display: block;margin: 0 0 0 30px;}

}

@media (max-width: 1024px) {
.listing	{width:unset;}

#footerLeft	{float:unset;width:unset;}
#footerRight	{float:unset;width:unset;}
#footerRight	{padding:0 0 0 0;box-sizing: border-box;}


}