@charset "UTF-8";
/* CSS Document */

 img, div, input { behavior: url("iepngfix.htc") }

 a {
	color:#f0490c;
}
 
 html {
	 	padding:0px;
		margin:0px;
		height:100%;
 }
 
 body {
	 margin:0px;
	 padding:0px;
	 background-color: #352010;
	 font-family:"Century Gothic", century gothic, san-serif;
	 font-size:12px;
	 
 }
 
 h1 {
	 	color:#f0490c;
		margin-top:0px;
		padding-top:0px;
		margin:0px;
		font-size:18px;
 }
 
 p {
	 padding-top:0px;
	 margin-top:0px;
 }
 
 .container {
		background-image:url(images/dirt_bg.jpg);
		background-repeat:repeat-x;
		position:relative;
		padding-top:40px;
	
}

.main {
		width:822px;
		position:relative;
		margin-left, margin-right:auto;
		min-height:800px;

}

.white-border {
		border:solid 2px white;
		
}
.home-top {
		height:362px;
		overflow:hidden;
		padding:0px;
		margin:0px;
		background-color:#1c6e87;
}

.home-top img {
		border:0px; margin:0px; padding:0px;
}
.home-banner {
		position:absolute;
		left:-88px;
		top:252px;
		z-index:23;
}

.home-nav {
		background-image:url(images/blue_bg.jpg);
		position:relative;
		left:0px;
		top:10px;		
		z-index:22;
		padding-top:40px;
		padding-bottom:10px;
		background-color:#1c6e87;
		font-size:0px;
		
}

img, a img {
	border:none;
	}

.home-nav-top img {
		padding-right:7px;
		padding-left:7px;
}

.home-nav-bottom img {
		padding-right:5px;
		padding-left:5px;
}

.home-nav-top a img , .home-nav-bottom a img {
		padding:0px;
}
.home-nav-bottom {
		padding-top:10px;
}


.banner {
		position:relative;
		left:-88px;
		top:-20px;
		z-index:23;
}
.main-nav {
		position:relative;
		left:88px;
		top:-34px;
		height:11px;
		overflow:auto;
}

.nav-left {
		font-size:0px;
		position:relative;
		left:20px;
		float:left;
		font-size:0px;
}

.nav-right {
		font-size:0px;
		position:relative;
		right:20px;
		float:right;
}

.content {
		background-image:url(images/blue_bg.jpg);
		position:relative;
		left:0px;
		top:-150px;		
		padding-top:80px;
		z-index:22;
		padding-bottom:10px;
		background-color:#1c6e87;
		
}

.left-side {
		background-color:white;
		width:502px;
		float:left;
		position:relative;
		left:20px;
		top:40px;
		text-align:left;
		min-height:500px;
}

.left-side a{
		color:#f0490c;
}

.right-side {
		background-color:white;
		width:260px;
		float:right;
		position:relative;
		right:20px;
		text-align:left;
		top:40px;
		min-height:500px;

}

.padding {
		padding:15px;
}

.blorg {

	border-bottom: thin dotted #333;
}
.paddingb {
		padding-bottom:15px;
}

.footer {
		position:relative;
		top:-130px;
		color:white;
		font-size:11px;
		line-height:1.6em;
}

.footer a:hover{
	color:#000;
}

.footer strong{
	color:#f0490c;
}

.home-footer {
		position:relative;
		top:20px;
		color:white;
		font-size:11px;
		line-height:1.6em;
}

.home-footer  a, .footer  a {
		text-decoration:none;
		color:white;
}
.bottom-of-blue-clear {
		clear:both;
		height:50px;
}

 /*  HERE IS THE PNG FIX STUFF  */
 
  #demoWrap {
   background-image: url(checkerboard.gif);
   border: 2px solid #999;
   padding: 20px;
   float: right;
  }

  #demoDiv {
   height: 200px;
   width: 200px;
   background: url(opacity.png);
   text-align: center;
  }

  #demoLink {
   background: url(opacity2.png) no-repeat;
   cursor: pointer;
   /*
    Here we apply the fix to just one element.
    You can do the same with CLASS selectors...
   */
   behavior: url("iepngfix.htc");
  }

  .opacity1, .opacity2 {
   height: 200px;
   width: 200px;
  }
  .opacity1 {
   background: url(opacity.png);
  }
  .opacity2 {
   background: url(opacity2.png);
  }

  .borderIt {
	  border:2px solid black;
  }

  .borderIt a{
	  border:2px solid black;
  }



#cross-faux {
/*	background-color:white; */
	float:left;
	position:relative;
	top:40px;
	left:20px;
	width:787px;
	background:url(images/white_bg.gif) repeat-y;
	height:100%;
}

.cross-left {
/*	background-color:white; */
/*		background: url(images/dirt_bg.jpg); */
		width:502px;
		float:left;
		top:0px;
		text-align:left;
		min-height:500px;
}

.cross-right {
/*		background-color:white; */
/*		background: url(images/dirt_bg.jpg); */
		width:260px;
		float:left;
		margin-left:16px;
		top:0px;
		text-align:left;
/*		top:40px; */
		min-height:500px;
}