/**
overall width: 1280px
overall  height: 600px;

	float / position
	width
	height
	margin
	padding
  
  z-indexes:
    0 == background
    50 == content bars
    75 == tabnav
    100 == dropdown
    
    set up with 'bars' -- global container (displayContainer) has three 'bars' which define
    the top, middle and bottom 'content' bars. 
*/

#displayContainerWrapper{
	position:absolute;
	top: 50%;
	left: 50%;

	height: 594px;
	width: 1274px; /* 1274 + 3left-border + 3+rightborder == 1280 w total */
	
	margin-top: -300px; /*1/2 of height to center */
	margin-left: -640px; /*1/2 of width to center */
	
	border: 2px solid #000;  
}

	#displayContainer{
		height: 100%;
    
	}
  
  /* used for the top, bid and bottm 'bars' */
  .bar{
    position: relative;
    z-index: 50;			
    width: 1274px;
  }
	
		#displayContainerBackground{			
			position: absolute;
			z-index: 0;
			
			/* restate dimensions due to absolute position */					
			width: 1274px;
			height: 594px;
      display: none;
		}

		#topBarWrapper {
			height: 81px;
		}
			
			/* screen height: 87px */
			#topBar{
				height: 81px;
			}
      
        #pelicanTout{
					position: absolute;
					top: 173px;
					left: 907px;
					
					width: 380px;
					height: 81px;
				}
        
          #pelicanTout #overlay{
            position: absolute;
            top: 0px;
            width: 370px;
            height: 81px;
            z-index: 200;
            
            cursor: hand;
            cursor: pointer;
          }
          
                  
          #pelicanTout #underlay{
            position: absolute;
            top: 0px;
            width: 370px;
            height: 81px;
            z-index: 100;
          }
        
        #pelicanTout #pelicanLink{
          position: absolute;
          width: 400px;
          height: 81px;
          cursor: hand; /* fixes weird bug where IE doesn't like to show cursors over PNG images */
        }

		#contentBarWrapper{					
			height: 458px;
		}
			
			#contentBar{
				height: 458px;
			}
			
				#dropdownContainer{
					position: absolute;
					z-index: 100;
					
					/* restate dimensions due to absolute position */
					height: 458px;
					width: 1274px;
					
					display: none;
          
			        border-top: 2px solid #fff;
			        border-bottom: 2px solid #fff;
				}
        
          #dropdownContainer #dropdownOverlay{
          	height: 458px;
            width: 1274px;
          }
          
            #dropdownOverlay .transparency{
              height: 458px;
              width: 1274px;
            }
            
              #dropdownOverlay #overlayelem1{}
                
                .highlightLink{
                  position: absolute;
                  z-index: 150;
                }
                
                .highlightLinkDebug{
                  background-color: purple;
                }
              
              #dropdownOverlay #overlayelem2{}
              
              #dropdownOverlay #overlayelem3{}
              
              #dropdownOverlay #overlayelem4{}
              
              #dropdownOverlay #overlayelem5{}
        
            #dropdownContainer #dropdownMenu{
              position:absolute;
              z-index: 100;
              width: 250px;
              
              top: 137px;
              left: 268px;
            }
            
              #dropdownMenu #menuHeader{
                width: 250px;
                height: 60px;
              }
            
              #dropdownMenu .dropdownMenuItem{
                width: 200px;
                height: 25px;
                margin: 0px auto 5px;
                
                cursor: pointer;
                cursor: hand;
              }
              
                #dropdownMenu #elem1{}
                  
                  #dropdownMenu #elem1.hover{background-position: 0px -25px;}
                
                #dropdownMenu #elem2{}
                
                  #dropdownMenu #elem2.hover{background-position: 0px -25px;}
                
                #dropdownMenu #elem3{}
                
                  #dropdownMenu #elem3.hover{background-position: 0px -25px;}
                
                #dropdownMenu #elem4{}
                
                  #dropdownMenu #elem4.hover{background-position: 0px -25px;}
                  
                #dropdownMenu #elem5{}
                
                  #dropdownMenu #elem5.hover{background-position: 0px -25px;}

                #dropdownMenu #elem6{}
                
                  #dropdownMenu #elem6.hover{background-position: 0px -25px;}

				/* main body content */
				#contentBarBody{
					height: 458px;
          overflow: hidden;
				}
        
         	/* absolute positioned tab nav */
  				#subNav{
  					position: absolute;
  					z-index: 75;
  					right: 673px;
            top: 40px;
  					
  					/* restate dimensions due to absolute position */
  					height: 25px;
            
            /* font size */
            font-size: 70%;
            line-height:normal;
  				}
				
					#contentBarBody h1{}
					
					#contentBarBody h3{}

		#bottomBarWrapper{
			height: 51px;
		}
		
			#bottomBar{
				height: 51px;
			}
        
        #bottomBarMenu{
					margin: 15px auto;

          /* restate dimensions due to absolute position, or else links are unclickable in IE */
				  width: 650px;
          
          display: none;
        }
        
        #bottomBarMenu p{
          text-align: center;
          font-weight: bold;
          color: #ffffff;
        }
        
        #meetingPopupContent{
	        background:url('../img/content/meetings_popup.jpg');
			background-position: center center;
			background-repeat: no-repeat;
			height: 560px;
        }
        
        #meetingContactInfo{
        position: absolute;
		top: 490px;
		left: 55px;
		width: 445px;
		text-align: center;
		}
		
		#meetingContactInfo p{
			font-size: 85%;
		}
		
	
			
/* generics */
strong{
font-weight: bold;
}

em{
font-style: italic;
}

.handCursor{
	cursor: pointer;
	cursor: hand;
}

.hidden{
	display: none;
}

.spacer{
  clear: both;
  display: none;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}