body {
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    color: #666;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: small;
}


/* containers */

#container { 
}

#myoutercontainer { 
   position:relative; height:500px; 
}

#myinnercontainer { 
   position:absolute; top:50%; height:240px; margin-top:-120px;
}

/* content */

#content {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#greenBusiness_displayContent {
    min-width: 80%;
    width: 85em;
    max-width: 95%; 
    
    min-height: 80%;
    
    margin-left: auto;
    margin-right: auto;
}


/* gutter */
  
#content .gutter {
    padding: 25px;
}


/* box container */

.box { 
    overflow: auto;
    margin: 0px;
    padding: 0px;
    background: #FFF;
    border: 1px solid #CDEB8B;
    line-height: 1.5em;
    font-size: 85%;
}

/* box top header */
.box h3 {
    margin: 0px;
    padding: 12px;
    border-bottom: 6px solid #CDEB8B;
    color: #CDEB8B;
    font-family: Arial;
    font-size: 150%;
    font-weight: bolder;
}

#content .box h3 {
    
    /* min-width will cause border to stretch if box data is scrolled */
    min-width: 16em;
}

#greenBusiness_displayContent .box h3 {
    
    /* min-width will cause border to stretch if box data is scrolled */ 
    min-width: 60em;
}


/* box form styles */

.box form {
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.box form fieldset {
    margin: 12px;
    padding: 10px 20px; 
    border: 1px solid #FA0;
}

.box form fieldset legend {
    margin: 0px 0px 0px 0px;
    padding: 0px 2px;
    color: #FA0;
    font-size: 130%;
    font-weight: bold;
}

.box form fieldset p { 
    clear: left;
    margin: 0px;
}

.box form fieldset p.required {
    margin: 10px 0px;
}

.box form fieldset label {
    display: block;
    width: 100%;
    margin: 0px;
    font-weight: bold; 
}

.box form fieldset input {
    float: left;
    display: block;
    width: 18em;
    margin: 0px 0px 10px 0px;
}

.box form fieldset input#state {
    width: 2em;
}

.box form fieldset input#zip { 
    width: 6em;
}

.box form fieldset input#phoneNumber {
    width: 9em;
}

.box form fieldset input.submit {
    width: 10em;
}

.box form fieldset input.error {
    background-color: #FFF; 
    border: 2px solid #FF1A00;
}

.box form fieldset span {
    display: none;
    
    /* align error message to the right of parent element */
    /*float: right;*/
    margin: 0px 0px 0px 5px; 
    color: #FF1A00;
    font-weight: bold;
}

.box form fieldset strong {
    color: #FF1A00;
    cursor: help;
}
/* end box form styles */


/* .box CSS table */

/* table container */ 
.box div.t_container {
    overflow: auto;
    
    /* cause scroll bar to appear when text sizes become very large */
    min-width: 90em;
    margin: 0px;
    padding: 5px;
    
    /* cause all inline content to become centered */ 
    text-align: center;
    white-space: nowrap;
}

/* psuedo <tr> element */
.box div.t_container ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none; 
}   

/* psuedo <td> element */
.box div.t_container ul li {
    float: left;
    display: inline-block;
    overflow: hidden;
    min-width: 10%;
    width: 10%;
    margin: -1px 0px 0px -1px; 
    padding: 4px;
    background: #FFF;
    border: 1px solid #FA0;
    color: #333;
    font-size: 80%;
}

/* psuedo <th> element */
.box div.t_container ul:first-child li {
    font-weight: bold; 
}

/*
.box div.t_container ul li.name {
    min-width: 20%;
    width: 20%;
}
*/
.box div.t_container ul li:first-child {
    min-width: 20%;
    width: 20%;
}

/*
.box div.t_container ul li.address {
    min-width: 21%;
    width: 21%;
}
*/
.box div.t_container ul li+li {
    min-width: 21%;
    width: 21%;
}

.box div.t_container ul li+li+li { 
    min-width: 10%;
    width: 10%;
}

/*
.box div.t_container ul li.state {
    min-width: 5%;
    width: 5%;
}
*/
.box div.t_container ul li+li+li+li {
    min-width: 5%;
    width: 5%; 
}

/*
.box div.t_container ul li.zipCode {
    min-width: 8%;
    width: 8%;
}
*/
.box div.t_container ul li+li+li+li+li {
    min-width: 8%;
    width: 8%;
}

/*
.box div.t_container ul li.phoneNumber {
    min-width: 9%;
    width: 9%;
}
*/
.box div.t_container ul li+li+li+li+li+li {
    min-width: 9%;
    width: 9%;
}

/*
.box div.t_container ul li.contact {
    min-width: 20%; 
    width: 20%;
}
*/
.box div.t_container ul li+li+li+li+li+li+li {
    min-width: 20%;
    width: 20%;
}