body {font-family: verdana, arial, helvetica; font-size:100%; color: #333; background-image: url(../images/body_bk.png); }

h1 {font-size: 18pt; font-weight:bold;}
lh {font-weight: bold;}
img {border:0px;}
ul {list-style-type: none; padding:0px;}
a {color: darkred;}
a:hover {background-color:white;}

#main {margin-left: auto; margin-right: auto; margin-top: 30px; width:838px; font-size:9pt;}
#footer {margin-bottom: 30px; margin-top:15px;}

/* Home */
#welcome {width: 28em; line-height: 1.4em}

#upcoming h3, #upcoming h4 {margin:0px;}
#upcoming h3 {font-size: 9pt;}
#upcoming h4 {font-weight:normal;}
#upcoming li {margin-bottom: 1.5em;}
#upcoming a {padding-left:5px; padding-right:5px;}

#test {overflow:hidden; width: 352px; height: 195px; background-image: url(../images/bk_test.png); font-size:8pt; text-align: center; padding-top:47px;}

#news {width: 256px; height: 119px; background-image: url(../images/bk_news.png); font-size:8pt; padding-top:34px;}
#news p {width:246px; margin:0px; margin-left:10px; margin-bottom:4px;}
#news input[type=text] {margin-left:10px; border:1px solid #333; background-color:transparent; font-size: 11pt; padding:4px; width: 140px; color: #444;}
#news input[type=submit] {border:1px solid #333; background-color: transparent; color: green; font-size: 11pt; padding:3px;}
#news input[type=submit]:hover, #news input[type=text]:hover {border:1px dashed;}

#col1, #col2 {float: left; width:350px; margin-top:15px;}
#col1 {margin-left: 75px;}
#col2 {margin-left: 50px;}

#welcome {margin-bottom: 2.25em;}
#upcoming {margin-bottom: 4em;}

/*#welcome, #upcoming, #test, #news {float: left;}
#welcome {margin-left: 69px; margin-top:10px;}
#test {margin-left: 100px; margin-top: -10px;}
#upcoming {margin-left: 49px; margin-top:10px;}
#news {margin-left: 100px; margin-top:30px;}*/

ul#gallery {margin:0px; width:2028px; line-height:1.8em; margin-top:3px;}

ul#gallery li {margin:0px; padding:0px; width:320px; float:left; margin-left:18px;}

#test .alt {margin-top:5px; line-height: 2em;}


/* Sign Up */
#signer {opacity: .85; position: absolute; top: 50px; left: 50px; width: 194px; height:127px; background-image: url(../images/bk_signup.png); text-align: center; padding-top:15px; padding-left: 33px;}
#signer ul {margin:0px; padding: 0px; font-size: 9pt;}
#signer li, #signer h1 {margin:0px; width:190px;}
#signer h1 {margin-bottom: 4px; font-size: 11pt;}
#signer em {font-size: 8pt; font-weight: bold; font-style: normal;}

/* About */
#about_sec {width:700px; margin:auto;}
#info, #contact, #direct, #follow {float: left; }

.pics {float: left; padding: 10px; padding-top:20px; padding-right: 15px;}

#info {width:440px;}
#info h1 {margin-top:.4em; margin-bottom: .7em; }
#info p {margin-top: 0px; line-height:1.5em; width:37em;}
#info h2 {margin-bottom:.4em; margin-top: 1.5em;}

#contact {width:170px; height: 115px; background-image: url(../images/bk_contact.png); margin-left: 50px; margin-top: 15px; padding-top: 47px; padding-left: 15px;}
#contact ul {margin:0px;}
#contact lh {font-weight: bold;}
#contact a {color: green;}

#direct{width:170px; height: 115px; background-image: url(../images/bk_direct.png); margin-left: 50px; margin-top: 15px; padding-top: 42px; padding-left: 15px;}
#direct ul {margin:0px;}

#follow {width:190px; height:39px; background-image: url(../images/bk_icons.png); margin-left: 45px; margin-top: 15px; padding-top: 6px; text-align:center;}
#follow img {margin-right: 3px; border:0px solid;}
#follow img[alt="facebook icon"] {margin-left: 20px;}
#follow a:hover {background-color:transparent;}

/* Classes */
#classes_sec {width:700px; margin:auto;}
#levels, #enroll {float:left;}

#classes_sec h1#core {margin-bottom: 0px;}
#classes_sec p.topp {margin-bottom: 20px;}

#levels {width:380px;}
#levels h2 {font-size: 11pt; margin:0px;}
#levels p {margin-top:.2em; line-height: 1.7em;}
#levels ul {margin-bottom: 2.2em; margin-top:0px; margin-left: 2em;}
#levels lh {font-weight: 600;}

#enroll {width:278px; margin-left:22px; margin-top:23px; padding:10px;}
#enroll p {margin: 0px;}

#enroll #price {color: #330033; font-size:7pt; height:112px; background-image: url(../images/bk_large.png); padding-left: 30px; padding-right: 25px; padding-top: 5px;}
#enroll #price em {display:block; text-align:center; color: #660066; font-size:24pt; font-weight:600; padding:3px;}
#enroll #price span {font-size: 10pt; font-style: italic;}

#enroll #stud_discount {background-image: url(../images/bk_small.png); height:26px; color:#006600; text-align:center; padding-top: 9px; font-size: 11pt; font-weight: 600; margin-top: 1px;}

#enroll #discount {color: #006666; background-image: url(../images/bk_medium.png); height:51px; padding-top: 7px; padding-left: 30px; font-size: 9pt; padding-right:22px; margin-top: 1px;}
#enroll #discount em {font-weight: bold;}

#enroll #signup {background-image: url(../images/bk_small.png); height:26px; color:#006600; text-align:center; padding-top: 9px; font-size: 10pt; font-weight: 600; margin-top: 1px;}
#enroll #deposit {color: #006666; background-image: url(../images/bk_medium.png); height:51px; padding-top: 7px; padding-left: 30px; font-size: 9pt; padding-right:22px; margin-top: 1px;}
#enroll #deposit em {font-weight: bold;}

/* Meisner */
#meisner_sec {width:700px; margin:auto;}
#meisner_sec h3 {margin-bottom:0px; margin-top:1.5em;}
#meisner_sec p {margin-top:.2em; line-height:1.7em;}
#meisner_sec img {margin-top:23px; margin-left:40px; line-height:1.7em;}
#faq, #links {float: left;}

#faq {width:380px;}
#links {width:260px; margin-left:40px; margin-top:0px; padding:10px;}

/* Newsletter */
#newsletter {width:480px; text-align: center; margin:auto;}
#newsletter {margin-bottom: 30px;}
#newsletter p {line-height: 1.5em; font-size:11pt;}

/* The Space */
#space_sec {width:700px; margin:auto; margin-bottom:30px; }
#space_info {float:left; width:320px;}
#space_pics {float:right; width:340px; margin-top: 23px;}
#space_pics img {margin-bottom:20px;}