body {
	font: 77% sans-serif;
	line-height: 140%;
	text-align: center;
	color: #00243c;
	background: #bcd1e8 url(images/backgroundGradient.png) top left repeat-x;
}

img { border: none; }

h1, h2, h3, h4 { font-weight: bold; }

h1 {
	font: bold 18px sans-serif;
	margin: 0 0 1ex;
}

h2 {
	margin: 0 0 1ex;
}

table.layout {
	width: 100%;
}

table.layout tr, table.homelayout tr, table.layout td, table.homelayout td {
	vertical-align: top;
}

#catalog {
height: 400px;
overflow: auto;
}

.homelayout h3, .homelayout h4 {
	margin: 0 0 1ex;
	border-bottom: 1px solid #aaa;
}

.lessonsummary h4, .lessonsummary h3 {
border: none;
}

#catalog h3, #catalog h4 {
border: none;
}

.homelayout p {
	margin: 0 0 1em;
	padding: 0 1em;
}

.homelayout ul {
	list-style: none;
	margin: .5ex 0 1em;
	padding: 0;
}

#footer {
	border-top: 1px dotted #00243c;
	margin: 0 auto;
	padding: .5ex 0 0;
	text-align: center;
}

ul.horizontal {
margin: 0;
padding: 0;
}

ul.horizontal li {
	display: inline;
	border-right: 1px solid #888;
	padding: 0 1ex;
}

ul.horizontal li.first {
	padding-left: none;
}

ul.horizontal li.last {
	border-right: none;
	padding-right: none;
}

.search fieldset {
	padding: 1ex;
	margin: 0 0 1em;
	border: none;
}

.search legend {
font: bold italic 125% sans-serif;
padding: 1ex 0 0 0;
}

.search label {
	font: bold 100% sans-serif;
}

.search ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

.search li {
	margin: 0;
	padding: 0;
}

.aboutus {
list-style: none;
margin: 0;
padding: 0 0 1em 0;
}

.aboutus li {
	margin: .5ex 0;
	padding: .5ex;
}

.aboutus li h4 { margin: 0 0 .5ex 0; padding: 0; }

.aboutus li h4 span {
color: #999;
}

.aboutus li[onclick] h4 {
	text-decoration: underline;
	cursor: pointer;
}

.bio {
text-align: justify;
border-bottom: 1px dotted #aaa;
}

.bio .last {
	border: none;
}

.topbutton {
	display: block;
}

#wrapper {
	width: 810px;
	margin: 1em auto;
	text-align: left;
	position: relative;
/*	background: transparent url(images/bannerV3.jpg) top left no-repeat; */
}

.hidetext span { display: none; }

#navigation {
font: 11px sans-serif;
position: absolute;
top: 134px;
right: 10px;
	margin: 1ex;
}

#navigation a {
color: #584769;
font: bold 115% sans-serif;
text-decoration: none;
}

#navigation a:hover {
text-decoration: underline;
}

#contentWrapper {
background: transparent url(images/bottomGradient.gif) bottom center no-repeat;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
position: relative;
top: 156px;
border-top: 1px dotted #0071bc;
width: 807px;
}

#content {
background: white;
padding: 15px 15px 0 15px;
}

#overview h2 {
margin: 0;
padding: 0;
}

#homelink {
position: absolute;
top: 45px;
left: 127px;
height: 105px;
width: 185px;
z-index: 10000;
cursor: pointer;
}

#home {
	position: absolute;
	z-index: 15000;
	top: 138px;
	left: 12px;
	font-weight: bold;

}

#lessonDetail h2 {
margin: 0 0 .5ex 0;
}

#lessonDetail h3 {
margin: 0;
}

#lessonDetail h4 {
margin: .5ex 0;
}

#lessonDetail p {
margin: .5ex 0;
}

.sidebar {
	width: 300px;
	background: #e1e9f3 url(images/sidebarBackground.gif) bottom center no-repeat;
	margin: 0 0 1em 0;
}

.sidebar h4 {
color: white;
font-size: 14px;
border-bottom: 1px solid white;
padding: 3px 1em;
background: #0071bc url(images/h4background.jpg) top left no-repeat;
}

.sidebar ul { 
	margin: 0;
	padding: 1ex 0 1ex 3em;
}

.lessonsummary img {
	border: none;
	float: left;
	padding: 0 1ex;
}

.lessonsummary {
	padding: 1ex;
}

.lessonsummary h3 {
	margin: 0;
	padding: 0;
}

.lessonsummary h4 {
	margin: 0;
	padding: 0;
}

#lessonDetail img {
margin: 1ex 0 ;
}

.download {
	background: #b9f9d4 url(images/download.jpg) bottom center no-repeat;
	margin: 0 5px 1em;
	padding: 1ex;
	border: 1px dotted #888;
	font-weight: bold;
}

.download a, .download a:visited {
	color: black;
}


.download h4 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.principle {
	padding: 1ex;
	border-top: 1px solid #eef;
	height: 100px;
}

.principle h4 {
	color: #444;
	font-size: 14px;
	margin: 0;
}

.principle p {
	color: #444;
}

#principles h3 {
	font: bold 18px sans-serif;
	margin: 1em 0 2px 0;
}

#principles p {
	margin: 2px 0 1ex 0;
}

.principle p {
	width: 400px;
}

.principle img {
float: right;
height: 100px;
}

#glossary h2 {
margin: 2em 0 1ex;
}

#glossary dt {
font-weight: bold;
}

#glossary dd {
margin-bottom: 1ex;
}

.noterm {
	color: #aaa;
	text-decoration: none;
}


#artforms {
line-height: 100%;
}

#artforms li {
padding: .5ex 0;
color: blue;
text-decoration: underline;
}

#standards {
line-height: 100%;
}

#standards li {
padding: .5ex 0;
color: blue;
text-decoration: underline;
}

.gradelesson {
-moz-border-radius: 10px;
border: 1px solid #aaa;
background: white url(images/agrad.gif) top left repeat-x;
height: 97px;
width: 97px;
margin: 2px 2px 0 0;
display: block;
font: bold 12px sans-serif;
position: relative;
float: left;
text-align: center;
}

table.center{
	margin-left: auto;
	margin-right: auto;
}

#gradelessonA:hover {
color: white;
background: #ff9999;
}

#gradelessonK:hover {
color: white;
background: #2fb4ed;
}

#gradelesson1:hover {
color: white;
background: #33cc66;
}

#gradelesson2:hover {
color: white;
background: #ffe64f;
}

#gradelesson3:hover {
color: white;
background: #ef6729;
}

#gradelesson4:hover {
color: white;
background: #e12031;
}

#gradelesson5:hover{
color: white;
background: #cc66ff;
}

#gradelesson6:hover{
color: white;
background: #00ffcc;
}
.gradelesson table td {
	height: 50px;
	vertical-align: middle;
}

.gradelesson img {
	height: 65px;
	width: 65px;
}

.gradelesson p {
	padding: 1.5ex 0 0 0;
}

#maintext p {
	padding-top: 2.1em;
	line-height: 150%;
}

#footer form {
display: inline;
}

#footer form * {
display: inline;
}

#training {
margin: 2em 1ex;
padding: 1ex;
border: 1px solid #b0d955;
-moz-border-radius: 10px;
}

#training p {
margin: 0;
padding: 0;
}

.kitphoto {
	display: block;
	margin: 0;
	padding: 0;
	height: 50px;
	border: 2px solid white;
}

.kitphoto:hover {
	border: 2px solid black;
}