.id { 
	background: url(/img/sid.png) no-repeat center top; 
	height: 54px; 
   overflow: hidden;
	clear: both;
	position: relative; }
.id:hover { background-position: 0 -54px; }
		 		
.id h1 { 
	padding: 19px 0 19px 19px; 
	height: 19px; 
	text-indent: -1000px;
	float: left; } 
.id h1 a {
	height: 19px;
	overflow: hidden;
	display: block; } 
	.who .id h1 { width: 175px; } 	
		.who .id h1 a { background-image: url(/img/id-who.png); } 
	.what .id h1 { width: 252px; } 
		.what .id h1 a { background-image: url(/img/id-what.png); } 
	.why .id h1 { width: 246px; } 
		.why .id h1 a { background-image: url(/img/id-why.png); } 
	.how .id h1 { width: 262px; } 
		.how .id h1 a { background-image: url(/img/id-how.png); } 
	.contribute .id h1 { width: 164px; }
		.contribute .id h1 a { background-image: url(/img/id-contribute.png); } 
   .contact .id h1 { width: 165px; }
		.contact .id h1 a { background-image: url(/img/id-contact.png); } 	      
.id h1 a:hover { background-position: 0 -19px; } 
					
.id ul { 
   float: left; 
   list-style: none; 
   margin: 15px 0 0 16px;
   padding: 0 0 0 16px;
   border-left: 1px solid #75c7d3; } 
.id ul li { 
   float: left; 
   display: inline;
   margin-right: 6px; }
.id ul li a {
   background: #d2f1f1;
	padding: 3px 7px;
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	color: #077573;
	box-shadow: 1px 1px 2px #6babab;		
		-moz-box-shadow: 1px 1px 2px #6babab;	
		-webkit-box-shadow: 1px 1px 2px #6babab;	
	border-radius: 6px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; }
.id ul li a:hover {
		background: #def5f5;
		color: #d03819;  }
.id ul li.selected a  {
		background: #fff;
		color: #f0632c;
		box-shadow: inset 1px 1px 3px #949494;		
			-moz-box-shadow: inset 1px 1px 3px #949494;	
			-webkit-box-shadow: inset 1px 1px 3px #949494; }
		


.secondary .content, 
.secondary .sidebar { float: left; }  		

.secondary .content { 
	width: 636px;
	text-align: left;
	padding: 20px; }  	
.secondary .sidebar { 
	background: url(/img/sidebar.png) no-repeat 0 0; 
	width: 270px; 
	min-height: 320px;
	padding: 15px;
	text-align: center; }  
	
/* Breadcrumbs */
	
.breadcrumbs { 
	background: url(/img/breadcrumbs.png) no-repeat center bottom; 
	padding: 2px 3px 6px;
	font-size: 10px; }  	
	.breadcrumbs a { 
		text-transform: uppercase; 
		color: #11668b; }  				
	.breadcrumbs a:hover { color: #810000; }  				
		 			 	
/* Text */
	
.text { 
	padding: 20px 20px 20px 15px;
	color: #4c4c4c; } 
	
.text p, .content p { 
	padding-bottom: 10px; } 
		

.meta { padding: 0 0 20px; }

	.meta .date {
		background: #d6d6d6;
		-moz-box-shadow: inset 3px 3px 4px #adadad;
		-webkit-box-shadow: inset 3px -3px 4px #adadad;
		box-shadow: inset 3px 3px 4px #011a25;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		width: 34px; 
		padding: 10px 8px;
		margin-right: 15px;	
		float: left;
		font-size: 13px;
		line-height: 15px;
		color: #4c4c4c;
		text-transform: uppercase;
		text-align: center; } 
		.meta .date strong {
			font-size: 18px;
			display: block;
			font-weight: normal; }  
				
	.meta .title {
		width: 606px; 
		padding: 0;
		float: left;
		font-size: 13px;
		line-height: 15px;
		color: #4c4c4c; } 
					
	.meta h1 {
		padding: 0 0 4px;
		margin: 0;
		font-size: 33px;
		line-height: 34px;
		color: #0e4c68;
		font-weight: normal; } 
		
	.meta .info {
		font-size: 10px;
		text-transform: uppercase; }  	
		.meta .info a { 
			color: #11668b; }  				
		.meta .info a:hover { color: #810000; }	
		

	
/* Contact Form */   
   
dl { padding: 5px 0; margin: 0; }
dl dt { width: 130px; padding: 5px 10px 0 0; float: left; text-align: right; font-weight: bold; }

dl dd { 
  width: 400px;
   float: left;
	line-height: 11px;
	padding: 0; 
	margin: 0; }
  
  
.contact .field, .contact .dropdown { 
    background: #daf5fe;
   -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
		box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
    border: 0;
    padding: 8px;
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #0d807e;
    font-family: Arial, Helvetica, sans-serif; }	


.contact .field:hover, .contact form .dropdown:hover {  background: #0a8785; color: #fff; }			
.contact .field:focus, .contact form .dropdown:focus { background: #83defa; color: #0d807e; }	


.contact .field { width: 220px; }
.contact .field.zip { width: 80px; }
.contact .field.message { width: 460px; height: 130px; }

.contact .dropdown {  cursor: pointer;  }			
.contact .dropdown.state {  width: 97px;  }  		


.contact label { 
    color: #026361;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    font-weight: normal;}

.contact .form_submit { 
   padding-left: 50px; 
   text-align: center; }

.contact .submitBtn {  
    background: #d93a19;
    cursor: pointer; 
    margin: 10px 0;
    padding: 6px 8px;
    border-radius: 4px;  
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;    
    border: none !important;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold; }	

.contact .submitBtn:hover {  background: #04878b; }	
	   
      
/* Media List */

ul.media { 
   list-style: none;
	margin: 15px 0; } 
ul.media li {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100px;
	height: 135px;
	margin: 0 29px 10px 0;
	float: left; }
   
ul.media li .thumb {
   background-color: #102e52;
	background-repeat: no-repeat;
	background-position: 0 0;
   margin-bottom: 5px; 
   border-radius: 6px;
      -moz-border-radius: 6px; 
		-webkit-border-radius: 6px; } 	
ul.media li.youtube .thumb {	background-position: center center; } 	
      
ul.media li .thumb a {
   height: 75px;
   display: block;
   border-radius: 6px;
   	-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;      
       box-shadow: 1px 1px 2px #6babab;   	
		-moz-box-shadow: 1px 1px 2px #6babab;	
		-webkit-box-shadow: 1px 1px 2px #6babab; } 	   
	ul.media li:hover .thumb a{
       box-shadow: 1.5px 1.5px 2px #6babab;      
		-moz-box-shadow: 1.5px 1.5px 2px #6babab; 
		-webkit-box-shadow: 1.5px 1.5px 2px #6babab; }
	ul.media li:active .thumb a { 	
       box-shadow: inset 1.5px 1.5px 2px #6babab;      
   	-moz-box-shadow: inset 1.5px 1.5px 2px #6babab; 
		-webkit-box-shadow: inset 1.5px 1.5px 2px #6babab; }
      
ul.media h4 { 
   font-size: 12px;
   line-height: 12px;
   font-weight: normal; }  
 
 ul.media li:hover h4 a { 
   -webkit-transition: color .3s ease-in;
   -moz-transition: color .3s ease-in;
   -o-transition: color .3s ease-in;
   -ms-transition: color .3s ease-in;
   transition: color .3s ease-in;  } 
   
/* Media List */

ul.large-media { 
   list-style: none;
	margin: 3px 0 0 5px; } 
ul.large-media li {
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 145px;
	height: 170px;
	margin: 0 15px 10px 0;
	float: left;
   text-align: center; }
   
ul.large-media li .thumb {
   background-color: #102e52;
	background-repeat: no-repeat;
	background-position: 0 0;
   margin-bottom: 5px;
   border-radius: 8px;
   -moz-border-radius: 8px; 
   -webkit-border-radius: 8px; } 	
      
ul.large-media li .thumb a {
   height: 120px;
   display: block;
   border-radius: 8px;
   -moz-border-radius: 8px; 
	-webkit-border-radius: 8px;   
   -moz-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5);
	box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.5); } 	   
	ul.large-media li:hover .thumb a{
		-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); }
	ul.large-media li:active .thumb a { 	
		-moz-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 1);
		-webkit-box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 1);
		box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 1); }	
      
ul.large-media h4 { 
   font-size: 16px;
   line-height: 15px;
   font-weight: normal; }  
 
 ul.large-media li:hover h4 a { 
   -webkit-transition: color .3s ease-in;
   -moz-transition: color .3s ease-in;
   -o-transition: color .3s ease-in;
   -ms-transition: color .3s ease-in;
   transition: color .3s ease-in; }   
   
/* Media Page */ 
   
.embed iframe, .embed object, .embed embed { 
   width: 100% !important;
   height: 400px !important;
   padding: 10px 0; }     
   	   
.share-embed { } 
.share-embed form { display: inline; } 
.share-embed label { 
   color: #707070; 
   padding: 0 3px 0 0; } 
.share-embed input { 
   border: none;
   background: #becddd;
   color: #707070;
   width: 300px;
   font-size: 10px;
   padding: 3px 4px; 
   cursor: pointer; } 
.share-embed input:hover { 
   background: #12345d;
   color: #fff; }