body {
    padding:            0;
    margin:             0;

    font-family:        Tahoma,sans-serif;
    font-size:          1em;

    height: 			100%;
}

body#indexBody {
    background:         #b5b5b5  url("../images/bg.gif") 0 0 repeat-x;
}

/* GENERIC */
.left {
    float: left;
}
.floatImage {
   float:               left;
   padding-right:       .5em;
 }

.centerImg {
    display:            block;
    margin:             0 auto;
    border:             2px solid #b9b9b9;
}

.textStyle {
    font-family:    Tahoma, sans-serif;
    font-size:      small;
    color:          #505050;/*#676767;*/
}

/* GENERIC  LIST */
ul {
    float:          left; clear: both;

    margin:         .5em 0 0 0;
    padding:        0;
    list-style:     none;
}
li {
    float:          left; clear: both;
}
li a.item {
    float:          left;

    height:         20px; width: 250px;
    margin:         2px 0 0 0;

    background:     transparent url("../images/list_item.gif") 0 0 no-repeat;
    text-decoration: none;
}

li .item .title {
    margin-left:    1.5em;

    font-family:    Tahoma, sans-serif;
    font-size:      small;

    color:          #505050;/*#676767;*/
}

li a.item:hover, li a.item:focus {
    background:     transparent url("../images/list_item_hover.gif") 0 0 no-repeat;
}
li a.item:active {
    background:     transparent url("../images/list_item_sel.gif") 0 0 no-repeat;
}

/* IFRAMES */
#iframeContent {  /* Page content Iframe */
    width:              100%;
    overflow:           hidden;
    display:            none;
}
#iframeSlider {  /* Downloads slider Iframe */
    float:              left;
    height:             80px;
    width:              100%;

    overflow:           hidden;
}

#iframeGWT { /* GWT wrapper Iframe */
    height: 100em;width:  100%;
    overflow:           hidden;
}

/* LAYERS */
#mainLayer {
    z-index:        2;
    position:       relative;
    width:          100%;
    /*height:         100%;*/

    margin:         0 auto; /* Firefox centering */
    text-align:     center;
}
/* IE centering: parent needs to be text-align: center but body cannot be */
#mainLayer .wrapper {
    width:          976px; height:         100%;
    margin:         0 auto; /* Firefox centering */
    text-align:     center;
}
#menuLayer {
    z-index:        2;
    position:       relative;
    height:         130px; width: 100%;

    text-align:     left;  /* reset parent centering */
}
#titleLayer {
    z-index:        2;
    position:       relative;
    top:            0em;

    margin:         0 auto; /* center title */
    text-align:     center;

    font-family:    arial, fantasy;
    font-weight:    bolder;

    color:          #b9b9b9;
}
#contentLayer {
    z-index:        2;
    position:       relative;

    height:         auto;     /* dinamically adjusted */
    width:          790px;

    margin:         0 auto;   /* firefox centering */
    text-align:     center;   /*IE centering */

    border:         0;
    overflow:       hidden;
}
.centeredLayer {
    z-index:        2;
    position:       relative;

    margin:         0 auto; /* center title */
    text-align:     center;

    font-family:    arial, fantasy;
    font-weight:    bolder;
    color:          #b9b9b9;
}

/* CONTAINERS */
#menuContainer {
    z-index:        2;

    position:       relative;
    top:            2em;
    left:           4.9em;

    width:          168px;
    height:         100px;
}
#singleContainer {
    clear:          both;
    position:       relative;

    height:         30em;

    width: 96%;
    margin-left:    auto; margin-right:   auto;
}
#topContainer {
    clear:          both;
    position:       relative;

    height:         auto; /* to adjust the height to the height of its contents */

    /*Firefox centering */
    width:          755px;
    margin-left:    auto; margin-right: auto;
}

#bottomContainer {
    clear:          both;
    position:       relative;
    padding-top:    1em;
}
#bottomContainer .header {
    margin-left:   1em;
}

/* NAVIGATION MENU */
#menuLayer ul{
    float:          left;
}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a{
    float:          left;
    height:         18px; width:168px;
}
#menu1 a {
    margin:         1px 0 0 3px;
    background:     transparent url("../images/menu1.gif") 0 0 no-repeat;
}
#menu2 a{
    margin:         1px 0 0 6px;
    background:     transparent url("../images/menu2.gif") 0 0 no-repeat;
}
#menu3 a{
    margin:         1px 0 0 9px;
    background:     transparent url("../images/menu3.gif") 0 0 no-repeat;
}
#menu4 a{
    margin:         1px 0 0 11px;
    background:     transparent url("../images/menu4.gif") 0 0 no-repeat;
}
#menu5 a{
    margin:         1px 0 0 14px;
    background:     transparent url("../images/menu5.gif") 0 0 no-repeat;
}
#menu1 a:hover, #menu1 a:focus, #menu1 a:active{
    background:     transparent url("../images/menu1_hover.gif") 0 0 no-repeat;
}
#menu2 a:hover, #menu2 a:focus, #menu2 a:active {
    background:     transparent url("../images/menu2_hover.gif") 0 0 no-repeat;
}
#menu3 a:hover, #menu3 a:focus, #menu3 a:active {
    background:     transparent url("../images/menu3_hover.gif") 0 0 no-repeat;
}
#menu4 a:hover, #menu4 a:focus, #menu4 a:active {
    background:     transparent url("../images/menu4_hover.gif") 0 0 no-repeat;
}
#menu5 a:hover, #menu5 a:focus, #menu5 a:active {
    background:     transparent url("../images/menu5_hover.gif") 0 0 no-repeat;
}

