body {
    margin: 0px;
    font: 10pt 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #000000;
    height: 100%;
}


/* DIMGAP Header */

#header {
    background: url(../images/logo-digmap.jpg) no-repeat;
    height: 55px;
	 width: 200px;
    padding: 0;
}

#header4Subtitle {
	height: 55px;
}

#header4Subtitle #title {
	float: left;
    background: url(../images/logo-digmap.jpg) no-repeat;
    height: 55px;
	width: 200px;
    padding: 0;
}

#header4Subtitle #subtitle {
	float: left;
	padding-top: 18px;
	font-size: 24px;
	color: #B4C24B;
	font-weight: bold;
}



#appHeader {
	float: left;
	padding-top: 18px;
	font-size: 24px;
	color: #B4C24B;
	font-weight: bold;
}

div.whatis {
    float: right;
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
}

a.whatisText {
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

#page_title {
    display: none;
    margin: 0;
    font-family: Geneva, Verdana, sans-serif;;
    font-size: 180%;
    color: #A63700;
    z-index: 10;
    width: auto;
}

/* Separator bar/language */
div.separatorBar {
    background-color: #BDD79E;
    height: 22px;
    width: 100%;
    border-top: 4px solid #BDD79E;
    text-align: right;
    padding: 3px 0 3px 0;
}

/* Navigation Bar */
div.navMain {
	padding-left: 10px;
	color: #ffffff;
	font-size:1em;
	float: left;
	text-align: left;
	width: 48px;
}

div.navPage {
	font-size:1em;
	float: left;
	text-align: left;
	color: #ffffff;
}

.linkNavPage {
	color: #ffffff;
}
.linkNavPage:hover {
	color: #ffffff;
}


/* DIMGAP FOOTER */
#footer{
    width: auto;
    padding: 0px;
    color: #777777;
}

#footerContent a {
    text-decoration: none;
    color: #777777;
    font-weight: normal;
    text-decoration:underline;
}

#footerContent a:hover, #subfooter a:hover{
    color:#0000CD;
    text-decoration:none;
}

#footerContent {
	border-top: #BDD79E 2px solid;
    background: #eeeeee;
    height: 24px;
    text-align: center;
}


#footer .currentApp{
	color: #B4C24B;
	font-weight: bold;
}

#subfooter{
    font-size: 80%;
    padding-top: 10px;
}

#subfooter a {
    color: #A63700;
}

td.logoEc {
    text-align:right;
    vertical-align:middle;
    width:65px;
}

div.leftFooter {
	float:left;
	width:35%;
	text-align:left;
	padding-left: 10px;
   /* float: left;
   border-left: 15px solid #FFFFFF; */
}

div.rightFooter {
    float:right;
	 width:35%;
	 text-align:right;
	 padding-right: 10px;
	 /*float: right;
    border-right: 15px solid #FFFFFF;
    text-align: right;*/
}

div.centerFooter {
    float:left;
	 width:25%;
	 text-align:center;
	 padding-top: 8px;
}

#subfooter p {
    line-height: 190%;
}

#subfooter div.left img {
    float: left;
}

#subfooter img {
    float: right;
    padding-left: 3px;
}

#clustrMapsImg{
    width:80px;
}

.smallSize {
    font-size:80%;
}


/** FOOTER clustrMapsLink **/
#subfooter div.left {
    float: left;
    border-left: 15px solid #FFFFFF;
}

#subfooter div.right {
    float: none;
    border-right: 15px solid #FFFFFF;
    text-align: right;
}



/* BOX */
.radius {
    -moz-border-radius:8px;
    border: #eeeeee 2px solid;
    border-radius:3px;
    padding: 8px;
}

.boxGray{
    background:#EBF5E0;
    text-align:left;
    margin-top:5px;
}

.mainBox{
    margin-top:10px;
    border:solid #BDD79E 6px;
}

.boxWhite{
    background:#ffffff;
}

.subBox {
    border:1px solid #eeeeee;
    font-size:90%;
    margin-top:7px;
    margin-bottom:4px;
    padding-top:4px;
    padding-right:10px;
    padding-bottom:4px;
    text-align:right;
    width: 350px;
}

/* KEYBOARD ****/
#keyboard {
    margin: 0px 0px 0px 115px;
    font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    display: block;
    z-index: 999;
    top: 0px;
    left: 115px;
}

.left{
    float: left;
}

.right{
    float: right;
}

img {
    border:none;
}