/* Homepage styles */

#container
{
	height: 100%;
	height: auto !important;	
	margin: 0;
	min-height: 80%; top: 15%;	
	position: absolute;
	width: 100%;
	z-index: 40;
	overflow: hidden;
	min-width: 940px;
}

#hssheader {position: fixed; top: 0; width: 94%; clear: both; margin-left: 3%;  margin-right: 3%;  height: 75px; 
				z-index: 80; background-color: #fff; }
                                          
#hsslogo   {float: left; width: 22%; text-align: left; margin-top: 10px; z-index: 30; min-width: 220px; }

#hsscontenttop {position:relative; float: left; width: 100%; height: 450px; background:transparent; z-index: 40; }

#hsscontenttop .homemessage {position:absolute; float: left; width: 600px; 
                             min-height: 210px; top: 0; left: 10%; text-align: left; z-index: 40; 
              background-color: rgba(255,255,255,0.85); padding: 20px 20px 0px 20px;
}

#hsscontent {position:absolute; bottom: 0px; width: 100%; height: 350px;
             background:transparent; z-index: 100;}

.messagetext {position:relative; float: left; width: 100%; height: 100%; z-index: 40;}

.mtext_sm {font-family: 'Ubuntu', sans-serif; color:#003c7c; font-size: 40px; letter-spacing: -1px;
		   margin: 0; padding-bottom: 20px; line-height: 43px; 
			/*text-shadow: 1px 2px 1px rgba(0,0,0,0.5);*/-webkit-font-smoothing:antialiased; }

.altcolor {font-family: 'Ubuntu', sans-serif; color:#003c7c; font-size: 40px; letter-spacing: -2px;
				/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/-webkit-font-smoothing:antialiased; line-height: 43px;}

.altcolor_sm {font-family: 'Ubuntu', sans-serif; color:#0075b6; font-size: 40px; letter-spacing: -0.05em;
				/*text-shadow: 1px 2px 0px rgba(255,255,255,0.5);*/-webkit-font-smoothing:antialiased;line-height: 43px; }

.altcolor_sm.subtext {font-size: 25px; line-height: 25px; margin-top: 15px;}

.mtextipad  {display: none;
			font-family: 'Ubuntu', sans-serif; color:#003c7c; font-size: 40px; letter-spacing: -2px;
			margin: 0; padding-bottom: 20px; line-height: 40px; 
			/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/-webkit-font-smoothing:antialiased; }

.mtextipad .altcolor {font-family: 'Ubuntu', sans-serif; color:#003c7c; font-size: 40px; letter-spacing: -2px;
				/*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/-webkit-font-smoothing:antialiased; }

.mtextIE  {display: none;}

/*------------------- Home page small styles --------------------*/
.smallHeroText { padding:20px; font-family:'Ubuntu', sans-serif; color:#003c7c; font-size:18px; text-align:center; }
.heroSmallItem { border-bottom:solid 1px #cecece; }
.smallHeroText_altcolor { font-family:'Ubuntu', sans-serif; color:#0075b6; font-size:18px; }



/* iPad landscape style variations for homepage */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #hsscontenttop {height: 180px; }
	#hsscontenttop .homemessage {left: 5%}
    #spotcontainer {left: 5%}

    .mtext_sm {display:none;}
    .mtextipad {display: inline; }
}



#spotcontainer { position: absolute; bottom: 0; left: 10%; z-index: 100;}   

@media screen and (max-height: 780px) {
    #hsscontent {position:relative; float: left; }
    #spotcontainer { position: relative; float: left; top: 320px;  } 
}

#spotlightleft { color: #000; position: absolute; float: left; width: 310px;
	                margin: 0px 10px 10px 0px; background-color: transparent; bottom: 0px; }



#spotbodyleft { position: relative; float: left; width: 310px; height: 290px; 
                    background-color: rgba(255, 255, 255, 0.85); overflow: hidden; } 
                                
#spotbodyleft div { position: relative; float: left; width: 270px; 
                        background-color:transparent; margin: 0px 20px 5px 20px; z-index: 100;}

.spothdrleft { font-family: 'Ubuntu', sans-serif; font-weight: 600; padding: 0 0 0 0px; cursor: pointer;
            	background: url(/images/spotlight_close.png) no-repeat scroll right transparent;
	            color: #000000; display: block; font-size: 14px; height: 36px; line-height: 36px; } 

#spotbodyleft div.drname {font-family: 'Ubuntu', sans-serif; font-size: 18px; font-weight: 500; color: #003d7d; line-height: 20px;
         margin-top: 10px;}

#spotbodyleft div.drtitle { font-family: 'Ubuntu', sans-serif; padding-bottom: 0px;
            font-size: 14px; font-weight: 500; color: #292929; font-style: italic;}


#spotlightright {position: absolute; bottom: 10px; left: 320px;
                    color: #000; width: 310px; background-color: transparent;  overflow: visible;	}
                                
#spotbodyright { position: relative; float: left; width: 310px; height: 36px; /*width: 600px; height: 290px;*/
                    background-color: rgba(255, 255, 255, 0.85); overflow: hidden; } 
                                
#spotbodyright div.spotpanel { position: relative; float: left; width: 260px;
                        background-color:transparent; margin: 0px 0px 5px 20px;}
                 
	            
.spothdrright { font-family: 'Ubuntu', sans-serif; font-weight: 600; padding: 0 0 0 0px;cursor: pointer;
            	background: url(/images/spotlight_expand.png) no-repeat scroll right transparent;
	            color: #000000; display: block; font-size: 14px; height: 36px; line-height: 36px;
	            margin: 0px 20px 0px 20px;}	   

.spotform {position: relative; text-align: center; height: 240px; width: 260px; 
           font-family: 'Ubuntu', sans-serif; font-weight: 600; font-size: 13px; color: #828282;}
           
.spotformhdr {position: relative; height: 20px; text-align: center;
           font-family: 'Ubuntu', sans-serif; font-weight: 600; font-size: 13px; color: #2b2b2b;}

 /* Styles for Contact Us Control --------------------------------------------------------------- */
  
#contactusform { clear: both; display: block; width: 255px; 
                   padding: 0px; text-align: left; margin-top: 18px;}

.textbox { width: 245px; font-size: 1em; color: #828282; padding: 5px; margin-bottom: 8px; 
                font-family: 'Ubuntu', sans-serif; }

.errtxt { font-family: 'Ubuntu', sans-serif; font-size: 10px; color: #ff0000; font-weight: normal; margin-top:-5px; }

.required { display: none;}

.formbutton { font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #ffffff; font-weight: normal;
              background-color: #0075b6;  padding: 5px; margin-top: 5px; border:none; border-radius: 3px; }



/* iPad landscape style variations for homepage */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .navbtn { margin-left: 15px; }
    #hssnav a { font-size: 1.1em; }
    #hsscontent { bottom: 5px; }
    
}

@media screen and (min-device-width: 768px) {
    /*.textbox { width: 245px; font-size: 1em; color: #828282; padding: 5px; margin-bottom: 8px; 
                font-family: 'Ubuntu', sans-serif; }
  
    .errtxt { font-family: 'Ubuntu', sans-serif; font-size: .8em; color: #ff0000; font-weight: normal; margin-top:-5px; }*/
    table { background: transparent; }
    table tbody tr:nth-child(2n) { background: transparent; }
    table tbody tr td { line-height:0px; padding:0; margin:0; background: transparent; }
    input[type="text"], textarea {
        font-size:1em;
        margin-bottom:8px;
        padding:5px;
    }
}