/*********FONTS ********************/
body, td {
	background-color: White;
	/* Text color #333 = grey */
	color : #333;
	font-family : "Verdana", sans-serif;
	font-size: 0.8125em;
	text-align: left;
	line-height: 1.5;
}

.center {
	text-align: center;
}

.indent {
	padding-left: 5em;
}

H1 {font: 2em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
H2 {font: 1.6em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
H3 {font: 1.4em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
H4 {font: bold 1.2em Georgia, "Times New Roman", serif; letter-spacing: 2px;}
H5 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 2px;}
H6 {font: bold 1.0em Verdana, Arial, sans-serif; letter-spacing: 2px;
  /* text-transform: uppercase;*/}

A {text-decoration: none; }

A:Hover { color: #000; background-color: #D7E6E7; border-bottom: 1px solid #9A8E51; }

A:Link, A:Visited {
	color: #2F4F4F; 
	border-bottom: 1px solid #555;
}

#quote {
	font-style: italic;
	text-align: center;
}

#indent {
	padding-left: 5em;
}
/********* Logo  ******************/
#floatturtle {
	position: absolute;
	top: 5px;
	left: 5px;
	background-image: url(../images/turtle.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 180px;
}

/********HORIZONTAL MENU **********/
/* Container for horizontal menu - flush right, width 80% of screen */
#hormenu { 
	position: absolute;
	top: 10px;
	left: 200px;
	width: 800px;
	margin: 0; 
	padding-top: 0px; 
}

/* unordered list element - don't want bullet points*/
#hormenu ul { list-style-type:none;}

/* Inline allows elements to display directly to right of each other */
/* without this, each element will display below previous */
#hormenu li { display:inline }

/* display each menu element to right of previous element */
#hormenu a { 
	float:left;
	/* width: 200px; */
	font: 1.8em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	text-decoration: none;
	border: none;
}
#hormenu a:link, #hormenu a:visited {
  	color: #3A3A3A;
	background: url(../images/ckmenu1.gif) no-repeat;
	/* set where label text is to display */
	padding: 5px 0 0 25px;
	/* padding adds to element size, so height is 8+24=32px, width is 30+170=200px */
  	height: 27px;
	width: 140px;
}

/* Displays the second half of the menu gif */	
#hormenu a:hover, hormenu a:active {
	color: #868686;
	background: url(../images/ckmenu1.gif) no-repeat 0 -32px;
	padding: 5px 0 0 25px;
  	height: 27px;
	width: 140px;
}

#hormenu #current a { color: #4675BB; }


/******* CONTENT BOXES ******/
#headerbox {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	border-top: 4px solid;
	border-color: #4675BB;
	padding-top: 5px;
}

#leftbox {
	position: absolute;
	top: 180px;
	left: 0px;
	margin-top: 20px; 
	padding: 0 0.5em 0.5em 0.5em;
  	/* border: 2px solid #C9FB99; */
}

#centerbox {
	position: absolute;
	top: 60px;
	left: 175px;
	width: 500px;
	padding: 1em 2em 2em 2em;
	border-right: 1px solid #CDCDCD;
	border-top:2px solid #5A9B3D;
}

#rightboxtop {
	position: absolute;
	top: 60px;
	left: 727px;
	width: 200px;
	padding: 1.0em;
	border-top:2px solid #5A9B3D;
}

#rightboxbottom {
	/* containing box has padding, so must use negative margin */
	margin-left: -1em; 
	width: 200px;
	padding: 1.0em;
  	border-top:1px solid #CDCDCD;
}

#bottombox {
	/* float: left; */
	width: 100%;
	margin: 0 0 0 0; 
	  	border-top: 1px solid #CDCDCD;
	padding: 0 0 0 0;
}


#line {
		background-image: url(../images/hrline.gif);
		background-repeat: repeat;
		height: 5px;
	   /* height sets minimum so have to make font small too! */
		font-size: 5px;
}


#linecenter {
	background-image: url(../images/hrline.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
	font-size: 10px;
}

#lineturtle {
	background-image: url(../images/turtle3.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	/* height sets minimum so have to make font small too! */
	font-size: 10px;
}

/* Horizontal Menu */
hormenu li a:active  { 
	color: #868686;
	background: 0 url(../images/ckmenu1.gif) no-repeat;
	padding: 5px 0 0 25px;
  	height: 27px;
	width: 140px;
 } 

/*	padding: 8px 0 0 30px;  sets where text should display */
/* top (down 8 px) right bottom left (over 30 px) */
#hormenu li a:link { 
  	color: #3A3A3A;
	background: url(../images/ckmenu1.gif) no-repeat;	
	/* set where label text is to display */
	padding: 5px 0 0 25px;
	/* padding adds to element size, so height is 8+24=32px, width is 30+170=200px */
  	height: 27px;
	width: 140px;
 }