<!--
html {
	background-color: #333;
}
body {
	background-color: #70793D;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	width: 903px;
	padding: 0;
	border: 1px solid #000;
	margin: 10px auto;
}
a[href] { color: #93361A; }
a:link, a:visited { text-decoration: none; }
a:focus, a:hover, a:active { text-decoration: underline; }
a img {
	border: 2px solid;
	border-color: inherit;
	vertical-align: middle;
}
img[src^="images/icon-youtube"] {
	border-width: 0px;
	margin-right: 0.5ex;
}

table {
	border: 1px solid #000;
	border-collapse: collapse;
	margin: 1em 0;
	text-align: center;
	vertical-align: top;
}
table.tinbu, table.tinbu th, table.tinbu td, table.tinbu table {
	border: 0;
}
th, td {
	min-width: 1%;
	padding: 2px;
	border: 1px solid #000;
}

div {
	margin: 0;
}
ul, ol {
	padding: 0;
	padding-left: 20px;
	margin: 0;
}

/*iframe:not([height]) { min-height: 510px; }
iframe:not([width]) { width: 99%; } */

img {
	border: 0;
}

dt { font-weight: 700; }
blockquote {
	background: #ddd;
	padding: 5px;
	border: 1px solid #bbb;
}

/*#logomain, #masthead {
	height: 164px;
	height: 237px;
	height: 274px;
	height: 260px;
}
#logomain,*/ #nav-v {
	float: left;
	background-color: #70793d;
	color: #fff;
	text-align: center;
	width: 200px;
	padding: 5px;
}
#masthead {
	display: none;
}
#b {
	background: url("images/pottery-barn.jpg") no-repeat center;
	height: 150px;
}
#logomain {
	background: #c00;
	color: #fff;
	text-align: left;
	min-height: 190px;
	padding: 5px;
}
#logomain div {
	/* line-height: 200%;
	position: relative; */
	margin: 0;
	margin-left: auto;
}
#logopic, #corplogo {
	max-width: 146px;
	max-height: 146px;
}
#logopic {
	float: left;
	margin-right: 5px;
}
#corplogo {
	background-color: #fff;
	max-height: 40px;
	padding: 5px;
}
#logomain h1, #logomain h2 {
	margin: 0;
}
#logo-a {
	color: #e8c944;
	font-family: "Trajan Pro", "Garamond", serif;
	font-size: x-large;
}
#logo-b {
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-size: medium;
	margin: .4em 0 0;
}
#masthead {
	background: #fff url("images/bg-masthead2.jpg") no-repeat right 20%;
	/*background: #fff;*/
	padding: 5px 0;
}
#logo {
	float: right;
	position: relative;
	top: 5px;
	right: 5px;
	background-color: #fff;
	max-width: 190px;
	max-height: 154px;
	padding: 5px;
	border: 1px solid #000;
}
#photo img {
	max-height: 106px;
}

#marquee {
	background-color: #93361a;
	color: #fff;
	padding: 2px 0;
	border-bottom: 0px solid #fff;
	color: #fff;
}
#marquee * {
	padding: 0;
}
#marquee a {
	color: #fff;
	text-decoration: underline;
}

/**************************
** HORIZONTAL NAVIGATION **
**************************/
#nav-h {
	background-color: #c00;
	color: #fff;
	font-size: 90%;
	height: 1.7em;
	padding: 4px 0;
	border: 1px solid #fff;
	border-width: 1px 0;
	cursor: default;
}
#nav-h ul, #nav-v ul {
	padding: 0;
}

#nav-h li {
	display: inline;
	background-color: #c66;
	padding: 3px 1px;
	border: 1px outset #c00;
	margin-right: -3px;
}
#nav-h li a {
	color: inherit;
	padding: 0 3px;
	margin: 0 0;
}
#nav-v {
	font-family: "Arial", serif;
	font-size: small;
	font-weight: 700;
	padding: 5px;
}
#nav-v p {
	text-align: left;
	margin: 0 0 4px;
}
#nav-v img { max-width: 200px; }
#nav-v a img { max-width: 196px; }
#nav-v li {
	list-style-type: none;
	text-align: left;
	padding: 1px 3px;
	margin: .3em 0;
}
#nav-v ul li ul li {
	text-align: left;
}
#nav-v ul li:hover {
	background-color: #fff;
	color: #46323A;
}
#nav-v ul li:hover ul {
	background: #46323A;
	color: #fff;
}


