@font-face { font-family: "Indy"; src: url("INDYR.TTF"); }

* { margin:0; padding:0; }

html, body { width:100%; height:100%; background:#2a2a2a url(images/bg_tile.jpg) repeat left top; color:#ececec;
			 font:normal 1em "Century Gothic", "Apple Gothic", sans-serif; }

h1,h2,h3 { font-weight:normal; padding-left:9px; font-family: "Indy", "Broadway", sans-serif;  } 

p { padding:9px; line-height:1.6em; }

a, h3 { color:#24A7FF; outline:none; } 

hr { width:65%; margin:9px auto;  }

a img { border:none; outline:none; }



.indy { font-family: "Indy", "Broadway", sans-serif; color:#24A7FF; font-size:1.1em;}

.left { float:left; }

.right { float:right; }

.clear { clear:both; }

.banner { width: 848px; height: 129px; border: solid 1px #ececec; }

.primary { width:65%;  }

.secondary { width:30%; }

.form { padding-left:9px; } 
	.form label { float:left; width:20%; margin-right:10px; margin-bottom:20px; text-align:right;  }
	.form br { clear:left; }
	.txtbox { padding:2px; width:75%; background:#ececec;  }

.gallery {}
	.gallery img { border:double 3px #a1a1a1; width:90px; height:90px; margin:9px 0 0 9px; }
	.gallery ul { list-style:none; }

.large { font-size:1.9em; color:#24A7FF;  }

.img-shadow { float: left; margin: 6px; background: url(images/trans-shadow.png) no-repeat bottom right; }
	
	.img-shadow img { display: block; /* IE won't do well without this */ 
                  position: relative; /* Make the shadow's position relative to its image */ 
                  padding: 6px; /* This creates a border around the image */ 
                  background-color: #fff; /* Background color of the border created by the padding */ 
                  border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */ 
                  margin: -6px 6px 6px -6px; }






#container { width:850px; min-height:95%; margin:0 auto; position:relative; }

#top, #header, #nav, #content { width:100%; margin:0 auto; } 

#top a { color:#ececec; text-decoration:none; }
#top li { list-style:none; float:right; font-size:.88em; height:25px; line-height:25px;  padding:0 9px; }

#header { height: 129px; clear:both;  }

#nav { height:30px; line-height:30px; background:url(images/nav.png) no-repeat center bottom; z-index:9999; } 
	#nav a { color:#ececec; text-decoration:none; font-weight:bold;}
	
	#nav li { list-style:none; float:left; padding:0 7px; margin:0 20px; position:relative; white-space:nowrap; font-weight:bold;}
	#nav li li { margin:0; }
	
	#nav li > ul { display:none; width:100%; background:#7a7a7a;  border:solid 1px #fff; border-top:none;
				   position:absolute; left:0; top:100%; font-size:.95em; }

	#nav li:hover ul { display:block; }
	#nav a:hover, #nav li:hover { background:#7a7a7a; color:#000; }
	
#content { padding-top:20px; }
	#content ul, #content ol { margin-left:40px; }

#footer { width:850px; height:30px; margin:0 auto; font-size:.8em; line-height:30px; }