/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S    */
/*  State of Delaware - CLF 2012 - May 2012  */




/*  A G E N C Y    L O G O S   */

/* Logo calls. The Great Seal is the default State Agency image. Each of the images
below can be replaced with a version of the Agency logo. Sizing should remain "as is."
E.g., for the footer, logos may appear "really small." This is correct. You have 
Photoshop templates for each of these items. */


#ftr1 .logo_agency {
	background-repeat:	no-repeat;
	border:				0px solid red;
}


	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#ftr1 .logo_agency {
		background:				url('/usr/img/CLF_ftr_logo_corp_small.png');
		max-width:				34px;
		height:					34px;
		margin-left:			-10px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#ftr1 .logo_agency {
		background:				url('/usr/img/CLF_ftr_logo_corp_small.png');
		max-width:				34px;
		height:					34px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#ftr1 .logo_agency {
		background:				url('/usr/img/CLF_ftr_logo_corp_small.png');
		max-width:				34px;
		height:					34px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#ftr1 .logo_agency {
		background:				url('/usr/img/CLF_ftr_logo_corp_small.png');
		max-width:				34px;
		height:					34px;	
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#ftr1 .logo_agency {
		background:				url('/usr/img/CLF_ftr_logo_corp_large.png');
		max-width:				42px;
		height:					42px;	
		}}



/*  C O N T E N T   A R E A   C U S T O M   B A C K G R O U N D  */

/* User content area - graphical background style controls */
/* Uncomment styles to activate. Replace green-background png files with your files.
As coded, the background assumes it stretches from left to right in the content area,
then repeats from top to bottom. You can edit the repeat behavior to suit your graphic.
Note that the 'overflow: auto' line should remain to prevent box model problems. You have
basic Photoshop templates for each of these items. */

#mcaw1 {
	padding-top:			0px;
}
	
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcaw1 {
				
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcaw1 {

		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcaw1 {

		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcaw1 {

	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcaw1 {

		}}




/*  N A V   S I D E B A R   B A D G E S   */
/* Controls for the two badges that can appear in the navigation bar. In most
cases, simply leaving these styles alone is OK. You will use the badge template
.PSDs and badge naming conventions. You will also add or remove badge code from
the nav bar .shtml file. This means you will never need to edit the items below.
But, they're here, in case you need to make an edit. You have Photoshop templates
for each of these items. */

#nav_badges .badge1 {
	background-repeat:	no-repeat;
	border:				1px solid #646464;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#nav_badges .badge1 {
		background:				url('/usr/img/CLF_badge1_large.png');
		width:					272px;
		height:					160px;			
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#nav_badges .badge1 {
		background:				url('/usr/img/CLF_badge1_large.png');
		width:					272px;
		height:					160px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#nav_badges .badge1 {
		background:				url('/usr/img/CLF_badge1_large.png');
		width:					272px;
		height:					160px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#nav_badges .badge1 {
		background:				url('/usr/img/CLF_badge1_small.png');
		width:					144px;
		height:					80px;	
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#nav_badges .badge1 {
		background:				url('/usr/img/CLF_badge1_medium.png');
		width:					192px;
		height:					112px;	
		}}
		

#nav_badges .badge2 {
	background-repeat:	no-repeat;
	border:				1px solid #646464;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#nav_badges .badge2 {
		background:				url('/usr/img/CLF_badge2_large.png');
		width:					272px;
		height:					160px;	
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#nav_badges .badge2 {
		background:				url('/usr/img/CLF_badge2_large.png');
		width:					272px;
		height:					160px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#nav_badges .badge2 {
		background:				url('/usr/img/CLF_badge2_large.png');
		width:					272px;
		height:					160px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#nav_badges .badge2 {
		background:				url('/usr/img/CLF_badge2_small.png');
		width:					144px;
		height:					80px;	
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#nav_badges .badge2 {
		background:				url('/usr/img/CLF_badge2_medium.png');
		width:					192px;
		height:					112px;	
		}}




