body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0pxh
}
/* 
#556B2F Dark Olive Green - in decmimal: 85, 107, 47
#E5E4D7 Silver
*/
#site {width: 100%;background-color: #556B2F;}
#left-side {width: 25%;background-color: #556B2F;float: left;}
#blurb {width: 100%;background-color: #DCDCDC;}
#left-menu {width: 100%;background-color: #556B2F;padding-top: 2vw;padding-bottom: 1vw;}
#top-menu {background-color: #556B2F;}
#banner {background-color: #556B2F;}	/* Used for newsletter banner */
#right-side {width: 75%;background-color: #556B2F;float: left;}
#main {min-height: 33vw;width: 100%;background-color: white;float: left;overflow: hidden;clear: both;}
#footer {width: 100%;background-color: #556B2F;clear: both;padding-top: 10px;padding-bottom: 10px;overflow: hidden;}
.center-container {float: left;position: relative;left: 50%;}
.fixer-container {float: left;position: relative;left: -50%;}

/* Generic Window classes and ids used by main sub-windows */
img{max-width: 100%;height: auto;}		
#image-center {margin: 0px auto;display: block;}
#text-center {text-align: center;}
#text-left {text-align: left;}
#div-center {margin: 0px auto;}
#div-left {margin: 0px;}
#table-center {margin: 0px auto;}
#table-left {margin: 0px;}

.wrap-left{float: left; margin-right: 1.4vw;margin-bottom: 10px;}
.wrap-right{float: right; margin-left: 1.4vw;margin-bottom: 10px;}

