/* gallery.css */
/*  */
/* Section 1 - basic page layout CSS for the GAATES prototype photo gallery */
/*  */
/* 
|-- body -------
| |-- container -c5-------------------|
| |                                   |
| | |-- skipBox -c1-----------------| |
| | |                               | |
| | |-------------------------------| |
| |                                   |
| | |-- titleBox -c2----------------| |
| | |                               | |
| | |-------------------------------| |
| |                                   |
| | |-- columns -c2a----------------| |
| | | |- content -c3--||- links c4| | |
| | | |               ||          | | |
| | | |               ||          | | |
| | | |               ||          | | |
| | | |---------------||----------| | |
| | |-------------------------------| |
| |                                   |
| | |-- c1a ------------------------| |
| | |                               | |
| | |-------------------------------| |
| |-----------------------------------|
|-------
 */
body { 	font-family: arial, ms sans serif;
	background-color:#99cccc;
	}
	
#main {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #69c;
	padding:1%;
	}
	
.skipBox { /* c1 */
  clear:both; border:1px solid #ccc; margin-bottom:.5%;
	background-color:#ffd; padding:1%; min-height:20px; height:20px; height:auto;
}
.c1a { /* c1a */
  clear:both; border:1px solid #fff; 
}
.skipBox a {text-decoration:none;}
.skipBox img {border:none;}
.titleBoxDef { /* c2t   min-height: 100px;*/
  border:1px solid #ccc; clear:both; margin-bottom:.5%;
	padding:1%; background-color:#ffd;height:auto; height:150px;
	background-image:url('../images/banBG1.jpg');
	background-repeat: repeat-x;

}
/* .titleBoxDef h1 {  margin-top:100px; 
} */
.banImgDef {
	float:left;
	margin: 0% 15% 0% 0%;	
	}
.banTitleDef {
	/*margin: 50px 0px 0px 200px;	*/
	margin: 4% 0% 0% 0%;	
	font-size:3em;
	}
.banImgDef img {	
	width: 150px; height: 139px;
	}
.titleBox { /* c2   min-height: 100px;*/
  border:1px solid #ccc; clear:both; margin-bottom:.5%;
	padding:0% 1% 1% 0%; background-color:#ffd;height:auto; height:75px;
	background-image:url('../images/banBG2.jpg');
	background-repeat: repeat-x;
}
/* .titleBox h1 {padding-top:0%; 
}
.titleBox img {margin-top:0px;padding-top:0%; }*/

.banImg {
	float:left;
	margin: 1% 15% 0% 3%;	
	}
.banImg img {
	width: 75px; height: 70px;
	}
.banTitle {
	/*margin: 50px 0px 0px 200px;	*/
	margin: 2% 0% 0% 0%;	
	font-size:2.5em;
	}
.columns{ /* c2a */
  border-top:1px solid #fff;  clear:both;
}
.content { /* c3 */
  float:left; width:74%; border:1px solid #ccc;
	padding:1%; background-color:#ffd; margin-right:7px;
}
.links { /* c4 */
  float:right; width:21%; padding:.25em; 
	background-color:#ffd; color:#000;
	font-size:1.1em;
	border:1px solid #ccc;
 }
.container { /* c5 */
  width:75%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #69c;
	padding:1%;
}
/*  */
/* Section 2 - special css for individual pages */
/*  */
.table {
	clear:both;
	padding: .5em;
	margin: .5em;
	}
.row {clear:left; border-bottom: 1px solid #ccc;}
.lab {
	float:left;
	width: 45%;
	font-weight:bold;
	}
.inf {
	padding-left: 0em;
	float:left;
	}
/*  */
.fullBox {
	width:94%; 
	margin-top: 5px; margin-bottom: 5px; 
	padding:1em; 
	border:2px solid #ccc; 
	clear:both; 
	text-align:center;
	} 
.thumbBox {
	float:left;
	border: 2px solid #333;
	padding: 1em;
	margin: 5px;
	text-align:center;
	} 
/*  */
.error {
	border: 1px solid red;
	padding: 1em;
	margin: 1em;
	color:yellow; background-color:black;
	font-weight:bold;
	}
/*  */
acronym {
	color:red;
	font-weight:bold;
	font-size: 1.5em;
	}
a:hover {
	color:yellow; 
	background-color:black;
	padding:.25em;
	}
/*  */
table {width:95%;}
th {background-color:#ccc;}
th,td {
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-collapse:collapse;}
/*  */
/* .links ul {margin-left:0;padding-left:1em;} */
.links ul {margin-left:1em;padding-left:0;}
.links ul li {list-style-type:none;margin-bottom:.5em;}
.links ul ul li {list-style-type:circle;}
.links a:hover {color:yellow; background-color:black;padding:.25em;}
.thisPage {margin:0px 0px 0px 0px; padding:.3em; }
.company {margin:8px 0px 0px 0px; padding:.3em; border-top:1px solid #ccc; background-color:#ffd;}
.goTops {text-align:center; padding:.25em; border:1px solid #ccc; background-color:#9cc;}
.goTops a {background-color:#ffd;padding:0 10px 0 10px; font-size:.75em;}

/* form stuff */

fieldset { 
	padding:1% 5%; 
	position:relative; }
fieldset img {
	width:30px; 
	height:30px; 
	vertical-align:middle; 
	margin-left:-30px;}
label, legend {
	font-family: arial, ms sans serif;
	font-weight:bold; }
legend { 
	color:#0000ff; }
input {
	font-family: arial, ms sans serif;
	font-size:1.25em; height:1.3em; 	}
input.add {
	position:absolute; left:200px; } 
textarea {
	font-family: arial, ms sans serif;
	font-size:1.25em; }

 /* */