/*  C U S T O M   H E A D E R   I M A G E   */

/*  Uncomment items in this section if you want to use a custom header image. 
(By default, the header image pulls from Delaware.gov, not from the local
folder.) You have Photoshop templates for each of these items. NOTE that you
should use the template to create the source images. This is to get the best
image-to-K .JPG compression and also to incorporate the top and side shadows,
which are too complex to be layered over a raw image by CSS. */

/* WANT NO HEADER IMAGE? (Showing the slimline bar only?) Leave this code alone.
Instead, see the headerImage.shtml file. */


#hgp1 .headerPhoto {
    background-repeat:	no-repeat;
    border:				0px;
} 

    /* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
		#hgp1 .headerPhoto {
		background:				url('/usr/img/CLF_headerphoto_gic_small.jpg');
		width:				    729px;
		height:                 99px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
		#hgp1 .headerPhoto {
	    background:				url('/usr/img/CLF_headerphoto_gic_big.jpg');
		width:				    972px;
		height:                 132px;
		}}






/* Sitewide Custom Styles */

/* BEGIN SLIDESHOW SIZE B DO NOT CHANGE UNLESS INSTRUCTED TO DO SO */
.camera_wrap {
	display: none;
	position: relative;
	z-index: 1000;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.camera_wrap {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.camera_wrap {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.camera_wrap {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.camera_wrap {
		width: 70%;
		float:left;
        }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.camera_wrap {
		width: 60%;
		float:left;
		}}
/* END SLIDESHOW SIZE B DO NOT CHANGE UNLESS INSTRUCTED TO DO SO */



/* MOBILE NAV MENU BKG */
#nav_open_button1, #nav_open_button2, #nav_close_button1, #nav_close_button2 {
	background-image:			url('/usr/img/CLF_menu_bkg_corp.jpg');
	background-position:		top left;
	background-repeat:			repeat-x;
	position:relative;
	z-index: 9999;
	}
	
    /* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) {
	#nav_open_button1, #nav_open_button2, #nav_close_button1, #nav_close_button2 {
		background-image:   none;
		}}


#mcaw1_full {
	padding-top:			0px;
}
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcaw1_full {
		
		
				
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcaw1_full {
		
		
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcaw1_full {
		
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcaw1_full {
	   	
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcaw1_full {
		
		}}


#mcaw2_full {
	padding-top:			0px;
}
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcaw2_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcaw2_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcaw2_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcaw2_full {
		/* 
		background:             url('/private/CLF30/img/CLF_back_mcaw2_U9.png');
		background-repeat:      repeat-y;
	    background-position: 	161px 0px;
	    overflow:				auto;
 */
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcaw2_full {
		/* 
		background:             url('/private/CLF30/img/CLF_back_mcaw2_U12.png');
		background-repeat:      repeat-y;
		overflow:				auto;
		background-position: 	215px 0px;
 */
		}}
	


#mcaw3_full {
	padding-top:			0px;
}
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcaw3_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcaw3_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcaw3_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcaw3_full {
	
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens*/ 
	@media screen and (min-width:996px) {
	#mcaw3_full {
		
		}}
	

