﻿body,p,h1,span {margin: 0; padding: 0;}
body {width: 100%;height:100%;background-color: #CFD0CC}
html { height: 100%; margin-bottom: 1px; }
/*repeate the background for page*/
.background {
    position:absolute;
    display:block;
    z-index:0;
    left:0; right:0;
    top:0; bottom:0;
    width:100%; height:100%;
}

.sepDiv
{
    clear: both; 
    height: 20px;
    background: none;
}
.afterMenuSepDiv
{
    clear: both; 
    height: 12px;
}
.mainNavButton, .globalNavButton
{
    display: block;
    float: left;
    border: 0;
}
/*There is pageContent, which is everything on the page, and needs to be centered, and there is
mainContent, which is the main verticle content on the page. (Not header, or footer, or slider, or ad boxes), but this does include the left nav*/
.pageContent
{
    width: 900px; 
    z-index: 21; 
    position: relative;
}
.mainContent
{
    background-color: #ffffff;
}
/*When a left nav is present, this holds the other content of the page. This could use a better name */
.contentDiv
{
    width: 675px; 
    float: left;
    text-align: left;

}

/*Holds the left nav*/
.leftNavDiv
{
    width: 225px;
    position: relative; 
    float: left;
    text-align: left;
}

.header
{
    width: 100%; 
    height: 58px; 
    text-align: left;
}
.globalNavDiv
{
    width: 100%; 
    height: 20px;
}
.mainNavDiv
{
    width: 100%; 
    height: 36px;
}
.slideWindow
{
    position: relative;
    width: 900px; 
    height: 307px; 
    overflow: hidden; 
    z-index: 20; 
}
.slideImage
{
    position: relative; 
    left: 0px; 
    top: 307px; 
    z-index: 19;
}



/*
*****************
Footer
*/

.footerDiv
{
    width: 898px; 
    height: 125px; 
    border: solid 1px #ffffff;
    background-color: #CFD0CC;
}
.footerBlocks
{
    width: 100%; 
    padding-top: 4px;
}
.footerSearch
{
    float: left; 
    text-align: left; 
    margin-left: 10px; 
    height: 100%; 
    width: 304px;
}
.footerContact
{
    float: left; 
    text-align: left; 
    margin-left: 14px; 
    height: 100%; 
    width: 260px;
}
.footerLogin
{
    float: left; 
    text-align: left; 
    margin-left: 14px; 
    height: 100%;   
}


/***************** Google Map: Start **************/
.map
{
	position:absolute; 
	top: 278px;  
	left: 490px; 
	width:550px; 
	height:410px; 
	border-left: #ffcc33 1px solid; border-right: #ffcc33 1px solid; border-top: #ffcc33 1px solid; border-bottom: #ffcc33 1px solid;
}
.map_inst2
{
    margin-left: 12px;
    margin-right: 5px; 
}

/* google map: END ****************/