/**START OF EXPANDED HERO STYLES
							PLEASE DONT REMOVE THE COMMENT**/
							.hero-expanded { 
								position: absolute;
								height: 450px;
								width: 100%;
								background: url("./img/hero-9472.jpg") no-repeat center top / cover;}
							#home-page #main-content #hero {
								background: transparent; height: 450px;}
							@media (max-width: 1200px) { 
								.hero-expanded { height: 360px;}
								#home-page #main-content #hero { height: 360px;} 
							} 
							@media (max-width: 480px) { 
								.hero-expanded { display: none;} 
								#home-page #main-content #hero{ background: #f5f5f5; height: auto; } 
							} 
							/**END OF EXPANDED HERO STYLES
							PLEASE DONT REMOVE THE COMMENT
							**/
							/**START OF CUSTOM STYLES
							PLEASE DONT REMOVE THE COMMENT**/
						.header-content #menu li ul      
{ background-color: #f7fbff; }      
.header-content #menu li:hover      
{ background-color: #f7fbff; }      
.header-content #menu li ul:hover      
{ background-color: #f7fbff; }      
.header-content #menu li a      
{ color: #3E6197; }      
.header-content #menu li a:hover      
{ color: #535353; }      
a.primary, a.primary:visited, button.primary, button.primary:visited      
{ background-color: #d3493f; }      
#job-listing .listings .job-summary .h3      
{ color: #d3493f; }      
a.secondary, a.secondary:visited, button.secondary, button.secondary:visited      
{ background-color: #203C74; }      
a.tertiary, a.tertiary:visited, button.tertiary, button.tertiary:visited      
{ background-color: #F7FBFF; }      
#hero      
{ background: url("./img/hero-9472.jpg") no-repeat 0 0 transparent; }      
    
#hero .site-name-tag {             
    background-color: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);             
    top: 55%;             
    bottom: auto;             
    left: auto;             
    right:45%;             
    padding: 10px;             
    text-align: left;             
    width: auto;             
}             
             
#hero .site-name-tag h1 {             
   margin: 0;             
   font-size: 2.3em;             
   color: #121447;             
}             
             
#hero .site-name-tag em {             
   font-size: 1.5em;             
   color: #121447;             
}             
           
#hero .site-name-tag {                            
    background-color: #FFFFFF;                            
    opacity: 0.65;             
}     

.header-content #logo img { 
                max-height: 83px; 
                max-width: 300px; 
} 

     
@media (max-width: 480px) {