@charset "utf-8";
/* 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%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:3;
	dw-num-cols-tablet:6;
	dw-num-cols-desktop:8;
	dw-gutter-percentage:15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout:480px and below. */

body { background:#f2cfa0/*faf7f2*/; }
#full-screen-background-image { display:none; }
.gridContainer { width:100%; min-width:273px; background:#663014/*f2cfa0/faf7f2*/; padding:0; margin:0; overflow-y:hidden; }

.nav, #secnav, #subnav li a .txt/*, #subnav*/ { display:none; }

#mid, #content { -moz-box-shadow:0 0 6px black; -webkit-box-shadow:0 0 6px black; box-shadow:0 0 6px black; }

.bull { display:inline; } /*.bull2 { display:none; } .brk { display:block; }*/ .bull2, .brk { display:inline; }

@media only screen and (min-width:601px) {
	#mid article img.landing { width:320px; height:149px; margin-bottom:15px; border-right:1px solid #a6783c; }
	#mid article .two { float:left; width:45%; padding:0 0 10px 15px; }
	#mid article ul.files, #mid article ul.files-ext { float:left; width:50%; padding-bottom:10px; } 
}

/* Tablet Layout:768px. Inherits styles from:Mobile Layout. */

@media only screen and (min-width:520px) {
  .brk-2, .bull-2 { display:inline; }
}

@media only screen and (min-width:560px) {
	#top { height:163px; }
  header { height:124px; }
  header .logo { width:300px; height:98px; }
  #mobnav { top:129px; }
  #subnav { top:113px; }
}

@media only screen and (min-width:630px) {
  #connect, #association { display:inline-block; margin:0; }
  #association { margin-left:30px; }
  .brk-1, .bull-1 { display:inline; }
}

@media only screen and (min-width:768px) {
	body { background:#001a00; }
	#full-screen-background-image { display:block; }
	.gridContainer {
		width:768px; margin:auto;
		border-bottom:5px solid #99471f;
		-moz-box-shadow:0 0 10px 2px black; -webkit-box-shadow:0 0 10px 2px black; box-shadow:0 0 10px 2px black;
	}
	
	#skipnav a, #skipnav a:hover, #skipnav a:visited { width:253px; margin-left:7px; }
	
	#top { height:163px/*150px*/; }
	header { height:134px; text-align:left; }
	header .logo { float:left; margin:18px 0 18px 9px; }
	.nav { top:139px; height:23px; }
	.nav, .secnav/*, #subnav*/ { display:block; } #mobnav { display:none; }
	#sections { display:hidden; }
	.nav li > a { letter-spacing:1px; }
	.nav li.ltl { margin-right:8px; }
	.nav li.ltl > a, .nav ul a { padding:4px 10px 3px 10px; }
	.nav li.rtl > a { padding:4px 11px 3px 11px; }

	#subnav { top:-17px; right:-6px; padding:5px 0 5px 0; }
	#subnav li a .txt { display:inline; }
	a.mediacenter, a.faqs, a.contactus, a.search { margin-right:10px; }
	#subnav li a.mediacenter, #subnav li a.faqs, #subnav li a.contactus, #subnav li a.search {
		padding:5px 11px 5px 11px; }
	#subnav li a.search { margin-right:6px; } #subnav li a.social { display:none; }
	#subnav li i { font-size:14px; margin-right:2px; }
	#subnav .dropdown_1, #subnav .dropdown_2 { margin-top:7px }
	
	.share { display:block; } .at-icon-wrapper { position:relative; top:4px; }

	#mid article h2.drop { cursor:auto; }
	
	#btm { border-bottom:0; }
	#btm .disclaimer span { display:inline-block; }
  .brk-3, .bull-3 { display:inline; }
}

/* Desktop Layout:769px to a max of 1024px.  Inherits styles from:Mobile Layout and Tablet Layout. */

@media only screen and (min-width:1024px) {
	.gridContainer { width:1024px; background:#663014; }
	header .logo { margin-left:11px; }

	.nav li > a { letter-spacing:2px; }
	.nav li.ltl { margin-right:28px; }
	.nav li.ltl > a, .nav ul a { padding:4px 16px 3px 16px; }
	.nav ul a { letter-spacing:1px; }
	.nav li.rtl > a { padding:4px 16px 3px 16px; }

  #subnav { right:0; }
  .secnav { right:19px; }
	
	#mid, #content { width:768px; float:left; }
	#rtcol { display:block; }
}