/* these styles common for both front and interior pages on both tablet and phone sizes */

@media only screen and (max-width: 1024px) {
    /* tablets */
		
	/* different than phones */	
	body.active #nav { margin-left: 0; margin-bottom: 0; width:40%; }
	
	
	body.active #menu_container { margin-right: -100%; }
	body.active #masthead_small { margin-right: -100%; }
	body.active #content { margin-right: -100%; }
	body.active #footer { margin-right: -100%; }
	
	
	
	#nav{
		margin-bottom: -100%;
		margin-left: -100%;
		float: left;	
	}
	
	
	#nav ul{
		text-align: right;				
	}
	
	#nav ul li{
		line-height: 3em;
		padding-right: 2em;
		border-bottom: 1px solid #999;
	}
	
	#nav ul li a{
		font-weight: bold;
		color: #639;	
		text-decoration: none;
		font-size: 1.5em;
	}	
	
	
	#sitesearch{
		background: #CCC;	
		overflow: hidden;
	}
	
	#sitesearch #searchÏ㽶ÊÓƵform input[type=text]{
		font-size: 1.4em;	
		width: 78%;
		height: 1.7em;
		margin: 0.3em;
		float: left;
		padding: 0 1%;
	}
	
	#sitesearch #searchÏ㽶ÊÓƵform #searchbutton{
		background:url(/_resources/_redesign/images/magnifying_glass.gif) no-repeat;
		cursor:pointer;
		width: 26px;
		height: 26px;
		border: none;
		top: 1em;	
		float: left;
		display: inline-block;
		position: relative;	
	}
	
	#mainnav{
		border-right: 1px solid #CCC;	
	}
	
	#internalaudience{
		background: #AAA;	
		border-right: 1px solid #CCC;
	}
	
	#internalaudience #mywiu_items li{
		padding-right: 0;	
	}
	
			
	#externalaudience{
		background: #CCC;	
		border-right: 1px solid #CCC;
	}
	
		
	#menu_container{ 
		background: #639;
		color: #FFF;
		display: block;
		float: left;
		padding: 0.75em;
		text-align: left;
	}		
	
	#menu-toggle{
		color: white;	
		text-decoration: none;
		font-size: 2em;
	}
	
	#masthead_big{
		display: none;
	}
	
	#masthead_small{
		color: #639;
	}
	
	/*different than phone */
	#masthead_small h1{
		font-size:1.8em;	
		padding-top: 0.6em;
		font-weight: bold;
		margin-right:2em !important; 
	}
	
	#masthead_small h1 a{
		text-decoration: none;
		color: #639;
	}
	
	/*different than phone */		
	.mastheadbullets{
		font-size: 1.1em;
		padding: 0 0 1em 0;
		margin-left:7em;
	}
	
	
	/*different than phone */
	.mastheadbullets li:first-child {
		font-weight: bold;
	}
	
	.mastheadbullets li:first-child:before {
		content: none;
	}
	
	.mastheadbullets li a{
		color: inherit;	
		text-decoration: none;
	}
	
	#applynowbullet{
		background: #fc0;
		color: #639;
		margin-right: 3%;
		padding: 0 2%;
		float:right;
		font-weight:bold;
		font-size:0.8em;
	}
	#applynowbullet:before{
		content:none;

	}
	h1{padding:0.5em 0 0.25em 0 !important;}
	
	#footer{
		background: #333;
		clear:both;
		width:100%;
		padding: 6% 0 0 0;
		overflow: hidden;	
	}
	
	/* different than phone */
	#footer .link_column{
		float: left;
		margin: 3% 1.5%;
		padding: 0 1.5%;
		width: 19%;
	}
	
	#footer .link_column h3{
		color: white;	
		font-size: 1.2em;
		margin: 0.5em 0 1em 0.5em;
	}
	
	#footer .link_column ul{
		margin: 0.5em 0 1em 0.5em;	
	}
	
	#footer .link_column ul li{
		padding: 0.8em;	
	}
	
	#footer .link_column ul li a{
		color: #c5c5c5;
		text-decoration: none;	
	}
	
	#footer #social_media{
		clear:both;	
		margin: 3% 1.5%;
		padding: 0 1.5%;
	}
			
	#footer #social_media h3{
		color: white;	
		font-size: 1.2em;
		margin: 0.5em 0 1em 0.5em;
	}
	
	#footer #social_media img{
		float: left;
		padding: 3%;	
	}
	
	#footer #footer_bottom{
		clear: both;
		background: black;
		border-top: 1px solid #888;	
		overflow: hidden;
		padding: 3% 0;
	}
			
	
	#footer #footer_bottom ul li{
		display: inline;
		float: left;
		margin: 0.8em;
	}
	
	#footer #footer_bottom ul li a{
		color: white;
		text-decoration: none;	
	}
	
	/* different than tablet */
	#footer #footer_bottom #contact{
		float: right;
		padding: 0 3% 0 0;	
	}
	
	#footer #footer_bottom #contact #footerlogo{
		float: right;	
		max-width: 33%;
	}
	
	#footer #footer_bottom #contact #address{
		float: right;	
		padding-top: 2em;
	}
	
	#footer #footer_bottom #contact #address h3{
		color: white;
		font-weight: bold;	
		padding-bottom: 0.5em;	
	}
	
	#footer #footer_bottom #contact #address h4{
		color: white;
		font-size: 0.9em;
		font-weight: bold;
		font-style: italic;	
		padding-bottom: 0.5em;	
	}
	
			
	#footer #footer_bottom #contact #address p:nth-of-type(1){
		
		color: #888;	
		line-height: 150%;
		font-size: 0.8em;
	}
	
	#footer #footer_bottom #contact #address p:nth-of-type(2){
		
		color: #FFF;
		line-height: 150%;	
		font-size: 0.8em;
	}
	
	#footer #footer_bottom #copyright p{
		color: #888;
		clear: both;
		font-size: 0.8em;
		float: right;
		padding-top: 1.5em;
	}
	
	
} /* end of @media only screen and (max-width: 1024px) */

#masthead_small h1{padding:0.1em 0 0 0 !important; }
#masthead_small #small-logo{margin: 0.25em 1em 1em 1em;height:55px;}
@media only screen and (max-width: 767px){
	#masthead_small #small-logo{height:35px !important; margin: 0.5em 0.5em 1em 0.5em !important;}
	#masthead_small h1{font-size:1.1em; padding-top:0.4em !important;}
	body.active #masthead_small #small-logo{margin-left:50px !important;}
	#applynowbullet {margin-top:0.5em;}


}