/* 767px CSS Document */
@media only screen and (max-width:767px) {

#wrapper { 
	position:static;
	background-color:#FFF;
	display:block;
	margin: auto;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0);
	border: solid 0px #000;
	max-width:767px;
	min-width:10px;
	
}

#header
{
		display:table;
		float:none;
		padding:0;
}

#wordmark,#breadCrumbs,#subsite,#toolContainer,#search,#topNavigation{
		display:table-row;
		float:none;
		clear:both;
		text-align:left;
	}

#topNavigationMobile{
		display:table-row;
		float:none;
		clear:both;
		text-align:center;
}

#contentContainer {
		display:table;
		float:none;
		width:100%;
		
}


#bodyContainer{
		clear:both;
		display:table-header-group;
		float:none;
		
	}
	
 #pageTitle, #bodySpanTop,  #underBodySpan{
		display:table-row;
		float:none;
		clear:both;
		text-align:left;
		
	}

	#navigationContainer {
		display:table-row;
		float:none;
		clear:both;
		text-align:left;
		width:100%;
	}

#bodyColumn1, #bodyColumn2{
		display:table-row;
		float:none;
		clear:both;
		text-align:left;
	}
	

#footer, #superFooter, #topNavigation, #leftFooter, #rightFooter{
		display:table-row;
		float:none;
		clear:both;
		text-align:left;		
	}

#footer{
		display:table-row;
		float:none;
		clear:both;
		text-align:left;		
	}
	
#searchFormat {
	
		margin:10px 10px 10px 10px !important;
		text-align:left;
}	

#wordmarkImg{
	margin:10px 0px 10px 0px;
	}
	
	#wordmarkImg img {
	width:70%;
	max-width:100%;
	display:block;
	}
	
#searchFormat {
		margin:10px 10px 10px 10px !important;
text-align:left;
}		
#breadCrumbsFormat{
margin:10px 10px 10px 10px !important;
text-align:left;
}	
	
#rightFooter {
text-align:left !important;

}

#wordmarkImg img {
	width:60%;
	display:block;
	}	
	
#pageTitle {
	text-align:left;
	padding:0px 10px 5px 10px;
}

/*margins formatting*/
.formatLeft1{
	display:block;
	margin-left:2%;
	}

.formatRight1{
	display:block;
	margin-right:2%;
	}		
	
.imageScale1{
	}	
	
.CS_Textblock_Text img[src$=".jpg"]{
	margin-left:2px;
	margin-right:1px;
	display:block;
	max-width:360px;
	}	

.CS_Textblock_Text img[src$=".JPG"]{
	margin-left:2px;
	margin-right:1px;
	display:block;
	max-width:360px;
	}		
	
	
#navigation{

	border-radius: 0;
}
	#navigation h3{
			
			border-radius: 0;
			
		}
		
#CycleContainer,#buttonContainer {
	display:none;
	}			
		
#homePageNav {
	margin:0;
	}	
		
/*hidden or displayed  element */

	#topNavigation {
	display:none !important;
	}	

#topNavigationMobile table{
	
	}

#topNavigationMobile td{
	background-color:#000;
	text-align:center;
	padding:10px;
	border-top-left-radius:11px;
	border-top-right-radius:11px;
	}

	#topNavigationMobile a{
		color:#fff;
		}
		
	#topNavigationMobile a:hover{
		color:#ccc;
		}	

/***************************************************************************
 * tabular layouts (collapse for screen width)
*****************************************************************************/
		.CS_Layout_TD .CS_Image_Caption {
 font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:.8em;
text-align:justify;
padding-left:6px;
padding-right:6px;
padding-bottom:15px;
 }		

.CS_Layout_Table td {
	display:table-row;
	
	}
	
.CS_Layout_TD{
vertical-align:top;
display:table-row;
background-color:fff;
float:left;
clear:both;
width:100%;
}	
.CS_Layout_TD img[src$=".jpg"]{
	margin-left:2px;
	margin-right:1px;
	display:block;
	max-width:360px;
	}	

.CS_Layout_TD img[src$=".JPG"]{
	margin-left:2px;
	margin-right:1px;
	display:block;
	max-width:360px;
	}		