#mcaw4_full {
	padding-top:			0px;
	/* 
	background:             url('/private/CLF30/img/CLF_sidebar_rule_U12.png');
	background-repeat:      repeat-y;
 */
    }
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcaw4_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcaw4_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcaw4_full {
	    background-color:		#FFFFFF;
	    background:				none;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcaw4_full {
	    background-position: 	161px 0px;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcaw4_full {
		background-position: 	215px 0px;
		}}


/* HOMEPAGE NAV BAR STYLE-Template B */
#main_nav { text-align: center; }

    /* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#main_nav {
		display:none;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#main_nav {
		display:none;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#main_nav {
		display:none;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) {
	#main_nav {
		background-image:url('/usr/img/corp_main_nav.jpg');
		width:						729px;
		height:						46px;
		display:                    inline-block;
		z-index:1000;
		position:relative;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#main_nav {
		background-image:url('/usr/img/corp_main_nav.jpg');
		width:						972px;
		height:						50px;
		display:                    inline-block;
		z-index:1000;
		position:relative;
		}}


#main_nav ul { 
		padding-top:20px;
	}

#main_nav ul li { 
		display: inline;
		font-family: 'Lato', sans-serif;
		font-weight: 400;
		color: #FFFFFF;
		padding-top: 30px;
	}

	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) {
	#main_nav ul li {
		font-size: 0.8em;
		padding: 13px; 0px; 0px; 0px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#main_nav ul li {
		font-size: 1.0em;
		padding: 20px;

		}}

	#main_nav a, a:link, a:active, a:visited {
		color: #FFFFFF;
		text-decoration: none;
		}

	#main_nav a:hover {
    	text-decoration: underline;
    	color: #FFFFFF;
    	}	



/*  CONTENT AREA USER HOMEPAGE FULL WIDTH */

#mcauser1_full {}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcauser1_full {
		width:					100%;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcauser1_full {
		width:					100%;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcauser1_full {
		width:					100%;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcauser1_full {
		float:					right;
	    width:                  728px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcauser1_full {
		float:					right;
		width:					972px;
		}}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcauser_hdr1_full {
		margin-left:			11px;
		margin-right:			11px;
		margin-top:				0px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcauser_hdr1_full {
		margin-left:			11px;
		margin-right:			11px;

		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcauser_hdr1_full {
		margin-left:			11px;
		margin-right:			11px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcauser_hdr1_full {
		width:              728px;
		margin-left:        18px;
		margin-top:			-23px;
	
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcauser_hdr1_full {
		width:				972px;
		margin-left:        24px;
		margin-top:			-35px;
		}}

/* Wrappers for main content area user content, below full-width in-article header (mcauuser_cont) */
/* This is the true content area. User content is placed in here */
#mcauser_cont1_full {
	/* specify width and overflow hidden to prevent wide content from
	blowing up the CLF left-to-right */
	overflow:			hidden;
	border:				0px solid green;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcauser_cont1_full {
		margin-left:			11px;
		margin-right:			11px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcauser_cont1_full {
		margin-left:			11px;
		margin-right:			11px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcauser_cont1_full {
		margin-left:			11px;
		margin-right:			11px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcauser_cont1_full {
		width:              728px;
		margin-left:        18px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcauser_cont1_full {
		width:				972px;
		margin-left:        24px;
		}}



/*  NAV STYLES ONLY FOR HOMEPAGE FULL WIDTH */

/* Wrappers for nav (mcanav) */
#mcanav1_full {
	border:				0px solid green;
	background:			#FFFFFF;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcanav1_full {
	    width:				100%;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcanav1_full {
	    width:				100%;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcanav1_full {
	    width:				100%;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcanav1_full {
	    display:none;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcanav1_full {
		display:none;
		}}
	
#mcanav2_full {
	border:				0px solid red;
	overflow:           hidden;
	}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#mcanav2_full {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#mcanav2_full {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#mcanav2_full {
		margin-left:		0px;
        margin-right:		0px;
        }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#mcanav2_full {
		display:none;
        }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#mcanav2_full {
		display:none;
		}}




/* URGENT NEWS STATEMENT AT THE TOP OF EVERY PADGE  (CONTROLLED BY THE CLF_corp_urgent.html INCLUDE FILE */  
#corp_urgent {
		padding: 10px;
		margin: 0 0 -10px;
		text-align: center;
		color: #ffffff;
		background-color: #fcad03;
}



#CLF_ON section .learn_more a, #CLF_ON section .learn_more a:link, #CLF_ON section .learn_more a:visited {
    display: inline-block;
    padding: 6px 12px;
    line-height: 1em;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;	
    border-radius: 20px;
    behavior: url('/CLF2012/css/pie/PIE.htc');
    position: relative;
    cursor: pointer;
    font-weight: 100;
}
#CLF_ON section .learn_more a:hover { background-color: #111; color: #fff; }
#CLF_ON section .learn_more a:active { top: 1px; }

#CLF_ON section .learn_more a span, #CLF_ON section .learn_more:visited a span {
    
}

	/* Button Sizes */

#CLF_ON section .at_medium.learn_more a, #CLF_ON section .at_medium.learn_more a:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
#CLF_ON section .at_large.learn_more a, #CLF_ON section .at_large.learn_more a:visited { font-size: 14px; padding: 8px 16px; }

	/* Button Colors */

#CLF_ON section .learn_more.at_viewall a, #CLF_ON section .learn_more.at_viewall a:visited { background-color: #02549d; }
#CLF_ON section .learn_more.at_viewall a:hover { background-color: #9C0813; }

	/* Button Pill */

#CLF_ON section .at_pill.learn_more a { border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; behavior: url('/CLF2012/css/pie/PIE.htc');	}




/* NEWS CONTAINER ON THE HOMEPAGE */   
	#logo_area { color:#02549d; text-align:center; }


	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#logo_area {
		display:none;
        }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#logo_area {
		display:none;
        }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#logo_area {
		display:none;
        }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#logo_area {
		float:					right;
		width:					218px;
		height:					255px;
		margin:					0px 0px 0 0px;
		background:             url('/usr/img/corp_logobox_sm.jpg');
		background-repeat:      repeat-y;
        }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#logo_area {
		float:					right;
		width:					388px;
		height:					292px;
		margin:					0px 0px 0px	0px;
		background:             url('/usr/img/corp_logobox_bg.jpg');
		background-repeat:      repeat-y;
		}}


