@charset "utf-8";

/* ====================
Henna by Holly
Holly Pagnacco Monster
April 15, 2010
==================== */

/* resets and overrides
-------------------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0
}

table {
border-collapse:collapse;
border-spacing:0
}

fieldset,img { 
border:0
}

address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal
}

caption,th {
text-align:left
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal
}

q:before,q:after {
content:''
}

abbr,acronym {
border:0
}

/* layout
-------------------- */

html {
height:100%
}

body {
height:100%;
text-align:center;
background:#fff;
font-size:100%;
font-size:12px;
font-family:Verdana, Helvetica, Arial, sans-serif;
color:#2c2d22
}

#wrapper {
margin-left:auto;
margin-right:auto;
text-align:center;
width:545px;/* 784px */
margin-top:30px;
}

#container {
text-align:left;
margin-top:40px;
padding-bottom:20px;
overflow:hidden;
}

#container h1 {
font-size:1.5em; /* 18px */
line-height:1.5em;
font-weight:700;
margin-top:0;
margin-bottom:1em;
color:#999
}

#container h2 {
font-size:1em; /* 12px */
line-height:1.5em;
font-weight:700;
margin-top:0;
margin-bottom:1em;
color:#333;
}

#container h3 {
font-size:1em; /* 12px */
line-height:1.5em;
font-weight:700;
margin-top:0;
margin-bottom:1em;
color:#666;
}

#container p {
font-size:1em; /* 12px */
line-height:1.5em;
margin-top:0;
margin-bottom:1em;
}

#container p.note {
font-size:.9em;
padding:0 0 10px 20px;
}

#container a {
color:#575850 /* 6e6e67 */
}

#container a:hover {
color:#af2524
}

#container ul {
margin-top:0;
margin-bottom:1em;
}

#container ol {
margin-top:0;
margin-bottom:1em;
}

#container li {
font-size:1em; /* 12px */
line-height:1.5em;
}

#container table {
width:98%;
margin:0 .5em 1em;
font-size:1em; /* 12px */
line-height:1.5em
}

#container th,
#container td {
padding:.25em .5em;
border:1px solid #ccc
}

#container .image {
margin-top:0;
margin-bottom:1.5em;
}

#wrapper #header {
text-align:center;
margin:0 0 2em;
border-bottom:1px solid #bec0c2;
padding:0 0 1em;
}

#wrapper #header p {
font-size:1em; /* 12px */
line-height:1.5em;
margin-top:0;
margin-bottom:.35em;
color:#6e6e67;
}

#wrapper #header p a {
color:#af2524;
}

#wrapper #header p a:hover {
color:#af2524;
}

#wrapper #footer {
width:545px;
border-top:1px solid #bec0c2;
padding:1em 0;
}

#wrapper #footer p {
font-size:1em; /* 12px */
line-height:1.5em;
margin-top:0;
margin-bottom:.35em;
color:#6e6e67;
}

#wrapper #footer p.copyright {
font-size:.8em;
margin-top:2em;
}

#wrapper #footer p a {
color:#af2524;
}

#wrapper #footer p a:hover {
color:#000;
}

.red {
color:#af2524
}

.grey {
color:#666
}

.dkgrey {
color:#333 !important;
}

.right {
float:right;
margin:0 0 1em 1em
}

.left {
float:left;
margin:0 1em 1em 0
}

.center {
text-align:center
}

.center img {
margin:0 0 1em
}

.uppercase {
text-transform:uppercase
}

.clear {
clear:both
}

.alert {
color:#cc0000;
}

hr {
margin:2em 0;
width:auto;
color:#ccc;
background-color:#ccc;
height:1px;
}

.floatbox {
width:225px;
border:1px solid #ddd;
padding:1em;
float:left
}

.floatboxlessons {
width:450px;
padding:1em;
margin:10px 0;
float:left
}

.floatboxlessons p,
.floatboxlessons form,
.floatboxlessons input {
text-align:center;
}

.floatboxlessons form {
padding:0 0 10px;
}

.yellowbkgd {
background:#ecf8b5;
border:1px solid #d1e37e;
}

.greenbkgd {
background:#d7f5ce;
border:1px solid #b4f3a0;
}

.bluebkgd {
background:#c6fef0;
border:1px solid #7ee3ca;
}

.floatimage {
padding:10px;
margin:0 0 15px 15px;
border:1px solid #ddd;
float:right;
}

.floatimage p {
width:200px;
padding: 10px 10px 0;
margin:0 auto;
text-align:center;
font-style:italic;
color:#666;
}

.nofloatimage {
margin-top:15px;
text-align:center;
clear:both;
}

.nofloatimage p {
padding: 10px 10px 0;
margin-bottom:0;
text-align:center;
font-style:italic;
color:#666;
}