/* the styles for the HTML elements */
body {
    margin: 0pt;
	background-image: url(images/construct/bk.jpg);
	background-repeat: repeat-x;
	background-color: #F5F5EF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13pt;
	color: #242413;
}

#pageHolder { width: 1016px;
			  margin-left: auto; margin-right: auto;
}
#contentHolder { clear: both;
				 margin-top: 2.5em; padding: 2em;
				 background-color: #FFFFFF;
}
.triCols { width: 33.333333%;
		   float:left;
}
.triColsInner { margin: 0 0.4em 2em 0.4em;
				padding: 2em;
				background-color: #FFFFFF;
				min-height: 530px;
}
/* ------------ NAVIGATION & HEADER ------- */
#headContainer { position:absolute;
				 z-index: 700;
				 width: 1016px;
				 margin-left: auto; margin-right: auto;
}
.logoContainer {
		margin: -50px -50px -20px -30px;
		width: 478px; /* height: 280px; */
		float: left;
	}
.biCols {  
		   float: left;
}

#navPad { padding: 20pt 25pt 0pt 25pt;
	}
#navHome, #navAcc, #navFac, #navContact, #navNight {
	position: relative;
	margin-top: 0px;	
	height: 88px;
	color: #242414; 
	font-family: 'Agency FB', Tahoma, Geneva, sans-serif;
	font-size: 15pt;
	text-align: center;
}

#navHome, #navAcc { float: left;
					border-right: solid thin #C2C44F;
}
#navFac, #navContact { float:right;
						border-left: solid thin #C2C44F;
}


#navHome, #navCivil {
	float: left;
}
#navGal, #navContact {
	float: right;
}
/* ------------------------------- */
.clearPrev { clear: both; height: 200px;}

h1,h2,h3,h4{ font-family: 'Century Gothic', Tahoma, Geneva, sans-serif;
	   text-align: center;
	   font-weight: normal;
}

h1 { font-size: 200%;
}
h2 {
    font-size: 170%;
	margin-left: 6pt;
	text-align: left;
}
h3 { font-size: 110%;
}
h4 { font-size: 90%;
}

p {
	margin: 8pt;
	text-align: justify;
	}
	
label { font-size: 10pt;}

ul { text-align: left;
	  margin-left: 2em;
}
li {
	padding: 2pt;
	color: #555555;
	font-size: 12pt;
}
.imageContainer { float: left; margin: 0em 2em 1.2em 0em;
}

.small { color: #515290; font-size: 8pt;
			text-align: center;
}


/* --------- The below is NOT a part of the above Gal page images to enlarge but rather a slideshow --------- */
#gallery {
	position: relative;
	float: left;
	margin-left: 0pt;
	margin-top: 66pt;
	/* margin-bottom: 3pt; */
	height: 330px;
	clear: left;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border: solid 8pt #FFFFFF;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:0px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#b9df64;
	}

/*a { font-family: 'Agency FB', Tahoma, Geneva, sans-serif;
}
*/	
a:link, a:visited {text-decoration: underline;
				   color:  #007FFF;
}
a:hover, a:focus {text-decoration: none;
				  color: #CBCE38; /* #0080FF; */
}

#footer {  background-color: #242424;
			text-align: center;
			color: #555555;
			border-top: thin solid #CBCE38;
			padding: 3em 1em 2em 1em;
}

#footer > a:link, a:visited {text-decoration: underline;
				   color: #007FFF; /* #ECEBD2; */
				   font-size: 12pt;
}

#footer > a:hover, a:focus {text-decoration: none;
				  color: #EEF237; /* #AA8D35; */
				  font-size: 12pt;
}

#copyright {font-size: 9pt; 
			color: #777777; 
}
#formContainer { float: right; width: 450px;
}
#fields {margin-right: 0pt; 
		 text-align: right;
}

.error {
		color: #C00;
		font-size: 9pt;
}
		
/* Definition lists */
dl { width: 100%; margin: 2em 0; padding: 0; clear: both; overflow: auto; }
dt { width: 30%; float: left; margin: 0; padding: 5px 9.9% 5px 0; border-top: 1px solid #DDDDB7; font-weight: bold; overflow: auto; clear: left; }
dd { width: 60%; float: left; margin: 0; padding: 6px 0 5px 0; border-top: 1px solid #DDDDB7; overflow: auto; 
}
dt,dd { font-size: 8pt;}

@font-face { font-family: 'Agency FB';
			 src: url('AGENCYB.TTF');
}