#logo_area H2 {
		font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 100;
	}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#logo_area H2 {
		font-family: 		'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 		100;
		font-size:      	1.4em;
		line-height:    	1.0em;
		margin-top:			10px;
		margin-bottom:      0.6em;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#logo_area H2 {
		font-family: 		'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 		100;
		font-size:      	1.4em;
		line-height:    	1.0em;
		margin-top:			10px;
		margin-bottom:      0.6em;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#logo_area H2 {
		font-family: 		'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 		100;
		font-size:      	1.4em;
		line-height:    	1.0em;
		margin-top:			10px;
		margin-bottom:      0.6em;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#logo_area H2 {
		font-family: 		'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 		100;
		font-size:      	1.5em;
		line-height:    	1.0em;
		margin-top:			10px;
		margin-bottom:      0.6em;
		}}
		
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#logo_area H2 {
		font-family: 		'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
		font-weight: 		100;
		font-size:      	1.8em;
		line-height:    	1.0em;
		margin-top:			10px;
		margin-bottom:      0.6em;
		}}

/* A Link Color and Style for the Corp Website */
#logo_area a, #logo_area a:link, #logo_area a:active, #logo_area a:visited {
	text-decoration:	none;
	color:				#02549d;
	}

#logo_area a:hover {
    text-decoration:    none;
    color:				#9C0813;
    }

/* LAYOUT DIVS (ADDED BY MATT C.) */

.table-wrap {
        width:100%;
     }
    .table-wrap div {
        margin:0;
    }
    .row-wrap {
        clear:both;
    }
    .left-td {
        float:left;
        width:40%;
        padding:2%;
    }
    .right-td {
        float:right;
        width:42%;
        padding:2%;
     }
    .clear {clear:both;}