/* BACKGROUND */
#bgLayer {
    z-index:        1;
    position:       absolute;
    top:            0;

    height:         auto;
    width:          100%;
    text-align:     center;
}
/* IE centering: parent needs to be text-align: center but body cannot be so...lets use a stupid wrapper*/
#bgLayer .inner {
    z-index:        1;

    /* Firefox centering */
    width:          976px;
    min-width:      976px;
    margin:         0 auto;

    /* IE centering */
    text-align:     center;
}

#bgLayer #bgT {
    height:         176px;
    background:     #D0CED0 url("../images/bg_top.jpg") 0 0 no-repeat;
}
#bgLayer #bgM {
    height:           auto;
    background:     #D0CED0 url("../images/bg_mid.jpg" ) 0 0 repeat-y;
}
#bgLayer #bgB {
    height:         100px;
    background:     #D0CED0 url("../images/bg_bottom.jpg") 0 0 no-repeat;
}

/* LEFT PANEL - fixed height */
#leftPanel{
    display:        inline;
    float:          left;
    margin-top:     2em;
}
#leftPanel .t{
    height:         36px; width: 364px;
    background:     transparent url("../images/panel_head.gif" ) 0 0 no-repeat;
}
#leftPanel .m{
    height:         350px; width: 364px;
    background:     transparent url("../images/panel_mid.gif" ) 0 0 repeat-y;
}
#leftPanel .b{
    height:         20px; width: 364px;
    background:     transparent url("../images/panel_bottom.gif") 0 0 no-repeat;
}
#leftPanel .content{
    float:          left;
    height:         360px; /* Fix height in IE so the background panel does not jump*/
    padding:        .5em .5em .5em 1em;
}

#leftPanel .t .title{
    float:          left;
    margin:         .5em .5em .5em 1em;

    font-family:    Tahoma, sans-serif;
    font-size:      medium;
    font-weight:    bold;
    color:          #505050;/*#676767;*/
}

/* RIGHT PANEL - fixed height */
#rightPanel{
    display:        inline;
    float:          left;
    margin-top:     2em;
}
#rightPanel .t{
    height:         36px; width: 364px;
    background:     transparent url("../images/panel_head.gif" ) 0 0 no-repeat;
}
#rightPanel .m{
    height:         350px; width: 364px;
    background:     transparent url("../images/panel_mid.gif" ) 0 0 repeat-y;
}
#rightPanel .b{
    height:         20px; width: 364px;
    background:     transparent url("../images/panel_bottom.gif") 0 0 no-repeat;
}
#rightPanel .content{
    float: left;
    padding:        .5em .5em .5em 1em;
    height:         360px; /* Fix height in IE so the background panel does not jump*/
}

#rightPanel .scrolledContent{
    float:          left;
    padding:        0 .5em .0 1em;
    height:         360px; /* Fix height in IE so the background panel does not jump*/
    overflow:       auto;
}

#rightPanel ul {
    text-align:     left;
}
#rightPanel .t .title{
    float:          left;
    margin:         .5em .5em .5em 1em;

    font-family:    Tahoma, sans-serif;
    font-size:      medium;
    font-weight:    bold;
    color:          #505050;/*#676767;*/
}

/* 4 PANEL LAYOUT - flexible height*/
.leftPanel {
    display:        inline;
    float:          left;
    margin-top:     2em;
}
.leftPanel .t{
    float:          left;
    clear:          both;
    height:         36px; width: 364px;
    background:     transparent url("../images/panel_head.gif" ) 0 0 no-repeat;
}
.leftPanel .m{
    float:          left;
    clear:          both;
    height:         auto; width: 364px;
    background:     transparent url("../images/panel_mid.gif" ) 0 0 repeat-y;
}
.leftPanel .b{
    float:          left;
    clear:          both;
    height:         20px; width: 364px;
    background:     transparent url("../images/panel_bottom.gif") 0 0 no-repeat;
}
.leftPanel .content{
    float:          left;
    padding:        .5em .5em .5em 1em;
}

.leftPanel .t .title{
    float:          left;
    margin:         .5em .5em .5em 1em;

    font-family:    Tahoma, sans-serif;
    font-size:      medium;
    font-weight:    bold;
    color:          #505050; /* #676767; */
}

