/* CSS Document */

/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}

a { text-decoration: none; }
a:link { color: #696; }
a:visited { color: #696; }
a:hover { color: #366; }
h3 { font-size: 150%; color: #696; font-style: italic; }
.bold {font-weight: bold; }
.center { text-align: center; }
li { margin-left: 30px; margin-top: 10px; }
.greentext { color: #366; }
.firstletter { color: #366; font-size: 130%; }
hr { width: 95%; }

/*	the background image for the body holds the logo. other items are positioned absolutely
	to line up with the logo.

*/
html { background: #fff;  }
body { color: #666; font-family: Arial, Sans-Serif; font-size: 16px; }
div#fullpage { width: 840px; }
div#header { float: left; height: 135px; width: 100%; }
div#splash { text-align: center;  margin-top: 25px; background: #fff; width: 820px; height: 500px;  }
div#enter { margin-left: 10px; margin-top: -400px;  }
*html div#enter { margin-left: 10px; margin-top: -400px;  }
div#splashlogo { margin-left: 10px; margin-top: 10px; }
*html div#splashlogo {  margin-top: 0px; }

div#logo { float: left; margin-left: 10px; }
div#title { margin-left: 378px; margin-top: 10px;  width: 440px;  text-align: right; }
* html div#title {   }
div.addresssmall { font-size: 90%;  text-align: right; width: 200px; margin-left: 618px;  }


div#navigation {margin-top: 5px; font-size: 120%; line-height: 50px;  margin-left: 10px; float:left; width: 150px; }
div#navigation a { display: block; margin: 0 0 15px 0; }
div#navigation a:link { color: #696; }
div#navigation a:visited { color: #696; }
div#navigation a:hover { color: #366; background-image: url(images/spiral_small.gif); 
	background-position: 2px; background-repeat: no-repeat; }


div#main { background: #fff url(images/spiral_background_light.gif) no-repeat center; background-position: center 50px; width: 630px;  float: left; margin-left: 10px; }
div.title1 { color: #366; font-size: 150%; text-align: center; }
div.title2 { color: #696; font-size: 120%;   text-align: center; }
div.address { text-align: center; margin-bottom: 20px; }
div.title3left { color: #696; font-style: italic; font-size: 120%;  text-align: left;   }
div.title3 { color: #696; font-style: italic; font-size: 120%;  text-align: center;   }
div.map { text-align: center; margin-top: 10px;  }
div.title4 { font-size: 110%; text-align: center; margin-top: 10px; font-style: italic; }
div.title5 { color: #696; font-size: 110%; font-style: italic; text-align: center; }
div.staffname { color: #696; font-weight:bold; font-size: 100%;  text-align: left;   }
.stafftitle { font-style: italic; font-size: 100%;  text-align: left;   }
div.text { text-align: justify; }
div.smalltext { font-size: 80%; text-align: center; }
div.fineprint { font-size: 90%; text-align: justify; }
div.bios { font-size: 90%; text-align: justify; }
div.rates { text-align: left; margin-left: 260px; margin-top: 10px; }
div.bullets { text-align: left; margin-left: 200px; margin-top: 10px; }
div.indexbullets { text-align: left; margin-left: 230px; margin-top: 10px;  }
div#copyright { font-size: 80%; text-align: center;  }
.imageleft img {padding: 20px 20px; float: left; border: 0;}
.imageright img {padding: 20px 20px; float: right; border: 0;}
.imagebio img {padding: 2px 20px 2px 0; float: left; border: 0;}
.image { text-align: center; padding: 20px 20px;  border: 0; }
div.tallspace { margin-top: 50px; }
.paragraph { line-height: 22px; }
.italic_justify { text-align: justify; font-style: italic; }

.tablefont { font-size: 80%; color: #333333; }
.tableheader { font-size: 80%; color: white; }

div.trina { font-size: 80%; text-align: center;  }