/* FOR THE INTERIOR PAGES 2 COLUMN LAYOUT */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.left-td-2col {
	    max-width:100%;
        padding:2%;
    	position: relative;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.left-td-2col {
	    max-width:100%;
        padding:2%;
    	position: relative;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.left-td-2col {
	    float:left;
        width:40%;
        padding:1%;
    	position: relative;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.left-td-2col {
	    float:left;
        width:40%;
        padding:1%;
    	position: relative;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.left-td-2col {
		float:left;
        width:40%;
        padding:1%;
    	position: relative;
		}}




/* FOR THE INTERIOR PAGES 3 COLUMN LAYOUT */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.left-td-3col {
	    max-width:100%;
        padding:2%;
    	position: relative;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.left-td-3col {
	    max-width:100%;
        padding:2%;
    	position: relative;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.left-td-3col {
	    float:left;
        width:30%;
        padding:1%;
    	position: relative;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.left-td-3col {
	    float:left;
        width:30%;
        padding:1%;
    	position: relative;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.left-td-3col {
		float:left;
        width:30%;
        padding:1%;
    	position: relative;
		}}




/* FOIA HEADER TOP FORM CONTAINER DIV */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.form_top {
		padding-left:30px;
		padding-right:30px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.form_top {
		padding-left:50px;
		padding-right:50px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.form_top {
		padding-left:50px;
		padding-right:50px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.form_top {
		padding-left:100px;
		padding-right:100px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.form_top {
		padding-left:100px;
		padding-right:100px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
		}}



/* FOIA FORM CONTAINER DIV */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.f_form {
		padding-left:5px;
		padding-right:5px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.f_form {
		padding-left:50px;
		padding-right:50px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.f_form {
		padding-left:120px;
		padding-right:120px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.f_form {
		padding-left:175px;
		padding-right:175px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.f_form {
		padding-left:200px;
		padding-right:200px;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		top:30px;
		}}



/* INPUT widths */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.grid_input {
		width:158px;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.grid_input {
		width:250px;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.grid_input {
		width:250px;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.grid_input {
		width:250px;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.grid_input {
		width:340px;
		}}



/* VIDEO CONTAINER FOR YOUTUBE, VIMEO, ETC. (ADDED BY MATT C.) */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.weekly-message {
		position: relative;
   	 	padding-bottom: 56.25%;
   		padding-top: 30px; height: 0; overflow: hidden;
   }}

	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.weekly-message {
		position: relative;
   	 	padding-bottom: 56.25%;
   		padding-top: 30px; height: 0; overflow: hidden;
   }}

	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.weekly-message {
		position: relative;
   	 	padding-bottom: 56.25%;
   		padding-top: 30px; height: 0; overflow: hidden;
   }}

	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.weekly-message {
    	top: 0;
    	left: 0;
    	float: left;
    	margin-right: 10px;
	    }}

	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.weekly-message {
    top: 0;
    left: 0;
    float: left;
    margin-right: 10px;
	}}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.weekly-message iframe,
	.weekly-message object,
	.weekly-message embed {
	    position:absolute;
    	top: 0;
   		left: 0;
    	max-width: 100%;
    	max-height: 100%;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.weekly-message iframe,
	.weekly-message object,
	.weekly-message embed {
	    position:absolute;
    	top: 0;
   		left: 0;
    	max-width: 100%;
    	max-height: 100%;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.weekly-message iframe,
	.weekly-message object,
	.weekly-message embed {
    	position:absolute;
    	top: 0;
   		left: 0;
    	max-width: 100%;
    	max-height: 100%;
	    }}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.weekly-message iframe,
	.weekly-message object,
	.weekly-message embed {
    	top: 0;
    	left: 0;
    	width: 350px;
    	height: 197px;
	    }}

	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.weekly-message iframe,
	.weekly-message object,
	.weekly-message embed {
    top: 0;
    left: 0;
    width: 500px;
    height: 281px;
	}}




#corp_news {
	padding:				30px;
	border:					3px solid;
	border-color:			#808080;
	-moz-border-radius: 	8px; 
    -webkit-border-radius: 	8px;	
    border-radius: 			8px;
    behavior: url('/private/CLF30/css/pie/PIE.htc');
}
	
	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#corp_news {
		background:             url('/usr/img/corp_news_bkg.jpg');
		background-repeat:      repeat-y;
		width:					72%;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#corp_news {
		background:             url('/usr/img/corp_news_bkg.jpg');
		background-repeat:      repeat-y;
		width:					85%;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#corp_news {
		background:             url('/usr/img/corp_news_bkg.jpg');
		background-repeat:      repeat-y;
		width:					85%;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#corp_news {
	   	background:             url('/usr/img/corp_news_bkg.jpg');
		background-repeat:      repeat-y;
		width:					85%;
	    }}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#corp_news {
		background:             url('/usr/img/corp_news_bkg.jpg');
		background-repeat:      repeat-y;
		width:					85%;
		}}



/* FLAGS HALF-STAFF CONTAINER (ADDED BY MATT C.) */

iframe {
  max-width: 100%;
}



.rotate1 {
  -webkit-transform: rotate(0deg) translate3d( 0, 0, 0);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}

.rotate2 {
  -webkit-transform: rotate(-180deg) translate3d( 0, 0, 0);
     -moz-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}


/* OL and UL Text and Color Style */
#CLF_ON section ul, #CLF_ON section ol  {
    margin-top:         0em;
    margin-bottom:      0.5em;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#CLF_ON section ul, #CLF_ON section ol  {
		font-size:      	1.0em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#CLF_ON section ul, #CLF_ON section ol  {
		font-size:      	1.0em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#CLF_ON section ul, #CLF_ON section ol  {
		font-size:      	1.0em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#CLF_ON section ul, #CLF_ON section ol  {
		font-size:      	1.0em;
		line-height:    	1.6em;
		margin-bottom:      0.9em;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#CLF_ON section ul, #CLF_ON section ol  {
		font-size:      	1.0em;
		line-height:    	1.6em;
		margin-bottom:      1.0em;
		}}




/* LOCATIONS PAGES CONTAINER FOR GOOGLE MAP AND QR-CODE (ADDED BY MATT C.) */

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.map-on {
	    display:none;
	    }}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.map-on {
	    display:none;
	    }}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.map-off {
    	display:none;
	    }}


	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.map-off {
    	display:none;
	    }}

	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.map-off {
    	display:none;
	}}