hr {border-top: 0.4vw solid #556B2F;border-bottom: 0vw;margin-top: 0vw;margin-bottom: 0vw;border-width: 60%;clear: both;}

/* class banner is used here for no href */
.banner {color: #DCDCDC;text-decoration:none;border-bottom: 0px;font-family:"impact";font-size: 1.7vw;font-weight: normal;font-style: normal;}
.subbanner {font-family:"tahoma";font-size: 1.5vw;font-weight: bold;font-style:normal;color: #DCDCDC;}
.footer {color:white;text-decoration:none;font-family:"tahoma";font-size:0.9vw;font-weight: bold;font-style: normal;}
h1 {font-family:"tahoma";font-size:2vw;font-weight: bold;font-style: normal;color:black;}
h2 {font-family:"tahoma";font-size:1.8vw;font-weight: bold;font-style: normal;color:black;}
h3 {font-family:"tahoma";font-size:1.6vw;font-weight: bold;font-style:normal;color:black;}
h4 {font-family:"tahoma";font-size:1.4vw;font-weight: bold;font-style: normal;color:black;}
h5 {font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style: normal;color:black;}
p {font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
ul {font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
ol {font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.h1 {font-family:"tahoma";font-size:2vw;font-weight: bold;font-style: normal;color:black;}
.h2 {font-family:"tahoma";font-size:1.8vw;font-weight: bold;font-style: normal;color:black;}
.h3 {font-family:"tahoma";font-size:1.6vw;font-weight: bold;font-style:normal;color:black;}
.h4 {font-family:"tahoma";font-size:1.4vw;font-weight: bold;font-style: normal;color:black;}
.h5 {font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style: normal;color:black;}
.p {font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.small {font-family:"tahoma";font-size:0.8vw;font-weight: bold;font-style: normal;color:black;}
.input {font-family:"courier new";font-size:1.2vw;font-weight: bold;font-style: normal;color:black;}
.tabs {background-color: black;font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style:normal;color: white;padding: 0.3vw;}
select {font-family:"tahoma";font-size:0.9vw;font-weight: bold;font-style: normal;color:black;}
fieldset {display: block;margin-left: 0.2vw;margin-right: 0.2vw;padding-top: 0.5vw;padding-bottom: 0.5vw;padding-left: 1vw;padding-right: 1vw;border: 0.2vw solid black;} 
.click {background-color: #556B2F;border: none;font-family: "tahoma";font-size: 1.0vw;margin-top: 0.2vw;font-weight: bold;color: white;padding: 0.1vw;text-align: center;text-decoration: none;display: inline-block;cursor: pointer;}

/* Postit display table */
.postit {table-layout: fixed;}
.pi-keyword {padding-top: 0.2vw;padding-right: 2vw;white-space: nowrap;text-align: left;vertical-align: top;font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style: normal;color:black;}
.pi-date {padding-top: 0.2vw;padding-right: 2vw;white-space: nowrap;text-align: left;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.pi-href {padding-top: 0.2vw;padding-right: 2vw;white-space: normal;text-align: left;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.pi-image {vertical-align: bottom;}
.pi-file {vertical-align: bottom;}

/* Auction display table */
.auction {table-layout: fixed;width: 100%;}
.auction td {white-space: normal;vertical-align: top;padding-top: 0.2vw;padding-left: 1vw;text-align: left;}
.au-date {white-space: nowrap;width: 20%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.au-href {width: 15%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.au-desc {width: 15%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;} 
.au-status {width: 15%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.au-upload {width: 5%;}

/* Forum display table */
.forum {table-layout: fixed;}
.fm-keyword {padding-top: 0.2vw;padding-right: 3vw;white-space: nowrap;text-align: left;vertical-align: top;font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style: normal;color:black;}
.fm-date {padding-top: 0.2vw;padding-right: 3vw;white-space: nowrap;text-align: left;vertical-align: top;font-family:"tahoma";font-size:1.1vw;font-weight: bold;font-style: normal;color:black;}
.fm-href {padding-top: 0.2vw;padding-right: 3vw;white-space: normal;text-align: left;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}

/* Classes display table */
.classes {table-layout: fixed;width: 100%;}
.classes td {white-space: normal;padding-top: 0.2vw;}
.cl-keyword {width: 30%;vertical-align: top;font-family:"tahoma";font-size:1.1vw;font-weight: bold;font-style: normal;color:black;}
.cl-date {width: 20%;vertical-align: bottom;font-family:"tahoma";font-size:1.0vw;font-weight: bold;font-style: normal;color:black;}
.cl-href {width: 40%;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}

/* Directory display table */
.directory {table-layout: fixed;width: 100%;}
.directory td {white-space: normal;padding-bottom: 0.2vw;}
.di-keyword {width: 30%;vertical-align: baseline;font-family:"tahoma";font-size:1.1vw;font-weight: bold;font-style: normal;color:black;}
.di-summary {width: 30%;vertical-align: baseline;font-family:"tahoma";font-size:0.9vw;font-weight: bold;font-style:normal;color:black;}
.di-href {width: 30%;vertical-align: baseline;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.di-image {width: 5%;vertical-align: bottom;}

/* Links display table */
.links {table-layout: fixed;width: 100%;}
.links td {white-space: normal;padding-bottom: 0.2vw;}
.li-keyword {width: 30%;vertical-align: top;font-family:"tahoma";font-size:1.1vw;font-weight: bold;font-style: normal;color:black;}
.li-title {width: 35%;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.li-href {width: 30%;vertical-align: bottom;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}

/* Quotas display table */
.quotas {table-layout: fixed;width: 100%;}
.quotas td {white-space: normal;padding-top: 0.3vw;text-align: center;vertical-align: bottom;}
.qu-time {width: 10%;font-family:"tahoma";font-size:1.1vw;font-weight: bold;font-style: normal;color:black;}
.qu-note {width: 50%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}
.qu-quota {width: 10%;font-family:"tahoma";font-size:1vw;font-weight: bold;font-style: normal;color:black;}

/* Messages display table */
.messages {table-layout: fixed;width: 100%;}
.messages td {white-space: normal;padding-top: 0.2vw;}
.ms-status {width: 14%;vertical-align: bottom;font-family:"tahoma";font-size:1.0vw;font-weight: bold;font-style: normal;color:black;}
.ms-date {width: 18%;vertical-align: bottom;font-family:"tahoma";font-size:0.8vw;font-weight: bold;font-style: normal;color:black;}
.ms-href {width: 58%;vertical-align: bottom;font-family:"tahoma";font-size:1.0vw;font-weight: bold;font-style: normal;color:black;}
.ms-head {width: 58%;font-family:"tahoma";font-size:1.2vw;font-weight: bold;font-style: normal;color: white;background-color: black;padding: 0.3vw;\"}
.ms-click {width: 5%;vertical-align: middle;font-family:"tahoma";}

/* Generic, single cell display table - ge-cell width is set locally */
.generic {table-layout: fixed;width: 100%;padding-top: 0.2vw;padding-left: 2vw;}
.generic td {white-space: normal;}
.ge-cell {vertical-align: bottom;font-family:"tahoma";font-size:1.0vw;font-weight: normal;font-style: normal;color:black;}

a:link.menu, a:visited.menu, a:hover.menu, a:active.menu {color:white;text-decoration:none;font-family:"tahoma";font-size:1.3vw;font-weight: bold;border-bottom: 0px;font-style: normal;}
a:link.alert, a:visited.alert, a:hover.alert, a:active.alert {color: red;text-decoration:none;font-family:"tahoma";font-size:1.8vw;font-weight: bold;border-bottom: 0px;font-style: normal;}
a:link.banner, a:visited.banner, a:hover.banner, a:active.banner {color: #DCDCDC;text-decoration:none;border-bottom: 0px;font-family:"impact";font-size: 1.7vw;font-weight: normal;font-style: normal;}
a:link.blurb, a:visited.blurb, a:hover.blurb, a:active.blurb {color:black;text-decoration:none;font-family:"tahoma";font-size: 1.0vw;font-weight: bold;border-bottom: 0.1vw solid black;font-style: normal;} 
a:link.sponsor, a:visited.sponsor, a:hover.sponsor, a:active.sponsor {color:black;text-decoration: none;border-bottom: 0px;font-family:"tahoma";font-size: 0.7vw;font-weight: bold;font-style: normal;}
a:link.givelopez, a:visited.givelopez, a:hover.givelopez, a:active.givelopez {color:black;text-decoration: none;border-bottom: 0px;font-family:"tahoma";font-size: 0.8vw;font-weight: bold;font-style: normal;}
a:link.footer, a:visited.footer, a:hover.footer, a:active.footer {color:white;text-decoration:none;border-bottom: 0px;font-family:"tahoma";font-size:0.9vw;font-weight: bold;font-style: normal;}
/* Generic (default) for all black and WITH underline (which can be changed by local style) - Requires a font definition class */
a:link, a:visited, a:hover, a:active {color: black;text-decoration: none;border-bottom: 0.1vw solid black;} 
/* Works for suppression of underline */
a:link.image, a:visited.image, a:hover.image, a:active.image {text-decoration: none;border-bottom: 0px;}

/* Responsive */

Both portrait and landscape 
/* iphone, smartphones */
@media only screen and (min-device-width : 320px) 
{ 
#screen {min-height: 100%;background-color: white;padding-left: 0%;padding-right: 0%;} 
}
/* Unknown */ 
@media only screen and (min-device-width : 481px) 
{ 
#screen {min-height: 100%;background-color: white;padding-left: 0%;padding-right: 0%;}
}
/* ipad */
@media only screen and (min-device-width : 768px) 
{
#screen {min-height: 100%;background-color: white;padding-left: 0%;padding-right: 0%;}
}

/* Landscape only */
/* Net books */
@media only screen and (min-device-width : 1024px) 
{ 
#screen {min-height: 100%;background-color: white;padding-left: 5%;padding-right: 5%;}
}
/* Desktops and laptops */
@media only screen and (min-device-width : 1224px) 
{ 
#screen {min-height: 100%;background-color: white;padding-left: 5%;padding-right: 5%;}
}
/* Large screens */ 
@media only screen and (min-device-width : 1824px)
{ 
#screen {min-height: 100%;background-color: white;padding-left: 5%;padding-right: 5%;}
}