/* ************************************************** 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_quicklinks2.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 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;
}
#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: 662px; /* This is the total width of the two callout 
    boxes inside this cell, plus their margins.  690  */
    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;
}