/* Div Style for Related Information (Small Size Text) */
.realted {
    color:          	#222222;
    margin-top:         0em;
    margin-bottom:      0.5em;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.related {
		font-size:      	0.8em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.related {
		font-size:      	0.8em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.related {
		font-size:      	0.8em;
		line-height:    	1.5em;
		margin-bottom:      0.9em;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.related {
		font-size:      	0.8em;
		line-height:    	1.6em;
		margin-bottom:      0.9em;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.related {
		font-size:      	0.8em;
		line-height:    	1.6em;
		margin-bottom:      1.0em;
		}}




/* Small Paragraph style for long pages to scroll to the top of the page */
.pagetop {
	font-size: 0.8em;
    padding-right: 5px;
    text-decoration: none;
}




/* Quote block at the top of the Page on Accessibility Central page */
.quote {
	text-align: center;
}



/* Loading Icon for News Container Loading Spinner Image */
#loading1 {
	margin-left:auto;
	margin-right:auto;
	width:100px;
}


/* H1 Color for the Corp Website */
#CLF_ON section H1 { color: #02549d; }


/* A Link Color and Style for the Corp Website */
#CLF_ON section a, #CLF_ON section a:link, #CLF_ON section a:active, #CLF_ON section a:visited {
	text-decoration:	none;
	color:				#02549d;
	}

#CLF_ON section a:hover {
    text-decoration:    none;
    color:				#9C0813;
    }


/* Heading Titles on the Homepage */
.corp_titles { border:0; max-width:95%; }


/* Local Footer: Agency BKG Style */
#ftra1 {
	background-image:			url('/usr/img/CLF_menu_bkg_corp.jpg');
	background-position:		top left;
	background-repeat:			repeat-x;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	#ftra1 {
		padding-top:			0.8em;
		padding-bottom:			1.0em;
		padding-left:			11px;
		padding-right:			9px;
		font-size:				0.7em;			
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	#ftra1 {
		padding-top:			0.8em;
		padding-bottom:			1.0em;
		padding-left:			11px;
		padding-right:			11px;
		font-size:				0.8em;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	#ftra1 {
		padding-top:			0.8em;
		padding-bottom:			0.0em;
		padding-left:			8px;
		padding-right:			11px;
		font-size:				0.8em;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	#ftra1 {
		padding-top:			0.6em;
		padding-bottom:			0.6em;
		padding-left:			3px;
		padding-right:			9px;
		font-size:				0.8em;	
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	#ftra1 {
		padding-top:			0.8em;
		padding-bottom:			0.8em;
		padding-left:			12px;
		padding-right:			12px;
		font-size:				0.9em;
		line-height:			1.5em;
		}}
	



