/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}




#footer {
	clear: none;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}





/*
/*

    Dreamweaver Fluid Grid Properties

    ----------------------------------

    dw-num-cols-mobile:     X 4;

    dw-num-cols-tablet:        8;

    dw-num-cols-desktop:    12;

    dw-gutter-percentage:    25;

=====================================
*/

/* Mobile Layout: 480px and below. */
@media screen and (max-width: 480px) {
.hide-on-mobile {
	display:none;	
}

.HbkNav #break, #browseMobile, #mobileMenu, .rmm, #content, #contact, #agMain, #agMainCol1, #agMainCol2, #agMainCol3, 
 #takeActionWrap,  #agLogo, #missionWrap, #mission,  #header, #headerWrap, #pg, .50Left, .50Right, #pg, .Three-Fourths, .Half {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#agLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color:#e8e6da;

}
#sideBar, #sideLinks, #top, #search {
	display:none;

}


.visitInfo input {
	width:90%;	
}
}



@media only screen and (min-width: 481px) and (max-width: 819px) {
	.hide-on-tablet {
		display:none;	
	}

#sideBar, #sideLinks, #top {
	display:none;

}
#content p {
	width:95%;	
}
#pg {
	width:100%;	
}

#takeAction a {
	background-color:#0a2234;
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
}
#takeActionWrap {
	background-color:#0a2234;
	clear: none;
	float: left;
	margin: 0;
	width: 100%;
	height: 255px;
	display: block;
	padding-bottom:10px;
}
}
/* Tablet Layout: 481px to 819px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 819px) {

.gridContainer {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: auto;
	background-color:#e8e6da;
}
#sideBar {
	display:none;	
}
.visitInfo input {
	width:75%;	
}

#content {
	width:100%;	
}
}

@media print {
		
	#content {	
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
/* Desktop Layout: 820px to a max of 960px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 820px) {

.gridContainer {
	width: 100%;
	max-width: 960px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	background-color:#e8e6da;
	clear:both;
}
	
.Three-Fourths {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 75%;
	display: block; }
.Two-Thirds {
	clear: none;
	float: left;
	margin-left: 0;
	width: 66%;
}
.Half {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block; }
.Fourth {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 25%;}
.Third {
	clear: none;
	float: left;
	margin-left: 0;
	width: 32.6007%;
}
.First {
	clear: both;
}
.visitInfo input {
	width:100%;	
}
.hide-on-desktop {
	display:none;	
}

#sideBar, #sideBar2 {
	display:normal;	
	background-color:#e8e6da;
}

#mission {
	width:auto;	
}
	#takeAction P {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;
	display: block;
	padding: 0px;
	margin:0px;
	}
.Col1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 32.6007%;
	display: block;
}

.Col2 {
	clear: none;
	float: left;
	margin-left: 1.09895%;
	width: 32.6007%;
	display: block;
}
.Col3 {
	clear: none;
	float: left;
	margin-left: 1.09895%;
	width: 32.6007%;
	display: block;
}

#agMainRow1, #agMainRow2, #agMainRow3, {clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;}
	

#agLogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;

}
.contact {
	clear: none;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
}
#contact {
	clear: none;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
}

.HbkNav {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;

}

#content {
	clear: none;
	float: right;
	margin-left: 0%;
	width: 75%;
	display: block;

}
#publication {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;


}

#sideBar {
	clear: both;
	float: left;
	margin-left: 0;
	width: 25%;
	height:auto;
	display: block;
	background-color:#e8e6da;

}
#sideLinks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#agMain, #takeAction, #menuWrap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	z-index:100;
 	
}
#agLogoHead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Search {
	clear: none;
	float: left;
	margin-left: 0;
	width: 40%;
	display: block;
 }
#searchWrap {
	clear: none;
	float: left;
	margin-left: 0;
	width: 30.0%;
	display: block;
}
 #sliderWrap {
	clear: none;
	float: left;
	margin-left: 0;
	width:100.00%;
	display: block;
 }
}

@media print {
		
	#content {	
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}
@media only screen and (max-width: 819px) {
	.hide-on-desktop {
		display: block;	
	}
	.Half {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

}