/* ************************************************** div#page ****************************** */

/* 

    Sets the whole center content area (from below header to above footer) to center on the page.

*/

div#page {

    width: 100%;

    margin: 0 auto;

    padding: 0;

    text-align: center;

}







/* ************************************************** table#landing_row1 ****************************** */

/* 

    First row of the landing page content. This is a whole table.

*/

table#landing_row1 {

    width: auto;

    margin: 12px auto 0 auto; /* left and right margins must remain "auto" in order to center the table within the unknown width of the container, div#page. */

    padding: 0;

    position: relative;

}

#landing_row1 td { /* set text align left and top on all table cells */

    text-align: left;

    vertical-align: top;

}





/* 

    table cell containing the "feature" content

*/

td#feature {

    width: 385px;

    margin: 0;

    padding: 0;

}

div#rotator {

    position: relative;

    margin: 0;

    padding: 0;

}

#feature #rotator img {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

}

#feature#rotator a {

    color: #7E877C;

    text-decoration: none;

}

#feature #rotator a:hover {

    color: #aa0000;

}

/* 

    table cell containing the "contactus" content

*/

td#contactus {

    width: 299px;

    margin: 0;

    padding: 0;

    text-align: left;

    background-image: url(/wm/images/landing_bkg_contactus.jpg);

    background-repeat: no-repeat;

    background-position: left top;

}

td#contactus h1 {

    float: left;

    margin: 0;

    padding: 16px 20px 0 10px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.6em;

    line-height: 1;

    font-weight: bold;

    color: #eeb310;

}

td#contactus table { /* the table in the zipsearch code */

    float: left;

    display: inline;

    width: 125px;

    margin: 4px 0 0 0;

    padding: 0;

}

td#contactus td { /* table cells in the zipsearch code */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em;

    line-height: 1;

    font-weight: bold;

    color: #666666;

    text-align: center;

    vertical-align: middle;

}

td#contactus td img { /* this is the "info" icon and the "Go" button in the zipsearch code */

    padding: 0 2px;

}

td#contactus input {

    border: 1px solid #999999;

    font-size: 1em;

    line-height: 1;

    color: #666666;

    margin: 0 0 6px 0;

    font-weight: normal;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}

td#contactus select {

    border: 1px solid #999999;

    font-size: 1em;

    line-height: 1;

    color: #666666;

    margin: 0 0 6px 0;

    font-weight: normal;

    font-family: Verdana, Arial, Helvetica, sans-serif;

}





/* 

    table cell containing the "hottopic" content

    -- takes it's width from the contactus cell

*/

td#hottopic {

    margin: 0;

    padding: 1em 0 0 0;

    background-image: url(/wm/images/landing_bkg_callout.jpg);

    background-repeat: no-repeat;

    background-position: 0 1em;

}

td#hottopic h1 {

    margin: 0;

    padding: 7px 0 3px 10px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.4em;

    line-height: 1;

    font-weight: bold;

    color: #2c741d;

}

td#hottopic p {

    color: #2c741d;

    margin: 0;

    padding-top: 0 20px 19px 10px;

    font-size: .9em;

    line-height: 1.8em;

    text-align: center;

    color: #666666;

}

td#hottopic a {

    color: #0056A6;

}

td#hottopic a:hover {

    color: #aa0000;

}





/* 

    table cell containing the "quicklinks" content

*/

td#quicklinks {

    width: 182px;

    margin: 0;/* The bottom padding on this cell is to 

    accomidate the image defined below, in >> td#quicklinks div img <<. 

    If you change the bottom padding here, you should change the 

    bottom position below as well. */

    text-align: left;

    padding-top: 0;

    padding-right: 0;

    padding-bottom: 20px;

    padding-left: 0;

}

td#quicklinks h1 {

    margin: 0;

    padding: 0 0 3px 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.7em;

    line-height: 1;

    font-style: italic;

    font-weight: bold;

    color: #eeb310;

}

