body {
	  width: 100%;
	  max-width: 1700px; /* YOUR BG MAX SIZE */
	 background:url("../images/AWG-background.jpg") no-repeat;
	  /*#376C78; //rust color: #4892A2;*/
	  background-size: 100%;
	  background-attachment: fixed;
	  font-family: "Trebuchet MS";
	  height: 100%;
	  margin: 0;
	  padding: 0;
	  color:white;
	  background-color: black;
	}
	


header{
	width: 100%;
	height: 200px;
}

.logo{
	float:left;
	width: 40%;
	/*width: 410px;
	height: 132px;*/
}
.logo a img{
	border: 0;
	outline: none;
}
.righttop{
	float:right;
	text-align:center;
	width: 400px;
	padding-right: 2%;
}

.toplinks, .toplinks a:link, .toplinks a:visited{
	/*add drop shadows */
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 5px #333;
	
}
#topbuttons{
	padding: 20px 100px 10px 10px;
}
#topbuttons img{
	 box-shadow: 4px 3px 10px #888888;
}
#donate{
	position: fixed;
	z-index: +100;
}
#becomemember{
	position:fixed;
	margin-top: 20px;
	z-index: +100;
}
nav{
	width: 100%;
	height: 30px;
	color: white;
	top: 175px;
	position: absolute;
	font-weight: bold;
	font-family: "Times New Roman";
	font-size: 1.1em;
	background-color: #4892A2;
	box-shadow: 4px 3px 10px #333;
	padding: 5px 10px 0px 10px;
}

div#bodycontent{
	position:relative;
	width: 90%;
	background-color: #376C78;
	opacity: 0.8;
	margin: 1.5em auto;
	color: white;
	padding: .5em;
	font-family: Arial;
	overflow:auto;
	height: 100%;
}
#bodycontainer{
	position:relative;
}

#contenthomewrapper{
	padding-top: 20px;
	margin:auto;
	width:95%;

}

#homeleftdiv{
	width: 400px;
	float:left;
	margin-right: 20px;
}

#homerightdiv{
	width: 600px;
	float:right;
	margin-right: 20px;
}

p.clear{
	clear:both;
}
h1{
	font-family: "Trebuchet MS";
	font-size: 2.5em;
	text-shadow: 2px 2px 5px #333;
	color: #F8BF33;
}

h2{
	font-family: "Trebuchet MS";
	font-size: 1.8em;
	text-shadow: 2px 2px 5px #333;
	color: #D8F5EF;
	margin-bottom: -5px;
}

h3{
	font-family: "Trebuchet MS";
}

h4{
	font-family: "Trebuchet MS";
	font-size: 1.5em;
	text-shadow: 2px 2px 5px #333;
	color: #F8BF33;
}

p{
	
	font-family: "Trebuchet MS";
}

p.joblisting, a.joblisting{
	color: black;

}

#bodycontent  a:visited, #bodycontent  a:link{
	color: white;
}
p#accordian {
	color:black;
}

.searchsidebox{
	float:right;
	width: 28%;
	margin: .5em;
	padding: 1em ; /*10px;*/
	background: rgb(239, 239, 239); /* Fall-back for browsers that don't support rgba */
    background: rgba(239, 239, 239, .5);
}
.listarticlesprevious{
	position:relative;
	width: 28%;
	float:right;
	min-height: 260px;
}
.articlevertbox{
	float:left;
	width: 400px;
	padding: 30px;
}
.listarticlesbycat{
	float:left;
	text-align:left;
	width: 450px;
	margin-right: 20px;
}
.blogthumbnail{
	float: left;
	padding: 0 5px 10px 5px;
	margin-top: 20px;
	max-width: 100px;
}


footer{
	background-color: #B3E2D8;
	height: 67px;
	bottom: 0;
	position:relative;
	width: 100%;
	color: #053033;
	font-size: .7em;
	font-family: "Trebuchet MS";
	clear:both;
}
footer p{
	color: #053033;
}
#footerleft a:link{
	color: #28777C !important;
}
#footerleft{
	float: left;
	width: 55%;
	margin: 5px 10px 2px 10px;
}
#footerleft a:visited{
	color: #053033;
}

#footerright{
	float:right;
	text-align: right;
	width: 40%;
	text-align: right;
	margin: 0px 10px 2px 0px;
	color: #053033;
}
/* for chapters page, showing chapter information */
#SanFran, #Northwest, #Sierra{
	display: none;
	float: left;
}




@media all and (max-width: 700px){
	body {
	  width: 100%;
	  background-color: #902200;
	  background-image:none;
	  height: 100%;
	  margin: 0;
	  padding: 0;
	}
	
	nav {
		width: 110%;
		height: 80px;
		color: white;
		top: 175px;
		position: absolute;
		font-weight: bold;
		font-family: "Times New Roman";
		font-size: 1.1em;
		background-color: #4892A2; /* teal*/
		box-shadow: 4px 3px 10px #333;
		padding: 5px 10px 0px 10px;
	}
	div#bodycontent{
		position:relative;
		width: 110%;
		background-color: #376C78;
		margin: 2em auto;
		color: white;
		padding: .5em;
		font-family: Arial;
		overflow:auto;
		height: 100%;
	}
	
	#topbuttons{
		/*padding: 20px 100px 10px 10px;*/
		bottom: 0px;
	}
	#topbuttons img{
		 /*box-shadow: 4px 3px 10px #888888;*/
		 bottom: 0px;
	}
	
	#donate{
		position: fixed;
		z-index: +100;
		margin-top: 20px;
		width: 120px;
		bottom: 0px;
		right: 20px;
	}
	#becomemember{
		position:fixed;
		margin-top: 20px;
		z-index: +100;
		width: 100px;
		bottom: 0px;
		right: 150px;
	}
	
	#homeleftdiv{
	width: 400px;
	float:left;
	 margin-right: 20px;
	}

	#homerightdiv{
		width: 400px;
		float:left;
		 margin-right: 20px;
	}
	
	footer{
	background-color: #B3E2D8;
	height: 157px;
	bottom: 0;
	position:relative;
	width: 110%;
	color: #053033;
	font-size: .7em;
	font-family: "Trebuchet MS";
}
}


/*For Members Only Area */
.membertop{
	/*top area above the navigation*/
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: .9em;
	margin: 15px 5px 30px 5px;
	width: 35%;
	float: right;
}


.tabledefault{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.1em;
	margin: .625em;
	padding: 1.25em;
	
	border: 1px solid black;
	/*border-bottom: 0;*/
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.tableblank{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
}
.submitbutton{
	background-color: #dddddd;
	
}
.lefttable{
	text-align:right;
}


/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1.6%;*/
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 64.1%;
}
.span_1_of_3 {
	width: 30.2%;
}

@media only screen and (max-device-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}