#ftra2 {}
#ftra3 {}
#ftra4 {}




	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.main_logo {
		display:none;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.main_logo {
		display:none;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.main_logo {
		display:none;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.main_logo {
		padding-top: 10px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.main_logo {
		padding-top: 20px;
		}}



.main_title_ipad {
	background-repeat:	no-repeat;
	position:			relative;
	border:				0px;
	
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.main_title_ipad {
		max-width:				100%;
		margin-bottom: 			-5px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.main_title_ipad {
		max-width:				100%;
		margin-bottom: 			-5px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.main_title_ipad {
		max-width:				100%;
		margin-bottom: 			-4px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.main_title_ipad {
		display: none;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.main_title_ipad {
		display: none;
		}}


/* H1 Circular Logo Image on Interior Pages Floats to Left of Page */
.h1_logo {
	width: 60px;
	float:left;
	margin-right:5px;
	border: 0px;
}




/* Image on Interior Pages Floats to Left of Page */
.interior_left {
	background-repeat:	no-repeat;
	position:			relative;
	float:				left;
	margin-right:		10px;
	margin-left:		10px;
	border: 0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.interior_left {
		max-width:				40%;
		/* display:             none; */
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.interior_left {
		max-width:				50%;
		/* display:             none; */
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.interior_left {
		max-width:				50%;
		/* display:             none; */
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.interior_left {
		width:					250px;
		height:					125px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.interior_left {
		width:					300px;
		height:					150px;	
		}}





/* Image on Interior Pages Centers in the Middle of the Page */
.interior_centered {
	background-repeat:	no-repeat;
	position:			relative;
	z-index:			0;
	border: 0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
 	.interior_centered {
		max-width:				75%;
		/* display:             none; */
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	 .interior_centered {
		max-width:				75%;
		/* display:             none; */
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	 .interior_centered {
		width:					400px;
		height:					346px;
		/* display:             none; */
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	 .interior_centered {
		width:					400px;
		height:					346px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	 .interior_centered {
		width:					400px;
		height:					346px;
		}}	



/* Image on Interior Pages Floats to Right of Page */
.interior_right {
	background-repeat:	no-repeat;
	position:			relative;
	float:				right;
	margin-right:		10px;
	margin-left:		10px;
	border: 0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.interior_right {
		max-width:				40%;
		/* display:             none; */
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.interior_right {
		max-width:				50%;
		/* display:             none; */
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.interior_right {
		max-width:				50%;
		/* display:             none; */
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.interior_right {
		width:					250px;
		height:					125px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.interior_right {
		width:					300px;
		height:					150px;	
		}}



/* Small Loading Icon for Auto-populated content like News */
.loading {
	height:			50px;
	width:			50px;
	margin-top: 	20px;
	margin-bottom: 	20px;
	padding-left: 	20px;
	padding-right: 	20px;
	border: 		0px;
}



/* Small Icons, i.e. PDF, RSS, etc. */
.icons {
	background-repeat:	no-repeat;
	float:				left;
	margin-right:		5px;
	border: 0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.icons {
		width:					30px;
		height:					30px;
		/* display:             none; */
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.icons {
		width:					30px;
		height:					30px;
		/* display:             none; */
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.icons {
		width:					30px;
		height:					30px;
		/* display:             none; */
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.icons {
		width:					30px;
		height:					30px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.icons {
		width:					30px;
		height:					30px;	
		}}
		a.addthis_button_compact.at300m {
width: 70%;
}

a.addthis_button_compact.at300m {
width: 75%;
}