body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	background: url(../images/bg_tile.gif) top left repeat-x #262626;
	margin: 0 0 50px 0;
	padding: 0;
}
* html .iefloatfix { height: 0.01%; }
table, th, tr, td { font-size: 12px; }
ul, li { list-style: none; }
a:link, a:visited { color: #338178; text-decoration: underline; }
a:hover, a:active { color: #f47721; text-decoration: none; }
a img { border: 0; }
p, li {	line-height: 20px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; }
.hide { display: none; }
.separate { clear: both; width: 870px; height: 20px; background: url(../images/separate.gif) no-repeat top left;  }
.error { font-weight: bold; color: #a00; }
.pagebreak { }
.pic, .picborder, #locations_map_border { padding: 8px; margin: 10px; border-top: 1px solid #ddd; border-right: 1px solid #aaa; border-bottom: 2px solid #aaa; border-left: 1px solid #ddd; background-color: #fff; }
.picborder { width: 202px; }
.half { float: left; width: 45%; }
.third { float: left; width: 30%; }
.quarter { float: left; width: 25%; }
.strike { text-decoration: line-through; }
.class ul li { list-style: disc; }
.class ol li { list-style: decimal; }
.edit { border-bottom: 1px dotted #338178; cursor: pointer; }
.halfpad { float: left; width: 40%;  padding: 20px; }
.alert { background-color: #ffc; }
.collagereg { color: #c00; }
.hilite { background-color: #ffc;}
.tip { cursor: pointer; border-bottom: 1px dashed #000; }

#main { width: 950px; margin: 0 auto; padding: 0; text-align: left; background-color: #fff; }

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

h1 {font-size: 18px; }
h2 {font-size: 14px; text-transform: uppercase; margin: 7px 0 4px 0; }
h3 {font-size: 14px; margin: 7px 0 20px 0; }
h4 {font-size: 12px; margin: 12px 0; }

#header { background: url(../images/hdr_diy.gif) no-repeat top left #fff; height: 150px; position: relative; }
#header #homeLink { display: block; height: 150px; width: 373px; text-indent: -500em; background: url(../images/logo_diy.png) top left no-repeat; margin: 0 0 0 5px; padding: 0; }
#header #tagline { background: url(../images/hdr_tagline.png) top left no-repeat; display: block; text-indent: -500em; width: 454px; height: 52px; top: 50px; left: 458px; position: absolute; }

#devsite { text-align: center; width: 950px; padding: 0; margin: 0; background-color: #000; font-weight: bold; }
#devsite h1 { margin: 0; padding: 0; }

#nav { float: left; width: 950px; margin: 0; padding: 0; background-color: #000; border-bottom: 1px solid #333; }
#adminnav { float: left; width: 950px; margin: 0; padding: 0; background-color: #fff; }
#nav li, #adminnav li { float: left; margin: 0; list-style: none; }
#nav a { float: left; padding: 4px 10px; text-decoration: none; color: #fff; }
#adminnav a { float: left; padding: 1px 6px; text-decoration: none; color: #338178; }
#nav a:hover, #adminnav a:hover, #nav a:active, #adminnav a:active { text-decoration: underline; }
.adminlabel { margin: 0; padding: 1px 6px; font-weight: bold; color: #333; }

#nav .signup a { color: #f47721; font-weight: bold; }

#subnav { margin: 10px 0; }

body#home #nav .home a,
body#categories #nav .categories a,
body#classlist #nav .categories a,
body#teacherlist #nav .teacherlist a,
body#locations #nav .locations a,
body#contact #nav .contact a,
body#teach #nav .teach a,
body#whydiy #nav .whydiy a,
body#faq #nav .faq a,
body#calendar #nav .calendar a { font-weight: bold; text-decoration: underline; }

body#adminteachers #adminnav .adminteachers a,
body#adminclasses #adminnav .adminclasses a,
body#admincalendar #adminnav .admincalendar a,
body#adminreglist #adminnav .adminregistrations a,
body#adminnotes #adminnav .adminnotes a,
body#adminfeatures #adminnav .adminfeatures a,
body#adminregistrations #adminnav .adminregistrations a { font-weight: bold; text-decoration: underline; }

#navuser { float: right; margin: 128px 5px 0 0; }
#navuser a { color: #fff; }
#content { padding: 0 30px 50px 30px; }

#banner { width: 950px; color: #000; margin: 0; padding: 15px 20px; height: 55px; background: url(../images/bg_banner.jpg) top left repeat-x; voice-family: "\"}\""; voice-family:inherit; width: 910px; }
html>body #banner { width: 910px; }
#banner p { font-size: 12px; margin: 0; padding: 3px 0; line-height: 18px; }
#banner h1 { margin-bottom: 0; font-size: 18px; color: #000; }
#banner strong { font-size: 14px; }
#banner .bannerbutton { float: right; margin-left: 30px; border: 0; }

#searchform { float: right; padding: 10px; }

#home #banner { padding-bottom: 0; }
#announcements { background-color: #eee; padding: 15px; }

#categories #content { margin: 0 45px; }
#categories #content p { margin-bottom: 15px; }
#categories .picborder { width: 122px; margin-top: 0; float: left; }
#categories .picborder img { border: 1px solid #ccc; }
#categories .category { margin-bottom: 60px; width: 50%; float: left; }

#classes h1 { font-size: 14px; font-weight: bold; margin-top: 0; padding-top: 7px; }
.details { float: left; width: 220px; }
.details p { margin-left: 20px; }
.details img { border: 0; }
.picborder img { border: 1px solid #ccc; }
.description { margin-left: 245px; margin-bottom: 30px; padding: 0 20px 0 25px; }

#teachers h1 { font-size: 14px; font-weight: bold; margin-top: 0; padding-top: 7px; }
#teachers .teacherstats { float: left; width: 220px; }
#teachers .teacherstats p { margin-left: 20px; }
#teachers .teacherstats img { border: 0; }
#teachers .picborder img { border: 1px solid #ccc; }
#teachers .bio { margin-left: 245px; padding: 0 20px 0 25px; }
#teachers .bio li { padding-bottom: 5px; }

#calendarlist { width: 886px; }
#calendarlist td { padding: 3px; border-bottom: 1px solid #eee; }
#calendarlist th { text-align: left; border-bottom: 1px solid #ccc; padding: 20px 0 5px 0; }

#calendarlistshort { width: 572px; }
#calendarlistshort td { padding: 5px 3px; border-bottom: 1px solid #eee; }
#calendarlistshort th { text-align: left; border-bottom: 1px solid #ccc; padding: 20px 0 5px 0; }

#calblock { border-top: 2px solid #333; border-bottom: 2px solid #333; background-color: #fff; padding: 8px; margin: 0 8px 15px 0; }

.calendarview { width: 890px; border: 1px solid #ccc; }
.calendarview td { border: 1px solid #eee; width: 100px; height: 100px; text-align: left; vertical-align: top; }
.calendar-caption { font-size: 16px; font-weight: bold; padding: 15px 0; }
.calendar-scheduled { background-color: #f6f6f6; }
.calendar-nav { font-size: 11px; padding: 0 30px; font-weight: normal; }

.cartform { margin: 0; padding: 0; }

.feat { margin: 10px 30px 10px 25px; width: 390px; float: left; }
.featlong { margin: 20px; width: 650px; float: left; }
.feat img, .featlong img { padding: 8px; border-top: 1px solid #ddd; border-right: 1px solid #aaa; border-bottom: 2px solid #aaa; border-left: 1px solid #ddd; }
.feat p { padding: 0; margin: 0 0 7px 0; }
.feat .hilight { color: #338178; }

#links h2, #home #mailinglist h2, #home #comingclasses h2, #blogfeed h2 { display: block; width: 100%; border-bottom: 1px solid #4a3c20; margin-bottom: 7px; }

#links { margin: 50px 15px; }
#links ul, #message ul { list-style-image: url(../images/blt_arrow.gif); margin: 0; padding: 0; }
#links li, #message li { list-style: none; margin: 0 0 0 15px; padding: 0 0 6px 0; }
#links ul { margin-right: 40px; margin-top: 20px; }
#links a { font-size: 16px; font-weight: bold; }

#home #mailinglist, #home #comingclasses { margin: 50px 15px; width: 450px; float: left; }
#facebookbadge { float: right; margin: 50px 30px 0 0; }

#home #comingclasses td { padding: 6px; }
#home #blogfeed { padding: 0 15px; }

#footer { width: 938px; margin: 0 auto; padding: 6px; color: #ccc; border-top: 1px solid #333; }
#footer p { padding: 0 8px 0 0; margin: 0; text-align: left; }
#footer a { color: #fff; }
#footer a:hover, #footer a:active { color: #f47721; }

#adminregistrations th, #adminreglist th { text-align: left; border-bottom: 1px solid #ccc; padding: 20px 0 5px 0; }
#adminreglist th { text-align: left; padding: 50px 6px 8px 6px; }
#adminregistrations td, #adminreglist td, .table td, #adminfeaturelist td { padding: 3px; border-bottom: 1px solid #eee; }
#adminreglist table { width: 885px; margin-bottom: 60px; }
#adminfeaturelist .thumbnail { width: 100px; margin-top: 10px; }
#adminfeaturelist th, .table th { text-align: left; padding-top: 30px; text-align: left;}

#adminusers { margin: 0 30px; width: 600px; }

#image_cropper { margin: 20px auto; }

#message, .message { background-color: #ffc; border: 1px solid #f00; padding: 7px; margin-bottom: 30px; }
#message h1 { color: #f00; font-weight: bold; font-size: 12px; }

#register #main { padding-bottom: 60px; }
#register table { margin-bottom: 15px; }
#register th { text-align: left; border-bottom: 1px solid #ccc; padding: 20px 0 5px 0; }
#register td, #registerlist td, #cancellist td { padding: 4px 3px; border-bottom: 1px solid #eee; }
#registerlist { width: 885px; background-color: #ffc; }
#cancellist { width: 885px; }
.totallabel, .total { font-weight: bold; padding-top: 10px; border-top: 1px solid #ccc; }
.totallabel { text-align: right; }
#orderTable { margin-top: 30px; }

#dateFields { margin-top: 15px; }

#regdetails { width: 900px; margin-left: auto; margin-right: auto; }

.horizontal ul { list-style: none; margin: 0; padding: 0; }
.horizontal li { float: left; margin: 0 0 0 15px; padding: 0 0 6px 0; }

.formlong { width: 900px; }

.bullet, .bullet:hover, .bullet:active { background: url(../images/blt_arrow.gif) no-repeat top left; padding-left: 15px; }
.pullquote { width: 200px; margin: 15px; line-height: 30px; }
.storyimg { margin: 10px; }
p.caption { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333; margin: 0; padding-top: 7px; }

#whydiy #content, #faq #content, #contact #content, #teach #content, body#mailinglist #content, #events #content { padding-left: 35px; padding-right: 35px; }
#faq #content p { margin: 7px 25px 25px 25px; }

#whydiy #content li { list-style-type: disc; }

#class_details { font-size: 11px; padding: 15px; width: 600px; margin: 0 auto; margin-top: 15px; }
#class_details li { background: url(../images/blt_arrow.gif) no-repeat top left; padding-left: 15px; line-height: normal; padding-bottom: 10px; list-style: none;}

#sitedown { background-color: #b2f8ea; margin: 20px; padding: 50px; }

#midnav { margin-left: 15px; }

#loginform { padding: 30px; }
#loginform .field, #signupForm .field { width: 150px; margin: 3px 0; }
#loginform .label, #signupForm .label { width: 100px; margin: 3px 10px 3px 0; text-align: right; display: block; float: left; }
#signupForm .label { width: 150px; }
#loginform #submit { margin: 5px 0 10px 0; }

#locations_map_border { width: 660px; }
#locations_map { width: 660px; height: 450px; }

.onlineClass { color: #f47721; }
.classrow { margin: 15px; padding: 30px; border: 1px solid #ccc; background-color: #eee }
.videoThumb { width: 260px; float: left; }
.videoDetails { margin-left: 280px; }

#cropPreview { width: 370px; height: 200px; overflow: hidden; }