/*  hide these rules from legacy browsers and mobile devices */

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #838383;
  color: #000;
  background-image: url('/images/agileNanoBG.jpg'); 
  background-repeat: repeat-x; 
  margin: 0; 
  padding: 0;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  font-size: 85%;
}
.wrapper {
  margin: 1% 5%;
  padding: 0;
  background-color: #ffffff;
}
h1 {
  color: #1b3d89; /*  Dark Blue */
  margin: 0;
  padding: .2em 2%;
}
h2 {
	color: #1b3d89; /*  Dark Blue */
  margin: .2em 0;
}
.main {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  /* border-top: 1px solid #838383;  */
  border-bottom: 1px solid #838383;
  color: #000;
  background: #ffffff;
  /* url(images/2col-bg3.png) 25% 0 repeat-y;  */
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}
.contentRt {
  width: 50%;
  float: right;
  margin: 0;
  font-size: 90%;
  padding: 0 2%;
  border-left: 1px solid #838383;
}
.contentLft {
  margin: 0;
  margin-right: 54%;
  padding: 0 1%;
  font-size: 90%;
  border-right: 1px solid #838383;
  
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.footer {
  background-color: #ffffff;  /* same bg color as h1 */
	background-image: url('/images/footerBG.gif'); 
  	background-repeat: repeat-x; 
  margin: 0;          /* flush with .main */
  padding: 0;
}


/*  ****************************** */

.navContainer {
	clear:both; 
	float:left; 
	width:100%; 
	overflow:hidden;
	/* border-top: 1px solid #838383;  */
	background-image: url('/images/navBG.gif'); 
  	background-repeat: repeat-x; 
  	padding: 0;
  	margin: 0;
  	font-size: 85%;
  }

#menu {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#menu li {
  float:left; 
  position:relative; 
  right:50%;
  margin: 0
  padding: 0;
  }
#menu a {
  width:auto;
  display:block;
  padding:0px 25px;
  color:#fff; 
  /* background:#707070;   */
  border-top:4px solid transparent; 
  text-decoration:none;
  }
#menu a:hover {
  color:#ffffff; 
  border-top:4px solid #ffffff;
  }

/*  ***************************************** */

.navFtrContainer {
	clear:both; 
	float:left; 
	width:100%; 
	overflow:hidden;
  	padding: 0;
  	margin: 0;
  	font-size: 85%;
  }

#menu2 {
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  float:left;
  position:relative; 
  left:50%;
  }
#menu2 li {
  float:left; 
  position:relative; 
  right:50%;
  margin: 0
  padding: 0;
  }
#menu2 a {
  width:auto;
  display:block;
  padding:0px 25px;
  color:#fff;
  /* background:#707070;   */
  border-top:4px solid transparent; 
  text-decoration:none;
  }
#menu2 a:hover {
  color:#ffffff; 
	text-decoration: underline;
	}







.nav {
  border-top: 1px solid #7d5500;
  font-size: 90%;
}
.nav ul {
  margin: .3em;
  padding: 0;
}
.nav li {
  list-style: none;
/*  display: inline; */
  float: left;
  padding: .5em 1em;
}
} /* end media rules */