/***************************************************************************
 * tabs
*****************************************************************************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
	.tabberlive .tabbertabhide {
	 display:block;
	}
	/*--------------------------------------------------
	  .tabber = before the tabber interface is set up
	  .tabberlive = after the tabber interface is set up
	  --------------------------------------------------*/
	.tabber { 
	}
	.tabberlive {
	 margin-top:1em;
	}

	/*--------------------------------------------------
	  ul.tabbernav = the tab navigation list
	  li.tabberactive = the active tab
	  --------------------------------------------------*/
	ul.tabbernav
	{
	 margin:0;
	 padding: 3px 0;
	 border-bottom: 1px solid #778;
	 font: bold 12px Verdana, sans-serif;
	 
	}

	ul.tabbernav li
	{
	 list-style: none;
	 margin:0px 2px 0px 2px;
	 
	 display: none;
	 /*----Add these to production----------*/
	 line-height: normal !important;
	 white-space:nowrap;
	}


	ul.tabbernav li a{
	 padding: 3px 0.5em;
	 margin-left: 3px;
	 border: 1px solid #778;
	 border-bottom: none;
	 background: #ccc;
	 text-decoration: none;
	/*----Add these to production----------*/
	border-top-left-radius:.5em;
	border-top-right-radius:.5em;
	  
	}

	ul.tabbernav li a:link { color: #000; }
	ul.tabbernav li a:visited { color: #ccc; }

	ul.tabbernav li a:hover
	{
	 color: #fff;
	 background: #be0f34;
	 border-color: #227;
	}

	ul.tabbernav li.tabberactive a
	{
	 color: #000;
	 background-color: #fff;
	 border-bottom: 1px solid #fff;
	}

	ul.tabbernav li.tabberactive a:hover
	{
	 color: #000;
	 background: white;
	 border-bottom: 1px solid white;
	}

	/*--------------------------------------------------
	  .tabbertab = the tab content
	  Add style only after the tabber interface is set up (.tabberlive)
	  --------------------------------------------------*/
	.tabberlive .tabbertab {
	 padding:5px;
	 border:1px solid #aaa;
	 border-top:1;
	 background-color:#fff;
	 margin-bottom:15px;

	 /* If you don't want the tab size changing whenever a tab is changed
		you can set a fixed height */

	 /* height:200px; */

	 /* If you set a fix height set overflow to auto and you will get a
		scrollbar when necessary */

	 /* overflow:auto; */
	}
	.tabberlive .tabbertab p {
		margin-top:5px;
		margin-right:5px;
		margin-bottom: 5px;
		margin-left:5px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size:.8em; 
		line-height: 1.5em;
	}
	/* If desired, hide the heading since a heading is provided by the tab */
	.tabberlive .tabbertab h2 {
	 display:block !important;
	 visibility:visible;
	}
	.tabberlive .tabbertab h3 {
	 
	}

	/* Example of using an ID to set different styles for the tabs on the page */
	.tabberlive#tab1 {
	}
	.tabberlive#tab2 {
	}
	.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
	}

	.tabbertab td{
		border:3px solid #fff !important;
		background-color: #F5F5F5 !important;
		
	}
	
	.tabbertab th{
		
		background-color: #BE0F34 !important;
				
	}

	.tabbertab table{
		border-top:1px solid #ccc;
		border-right: 0;
		border-bottom:1px solid #ccc;
		border-left: 0;
		box-shadow: none;
		margin-left:0px;
		margin-right:0px;
		
	}	

	/*hidden or displayed  element */
	.homePageNewsTicker{
	display:none !important;
	}

	.homePageBanners{
	display:none !important;
	
	}

#toolContainerMobile {
display:block !important;
}	

.mobileToggle3 {
display:none;
}
	
#breadCrumbs {
display:none !important;
}


.flickr {
display:none !important;
}
	
.roundedCornerBox {
    background-color: #F0F0F0;
    border-radius: 11px 11px 11px 11px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    margin-bottom: 19px;
    padding: 10px 10px 10px 10px !important; 
}	
	
	iframe {
width:100% !important;
max-width:100% !important;
}	
	
	
}