/* Main Layout */
#pageContainer { width: 765px; margin: auto; margin-top: 7px; }

/* Header Elements */
#topContainer {
	margin: 0;
	margin-top: 5px;
	width: 765px;
	height: 97px;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
}

#topContainer ul {
	list-style: none;
	margin: 0;
	padding-top: 57px;
	padding-left: 250px;
}
#topContainer ul li { display: inline; font-weight: bold; margin-left: 8px; }
#topContainer ul li a { text-decoration: none; }

/* Content Elements */
#middleContainer {
	padding: 15px 25px;
	background-image: url(../images/mainback.gif);
	background-repeat: repeat-y;
}

img.heading { margin: 10px 0 5px 0; display: block; }
#middleContainer #mainImages img { margin: 0 5px 0 0; } /* slightly smaller margin on the main images */

/* general buttons */
.buttonContainer { margin: 15px 0 5px 0; } /* space out from the title and text */
.buttonContainer a {
	display: block; float: left; /* make solid blocks but keep in a line */
	margin-right: 5px; /* separate from each other */
	background-repeat: no-repeat; /* just make sure the images don't repeat */
}

.backButton { padding-bottom:10px; padding-top:10px;}

/* have a look around buttons */
#halaButtons a { width: 231px; height: 29px; }
#halaButtons a#hala-class { background-image: url(../images/hala-class.gif); }
#halaButtons a#hala-spin  { background-image: url(../images/hala-spin.gif); }
#halaButtons a#hala-gym   { background-image: url(../images/hala-gym.gif); }
#halaButtons a#hala-class:hover { background-image: url(../images/hala-class-over.gif); }
#halaButtons a#hala-spin:hover  { background-image: url(../images/hala-spin-over.gif); }
#halaButtons a#hala-gym:hover   { background-image: url(../images/hala-gym-over.gif); }

#galleryLinkContiner { /* DO THIS */ }

/* bios buttons */
#bioButtons a { width: 300px; height: 300px; }
#bioButtons a#bio-delvin  { background-image: url(../images/bio-delvin.gif); }
#bioButtons a#bio-rebecca { background-image: url(../images/bio-rebecca.gif); }
#bioButtons a#bio-delvin:hover  { background-image: url(../images/bio-delvin-over.gif); }
#bioButtons a#bio-rebecca:hover { background-image: url(../images/bio-rebecca-over.gif); }

ul#galleryCategories { /* the list of categories */
	list-style: none;
	float: left;
	padding: 0;
	margin: 5px 20px 0 0;
}

ul#galleryCategories li {
	width: 226px;
	height: 19px;
	padding-left: 5px;
	margin-bottom:2px;
	overflow: hidden;
	background-image: url(../images/gal-category.gif);
	background-repeat: no-repeat;
	background-color: #212e84;
}

ul#galleryCategories li { margin-bottom:5px; line-height:150%;}
ul#galleryCategories li a { color: #fff; font-weight: bold; text-decoration: none; }
ul#galleryCategories li a:link { color: #fff; }
ul#galleryCategories li a:visited { color: #fff; }
ul#galleryCategories li a:hover { color:#999999; }
ul#galleryCategories li a:active { color: #999999; }

div#galleryContainer { margin-left: 250px; } /* main div for all of the gallery items*/

div#galleryItem { /* one gallery item */
	position: relative;
	width: 91px;
	height: 91px;
	float: left;
	margin: 5px;
	border: 4px solid #efefef;
}
	
/* Footer Elements */

#footer {
	background-color: #f2f2f2;
	color: #212e84;
	height: 28px;
}

#footer div {
	color: #212e84;
	background-color: #d5d5d5;
	padding: 0 25px;
}

#footer a { text-decoration: none; }

/* Contact Form */

#contactform { float: left;}
#contact { float:right; margin-right:25px; }
#contact.marginleft { margin-left: 0px; }

div#errors { margin-left: 90px; line-height: 250%; margin-bottom: 10px; }

div.formrow {
	clear: both;
	text-align: left;
	margin-bottom: 10px;
}

div.formrow label {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 80px;
}

div.formrow .indent { margin-left: 90px; }

span.message { border: 1px solid #080; padding: 3px 5px; }
span.error { border-color: #f00; color: #f00; }

textarea { font: inherit; line-height: 100%; }