html 
{
    background-color: #666;
}
body, form
{
    margin: 0;
    padding: 0;
    behavior: url(/includes/csshover.htc);
}
a, td, p, div, .inputText
{
    font-family: arial;
    font-size: 12px;
}
.inputSize
{
    width: 50mm;
}
a.clsLinkWithArrow
{
    color: #fff;
    font-size: 8px;
    padding-right: 15px;
    text-decoration: none;
    text-transform: uppercase;
    background: url(../images/icon_arrow.gif) no-repeat 100% 50%;    
}

/* *********************************************************** */
/* Global Behavior */
/* *********************************************************** */



/* *********************************************************** */
/* Banner Area */
/* *********************************************************** */

/* rollover menu area */
div#idMenu
{    
    height: 37px;
    padding: 11px 24px 0;
    background-color: #1D1D1C;    
}
td > div#idMenu
{
    height: 15px;
    padding: 11px 24px;
}
div#idMenu ul li a#idHome,
div#idMenu ul li a#idAbout,
div#idMenu ul li a#idEnvironmental,
div#idMenu ul li a#idGeological,
div#idMenu ul li a#idLand,
div#idMenu ul li a#idCenter
{
    display: block;
    height: 26px;
    padding-bottom: 11px; 
}
td > div#idMenu ul li a#idHome,
td > div#idMenu ul li a#idAbout,
td > div#idMenu ul li a#idEnvironmental,
td > div#idMenu ul li a#idGeological,
td > div#idMenu ul li a#idLand,
td > div#idMenu ul li a#idCenter
{
    height: 15px;
}
div#idMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
div#idMenu ul li
{
    list-style: none;
    float: left;
    position: relative;
}
div#idMenu li a 
{
	display: block;
}
div#idMenu ul ul
{
    position: absolute;
    display: none;
}
div#idMenu ul.clsLevel1 li:hover ul.clsLevel2
{
	display: block;
	background-color: #000;
	padding: 3px;
}
div#idMenu ul.clsLevel1 li:hover ul.clsLevel2 li.clsMenuText
{
    clear: both;
}
div#idMenu ul.clsLevel1 li ul.clsLevel2 li.clsMenuText a
{
    display: block;
    color: #A9A6A2;
    text-decoration: none;
    padding: 2px 5px;
    width: 160px;
    font-weight: bold;
}
div#idMenu ul.clsLevel1 li ul.clsLevel2 li.clsMenuText a:hover
{
    background-color: #C7C7C7;
    color: #000;
}

/* Individual Menu Item Behavior */
div#idMenu a#idHome
{
    width: 30px;   
    background: url(../images/mnu_home.gif) no-repeat;
}
div#idMenu a#idHome:hover
{
    background: url(../images/mnu_home_r.gif) no-repeat;
}
div#idMenu a#idAbout
{
    width: 49px;   
    background: url(../images/mnu_aboutus.gif) no-repeat;
}
div#idMenu a#idAbout:hover
{
    background: url(../images/mnu_aboutus_r.gif) no-repeat;
}
div#idMenu a#idEnvironmental
{
    width: 126px;   
    background: url(../images/mnu_environmental.gif) no-repeat;
}
div#idMenu a#idEnvironmental:hover
{
    background: url(../images/mnu_environmental_r.gif) no-repeat;
}
div#idMenu a#idGeological
{
    width: 106px;   
    background: url(../images/mnu_geological.gif) no-repeat;
}
div#idMenu a#idGeological:hover
{
    background: url(../images/mnu_geological_r.gif) no-repeat;
}
div#idMenu a#idLand
{
    width: 149px;   
    background: url(../images/mnu_land.gif) no-repeat;
}
div#idMenu a#idLand:hover
{
    background: url(../images/mnu_land_r.gif) no-repeat;
}
div#idMenu a#idCenter
{
    width: 61px;   
    background: url(../images/mnu_center.gif) no-repeat;
}
div#idMenu a#idCenter:hover
{
    background: url(../images/mnu_center_r.gif) no-repeat;
}





