* {	/* Universal selector for all objects - individual rules can override this */
	margin: 0;
	padding: 0;
}

body {
	margin-top: 10px;
	background-color: #fff;
	text-align: center;	
	background-image: url(../images/bluegrad2e.gif);	
}

#top {
	padding: 10px;
	background-color: #fff;
}

#wrapper {	
	width: 762px;
	margin: auto;	/* Without this the body: text-align: center; doesn't work */
	border: 1px #006 solid;
	padding: 1px;	
	background-color: #9cf;		
}

#header {
	border: 1px #006 solid;
	background-color: #fff;
}

#bannerbar {
	margin-top: 1px;
	border: 1px #006 solid;
	padding-top: 5px;
	background-color: #fff;
	height: 40px;
	position: relative;
}

#bannerbar h1 {
	display: inline;
}

#home {
	position: absolute;
	width: 150px;	
	left: 3px;
	top: 12px;
}

#caption {
	padding-top: 5px;
	position: absolute;
	left: 180px; 
	width: 400px;
	
}

#link {
	position: absolute;
	width: 150px;	
	right: 3px;
	top: 12px;
}

#main {
	margin-top: 1px;
	border: 1px #006 solid;
	background-color: #fff;
}

.gallerybar {
	margin: 0;
	padding: 5px;
	position: relative;
	height: 150px;
}

.gallery {
	width: 150px;
	position: absolute;
	font-family: verdana, arial, sans-serif; 
	color: #000066; 
	font-size: 8pt;
	border: 1px #ccc solid;
}

.caption {
	width: 150px;
	position: absolute;
	font-family: verdana, arial, sans-serif; 
	color: #000066; 
	font-size: 8pt;
}

.img1 {	
	top: 20px;
	left:33px;
}

.img2 {
	top: 20px;
	left:215px;
}

.img3 {
	top: 20px;
	left:397px;
}

.img4 {
	top: 20px;
	left:579px;
}

.caption1 {	
	top: 140px;
	left:33px;
}

.caption2 {
	top: 140px;
	left:215px;
}

.caption3 {
	top: 140px;
	left:397px;
}

.caption4 {
	top: 140px;
	left:579px;
}


#leftcolumn { /* 2 columns */
	float: left;
	margin: 1px;
	padding: 5px;
	width: 150px;	
	text-align: left; 
	vertical-align: top;
	height: 400px
}


#rightcolumn { /* 2 columns */
	margin: 1px;
	padding: 5px;
	background-color: #fff;	
	padding: 5px;
	text-align: left; 
	vertical-align: top;
	height: 400px;
}

#left { /* 3 columns */
	float: left;
	margin: 1px;
	padding: 5px;
	background-color: #fff;
	width: 235px;	
	text-align: left; 
	vertical-align: top;
	height: 400px
}

#right { /* 3 columns */
	float: right;
	margin: 1px;
	padding: 5px;
	background-color: #fff;
	width: 235px;
	text-align: left; 
	vertical-align: top;	
	height: 400px;
}

#middle { /* 3 columns */
	margin: 1px;
	padding: 5px;
	background-color: #fff;
	text-align: left; 
	vertical-align: top;
		
	height: 400px;
}

#footerbar {
	margin-top: 1px;
	background-color: #fff;
	border: 1px #006 solid;
	padding: 1px;
	height: 60px;
}
	

#footerlinks {
	display: inline;
}

#dummy { /* Dummy footer to constrain 2 and 3 column pages */
	background-color: #fff;
	clear: both;
	padding: 0px;
}

#contact {
	width: 25%;
	display: inline;
	padding: 0px 40px 0px 20px;
}

#updated {
	width: 25%;
	display: inline;
	padding: 0px 40px 0px 20px;
}

#bookmark {
	width: 25%;
	display: inline;
	padding: 0px 40px 0px 20px;
}

#topofpage {
	width: 25%;
	display: inline;
	padding: 0 20px 0 40px;
}

.textpad {
	padding-bottom: 10px;
}


a:link { color: #000066; font-family: verdana, arial, sans-serif; font-size: 9pt; text-decoration: none; }
a:active { color: #3399ff; font-family: verdana, arial, sans-serif; font-size: 9pt; text-decoration: none; }
a:visited { color: #000066; font-family: verdana, arial, sans-serif; font-size: 9pt; text-decoration: none; } 
a:hover { color: #66ccff; font-family: verdana, arial, sans-serif; font-size: 9pt; text-decoration: none; }

/* The following styles are hyperlink modifications for the scroll textbox on homepage*/
.scroll a:link { font-size: 7pt; }
.scroll a:active { font-size: 7pt; }
.scroll a:visited { font-size: 7pt; } 
.scroll a:hover { font-size: 7pt; }
.scrolltextbold { font-size: 8pt; font-weight: bold; }
/*.scrolltextbold { font-family: verdana, arial, sans-serif; color: #000066; text-align: center; font-size: 8pt; font-weight: bold;}*/

/* This is for the page links at foot of each page */
#footertext a:link { font-size: 7pt;}
#footertext a:active { font-size: 7pt;}
#footertext a:visited { font-size: 7pt;} 
#footertext a:hover { font-size: 7pt;}

.text5 { font-family: verdana, arial, sans-serif; color: #000066; font-size: 9pt; }

#captiontext  { font-family: verdana, arial, sans-serif; color: #000066; text-align: center; font-size: 20pt; font-weight: bold; }

h1 { font-family: verdana, arial, sans-serif; font-size: 20pt; color: #000066; font-weight: bold;} /* Page captions */
h2 { font-family: verdana, arial, sans-serif; font-size: 14pt; color: #000066; font-weight: normal; }
h3 { font-family: verdana, arial, sans-serif; font-size: 12pt; color: #000066; font-weight: normal; }
h4 { font-family: verdana, arial, sans-serif; font-size: 9pt; color: #000066; font-weight: normal; }	/* General page text*/
h5 { font-family: verdana, arial, sans-serif; font-size: 9pt; color: #000066; font-weight: bold; }	
h6 { font-family: verdana, arial, sans-serif; font-size: 8pt; color: #000066; font-weight: normal; }	/* font-weight: lighter; shouldn't be needed*/

img { 
	border: 0px none; padding: 0px;
}