td#quicklinks ul {

    margin: 0;

    padding: 4px 16px 25px 10px;

    list-style-type: none;

    font-family: Arial, Helvetica, sans-serif;

    color: #666666;

    background-image: url(/wm/images/landing_bkg_quicklinks.jpg);

    background-repeat: no-repeat;

    background-position: left top;

}

td#quicklinks li {

    width: 145px;

    margin: 0;

    padding: 7px 0;

    font-size: 1.1em;

    line-height: 1;

    border-top: solid 1px #ffffff;

}

td#quicklinks li.first {

    border-top: none;

}

td#quicklinks li a {

    display: inline-block;

}

td#quicklinks li a {

    display: block;

    color: #333333;

    text-decoration: none;

    margin: 0;

    padding: 0;

    line-height: 1;

}

td#quicklinks li a:hover {

    color: #AA0000;

}

td#quicklinks div {

    position: relative;

}

td#quicklinks div img {

    position: absolute;

    bottom: -20px; /* This brings the image down slightly below the background 

    and the list. If you change this number, you must change the bottom padding 

    on td#quicklinks as well. */

    right: 0;

    z-index: 10;

}









/* ************************************************** table#landing_row2 ****************************** */

/* 

    Second row of the landing page content. This is a whole table.

*/



table#landing_row2 {

    width: auto;

    margin: 0 auto 20px auto; /* left and right margins must remain "auto" in order to center the table within the unknown width of the container, div#page. */

    padding: 0;

}

#landing_row2 td { /* set text align left and top on all table cells */

    text-align: left;

    vertical-align: top;

}





/* 

    table cell containing the "news" content

*/

td#news {

    width: 690px; /* This is the total width of the two callout 

    boxes inside this cell, plus their margins. At this time 

    that is (290+20) x 2 = 620  */

    margin: 0;

    padding: 0;

}

td#news div.calloutbox { /* the divs containing the news blurbs inside the "news" cell */

	width: 290px; /* do not change the width or the text will run over the edge of the box */

	height: 16.6em;

	float: left;

	display: inline;

	margin: 0 40px 0 0;  /* use this to change the amount of space inbetween the boxes */

	padding: 0;

	background-image: url(/wm/images/landing_bkg_calloutbox.gif);

	background-repeat: no-repeat;

	background-position: left top;

	text-align: left;

}



td#news img.call { /* the image that appears in each callout box */

    float: left;

    display: inline;

    margin: 7px 10px 0 7px;

}

td#news h1 {

    margin: 0 5px 0 0;

    padding: 10px 0 5px 0;

    font-size: 1.2em;

    font-weight: bold;

    color: #607757;

}

td#news ul {

    margin: 0 10px 0 0;

    padding: 0;

    list-style-type: none;

}

td#news li {

    margin: 0;

    padding: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.0em;

    line-height: 1.4em;

    color: #A0A0A4;

}

td#news a {

    text-decoration: none;

    color: #333333;

}

td#news a:hover {

    color: #AA0000;

}





/* 

    table cell containing the "companies" content

*/

td#companies {

    width: 264px;

    text-align: left;

    margin: 0;

    padding: 0;

}

td#companies h1 {

    margin: 0;

    padding: 2px 0 6px 0;

    font-size: 1.2em;

    font-weight: bold;

    color: #85a26f;

}

td#companies ul {

    width: 245px;

    overflow: hidden;

    list-style-type: none;

    margin: 0;

    padding: 0 0 6px 0;

}

td#companies li {

    float: left;

    margin: 0;

    padding: 0 0 8px 10px;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.0em;

    line-height: 1;

    color: #282828;

    background-image: url(/wm/images/bkg_navbullet.gif);

    background-repeat: no-repeat;

    background-position: 0 -3px;

}

td#companies li a {

    color: #333333;

    text-decoration: none;

}

td#companies li a:hover {

    color: #AA0000;

    text-decoration: none;

}

td#companies p {

    margin: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1em;

    color: #282828;

    padding-top: 0;

    padding-right: 0;

    padding-bottom: 0;

    padding-left: 10px;

}





/* 

    table cell containing the "employeestory" content

    -- takes it's width from the companies cell

*/

td#employeestory {

    text-align: left;

    margin: 0;

    padding: 0;

}