.rightPanel {
    display:        inline;
    float:          left;
    margin-top:     2em;
}
.rightPanel .t{
    float:          left;
    clear:          both;
    height:         36px; width: 364px;
    background:     transparent url("../images/panel_head.gif" ) 0 0 no-repeat;
}
.rightPanel .m{
    float:          left;
    clear:          both;
    height:         auto; width: 364px;
    background:     transparent url("../images/panel_mid.gif" ) 0 0 repeat-y;
}
.rightPanel .b{
    float:          left;
    clear:          both;
    height:         20px; width: 364px;
    background:     transparent url("../images/panel_bottom.gif") 0 0 no-repeat;
}
.rightPanel .content{
    float: left;
    padding:        .5em .5em .5em 1em;
}
.rightPanel .t .title{
    float:          left;
    margin:         .5em .5em .5em 1em;

    font-family:    Tahoma, sans-serif;
    font-size:      medium;
    font-weight:    bold;
    color:          #505050; /*#676767;*/
}

/* MIDDLE BAR */
#bar {
    display:        inline;
    float:          left;
}
#bar .t{
    height:         35px; width: 24px;
    background:     transparent url("../images/bar_top.gif") 0 0 no-repeat;
}
#bar .m{
    height:         385px; width: 24px;
    background:     transparent url("../images/bar_mid.gif" ) 0 0 repeat-y;
}
#bar .b{
    height:         35px; width: 24px;
    background:     transparent url("../images/bar_bottom.gif") 0 0 no-repeat;
}

/* HEADERS */
.header {
    display:        block;
    height:         20px; width: 100%;
    background:     transparent url("../images/title_bar.gif" ) 0 0 no-repeat;
}
.header .title {
    float:          left;
    margin-left:    3em;

    height:         100%;
    vertical-align: middle;

    font-family:    arial, fantasy;
    font-weight:    bolder;
    font-size:      medium;

    color:          #676767;
}

/* MENU */
#bottomMenu {
    display:        block;
    clear:          both;

    height:         auto; width: 755px;

    margin-top:     1em;
    /* Firefox centering */
    margin-left:    auto;
    margin-right:   auto;
    /* IE centering */
    text-align:     center;
}

#bottomMenu .leftArrow {
    float:          left;

    height:         58px; width: 9px;
    margin:         0;

    background:     transparent url("../images/arrow_left.gif") 0 0 no-repeat;
}
#bottomMenu .leftArrow:hover {
    float:          left;

    height:         58px; width: 9px;
    margin:         0;

    background:     transparent url("../images/arrow_left_hover.gif") 0 0 no-repeat;
}
#bottomMenu .rightArrow {
    float:          left;

    height:         58px; width: 9px;
    margin:         0;

    background:     transparent url("../images/arrow_right.gif") 0 0 no-repeat;
}
#bottomMenu .rightArrow:hover {
    float:          left;

    height:         58px; width: 9px;
    margin:         0;

    background:     transparent url("../images/arrow_right_hover.gif") 0 0 no-repeat;
}

#sliderContent .element {
    display:        block;
    float:          left;
    width:          68px; height: 65px;

    text-decoration: none;

    outline:        none; -moz-outline-style: none;
    background:     transparent url("../images/ibutton.jpg") 0 0 no-repeat;
}
#sliderContent .element:hover {
    background:     transparent url("../images/ibutton_hover.jpg") 0 0 no-repeat;
}
#sliderContent .element:focus, #sliderContent .element:active {
    background:     transparent url("../images/ibutton_pressed.jpg") 0 0 no-repeat;
}

#sliderContent .icon {
    z-index:        2;
    position:       relative;
    top:            8px;
    left:           8px;
}
#sliderContent  .itemText {
    display:        block;
    float:          left;

    margin-top:     1.5em;
    width:          70px;

    text-align:     center;

    font-size:      x-small;
    outline:        none; -moz-outline-style: none;
    color:          #505050; /* #676767;*/
}


/* Generic map, side bar holder styles */
.MapBuilder {
	float:			left;
	width:			100%;
	height:			100%;
	font-size: 		8pt;
}

.MapBuilder a {
	text-decoration: 	none;
	color:          	#505050;
	background-color:	transparent;
}

.MapBuilder a:hover {
	color:          	#e3e3e3;
	background-color: 	transparent;
}

#MapHolder {
	float: 			left;
	width: 			80%;
}
#MapBuilderMap{
	width: 			100%;
	height: 		500px;
}
.MapBuilderSideBar {
	float: 		  	left;
	width:		  	19%;
	margin-left:  	1%;
}
#LocationList {
	width: 			100%;
	height: 		500px;
	overflow:		auto;
}
/* Info Window styles */
.IW {
	width: 			90%;
}

.IWContent {
	height: 		75%;
	overflow: 		auto;
}

.IWCaption {
	font-weight: 	bold;
	font-size: 		larger;
	color:          #505050;
	border-bottom: 	2px solid #505050;
	margin-bottom:	.25em;
}

.IWFooter {
	margin-top: 	.25em;
	font-size: 		8pt;
}

.IWFooterZoom {
}

.IWDirections {
	background-color: #FFF;
}


/* PDMarker */
div.markerTooltip {
	color: 				black;
	white-space: 		nowrap;
	padding: 			2px 4px;
	margin: 			0;
	border: 			1px solid black;
}