/* *********************************************************** */
/* Body */
/* *********************************************************** */


/* Home Specific*/
/* *********************************************************** */
div.clsHomeLeftColumn
{
    float: left;
    width: 515px;
}
div.clsHomeRightColumn
{
    float: left;
    width: 245px;    
    color: #fff;
    font-size: 12px;    
    background-color: #A9A6A2;
}
div.clsSubRightColumn
{
    color: #fff;
    background-color: #A9A6A2;
    padding: 5px;    
}
div.clsHomeRightColumn ul li,
div.clsSubRightColumn ul li,
div.clsSubSecondColumn ul li
{
    list-style-image: url(../images/bul_brown.gif);
}
div.clsSubSecondColumn ul 
{
	padding-left: 0px;
	margin-left: 30px;
}
html>body div.clsSubSecondColumn ul 
{
	padding-left: 25px;
	margin-left: 0px;
}

div.clsHomeLeftColumn p#idWelcomeArea
{
    padding: 25px;
    margin: 0;
    background: url(../images/bg_home_welcome.gif) RGB(223,223,223) 100% 0 no-repeat;
}
div.clsHomeLeftColumn p#idFaultStudies
{
    padding: 25px 25px 29px;
    padding-left: 131px;
    margin: 0;
    color: #CDCCCC;
    font-size: 11px;
    background: url(../images/pic_FaultStudies.jpg) RGB(63,64,59) 0 0 repeat-y;   
}
div.clsHomeLeftColumn > p#idFaultStudies
{
    padding: 20px;
    padding-left: 131px;
    margin: 0;
    color: #CDCCCC;
    font-size: 11px;
    background: url(../images/pic_FaultStudies.jpg) RGB(63,64,59) 0 0 repeat-y;
}
div.clsBottomArea p#idEnvironmental
{
    padding: 25px;
    padding-right: 425px;
    margin: 0;
    color: #fff;
    font-size: 11px;
    background: url(../images/pic_environmental.jpg) RGB(169,166,162) 100% 0 repeat-y;   
}
div.clsHomeRightColumn p#idWhyTerrainSolutions,
div.clsSubRightColumn p#idWhyTerrainSolutions
{
    padding: 15px 15px 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}
div.clsSubSecondColumn
{
    padding: 15px 15px 0;
    margin: 0;
    font-size: 11px;
    color: #AAA6A3;
    background-color: #3F403B;
    font-size: 11px;
}
div.clsSubThirdColumn
{
    padding: 15px 15px 0;
    margin: 0;
    color: #AAA6A3;
}
div.clsSubThirdColumn a
{
    color: #AAA6A3;
}

/* Sub Page Specific*/
/* *********************************************************** */
td.clsSubpageBody a
{
	color: #8F523A;
}
td.clsSubpageBody
{
    vertical-align: top;
    background-color: #A9A6A2;
    clear: both;
}
td.clsSubpageBody div.clsLightGreyContent
{
    padding: 15px;
    background: url(../images/bg_subcompass.gif) rgb(223,223,223) 60% 0 no-repeat;
}
td.clsSubpageBody div.clsLightGreyContent td
{
    padding: 15px;
}
td.clsSubpageBody div.clsDarkGreyContent
{
    padding: 15px 30px;
}


/* *********************************************************** */
/* Footer */
/* *********************************************************** */
div.clsFooter
{
    background-color: #3F403B;  
    height: 25px;
}
div.clsFooter p
{
    padding: 0;
    margin: 0;
    position: absolute;
    margin-top: 6px;
    color: #B0B0B0;
}
div.clsFooter p a
{
    color: #B0B0B0;
    text-decoration: none;
}
div.clsFooter p a:hover
{
    text-decoration: underline;
}
div.clsFooter p.clsLeftFooter
{    
    margin-left: 26px;
}
div.clsFooter p.clsRightFooter
{
    margin-left: 470px;
}