#nav-v, #content {
	min-height: 200px;
}
#content, #footer {
	background: #fff;
	padding: 5px;
	margin-left: 210px;
}
#content {
	min-height: 4800px;
}
#footer {
	border-top: 1px solid #000;
}

div[id^="nav"] a {
	color: inherit;
}

div[id] *:first-child { margin-top: 0; }
div[id] *:last-child { margin-bottom: 0; }

.linear {
	list-style-type: none;
}
.linear li {
	display: inline;
}

.center { text-align: center; }
#myslideshow img {
	/*width: 250px;
	border-width: 2px;*/
}
.button {
	white-space: nowrap;
	background: #900;
	color: #fff !important;
	padding: 3px;
	-moz-border-radius: 5px;
}
.button-red {
	background: #600;
	color: #fff !important;
}
.button-blue {
	background: #006;
	color: #fff !important;
}
#la {
	background: #000;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: 700;
	padding: 5px 0;
}
#la h1 {
	font-size: xx-large;
	margin: 0;
}
#la a {
	color: #ff0 !important;
}
#la img {
	width: 681px;
}
#la ul {
	list-style-type: none;
	font-size: 75%;
	padding: 0;
	margin: 3px 0;
}
#la ul li {
	display: inline;
	padding: 0;
	margin: 0 2px;
}
#banner {
	background: #ddd;
	min-height: 115px;
	padding: 5px;
	border: 1px solid #bbb;
}
#banner img {
	float: left;
	max-width: 146px;
	max-height: 106px;
	margin-right: 5px;
}
#banner p {
	margin: 0;
}

/****************
** TFD APPLETS **
****************/
.tfd div:first-child {
	background: #c00;
	color: #fff;
	font-size: large;
	font-weight: 700;
}
.tfd div div:first-child {
	background: transparent;
	color: inherit;
	font-size: medium;
	font-weight: 400;
}
.tfd table { margin: 0; }
.tfd div:last-child {
	font-size: small;
}
.tfd td { min-width: inherit; }
.tfd h3 { margin: 0; }
#TfdBee {
	border: 1px #000000 solid;
	background-color: #FFFFFF;
	padding: 2px;
}
#TfdBee {
	color: #000000;
}
#TfdBee A {
	color: #0000FF;
}
#TfdBee .spell_word {
	clear: all;
	margin-bottom: 5px;
}
#TfdBee INPUT {
	font-size:  11pt;
	margin: 0;
	padding: 0;

}
#tfd_bee_sound {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
#tfd_bee_sound IMG {
	width: 100%;
	height: 100%;
	border: none;
}
#tfd_bee_def {
}
#tfd_bee_score {
	float: right;
	margin: 0 0 5px 2px;
}
.tfd_bee_correct {
	background-color:  lightgreen;
}
.tfd_bee_wrong {
	background-color:  pink;
}
.tfd_bee_na {
	background-color:  white;
}

/****************
** GOOGLE MAPS **
****************/
.gmap {
	width: 681px;
	height: 480px;
	padding: 0;
	border: 1px solid black;
	margin: 0;
}

/************
** HP TABS **
************/
div.tabbox {
	background-color: #fff;
	height: 134px;
	margin: 0 0 1px;
}
div.tabrow {
	background-color: #804000;
	width: 100%;
	height: 27px;
	margin: 1px 0;
}
.tabbox ul {
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.tabbox li {
	float: left;
	display: inline;
	background-color: #804000;
	text-align: center;
	padding: 0 0 5px;
	margin: 0 0 1px 0;
}
.tabbox li+li {
	border-left: 1px solid #fff;
}
.tabbox li a {
	color: #fff;
	font-family: Arial;
	font-size: x-small;
	text-transform: uppercase;
	font-weight: 700;
	padding: 5px;
}
.tabbox li:hover, .tabbox li a:hover {
	background-color: #ff8000;
}
-->