body {background:url(/images/core/pattern-repeat.jpg) repeat center top;font:normal 62.5%/1.8em arial;}
#background {background:url(/images/core/feature-bg.jpg) no-repeat center top;}
#container {width:960px;margin:0 auto;position:relative;min-height:1000px;}

#logo {position:absolute;width:202px;height:202px;top:10px;left:27px;}




/* NAVIGATION */

#navigation {position:absolute;width:719px;height:43px;top:115px;left:240px;background:url(/images/navigation/bg.gif) no-repeat 0 0;}
#navigation ul {width:685px;height:40px;margin:0 0 0 17px;}
#navigation ul li {display:inline;}
#navigation ul li a {display:block;float:left;height:40px;background-position:0 -40px;background-repeat:no-repeat;text-align:center;line-height:3em;font-size:1.2em;color:#fff;text-decoration:none;}
#navigation ul li a:hover {color:#ffe80b;}

#navigation ul li#home a {background-image:url(/images/navigation/home.gif);width:57px;}
#navigation ul li#news-blog a {background-image:url(/images/navigation/news-blog.gif);width:110px;}
#navigation ul li#image-gallery a {background-image:url(/images/navigation/image-gallery.gif);width:110px;}
#navigation ul li#merchandise a {background-image:url(/images/navigation/merchandise.gif);width:102px;}
#navigation ul li#dance-classes a {background-image:url(/images/navigation/dance-classes.gif);width:114px;}
#navigation ul li#about-us a {background-image:url(/images/navigation/about-us.gif);width:78px;}
#navigation ul li#friends a {background-image:url(/images/navigation/friends.gif);width:68px;}
#navigation ul li#contact a {background-image:url(/images/navigation/contact.gif);width:69px;}

body#home #navigation ul li#home a,
body#news-blog #navigation ul li#news-blog a,
body#image-gallery #navigation ul li#image-gallery a,
body#merchandise #navigation ul li#merchandise a,
body#dance-classes #navigation ul li#dance-classes a,
body#about-us #navigation ul li#about-us a,
body#friends #navigation ul li#friends a,
body#contact #navigation ul li#contact a
{background-position:0 0!important;color:#282828;}




/* CONTENT */

#content-container {position:absolute;left:240px;top:158px;}
#content {background:#fff;width:690px;padding:20px 14px 20px 15px;position:relative;}
.text {padding:0 10px;}
.text a {font-size: 1.2em;}
#page-end {position:absolute;bottom:-3px;right:0px;}

#latest-news {width:240px;position:absolute;left:0;top:260px;}
#latest-news ul {padding:10px;width:220px;}
#latest-news ul li {border-bottom:1px solid #687d9a;width:220px;padding:10px 0;font-size:1em;}
#latest-news ul li div.news {width:165px;float:left;}
#latest-news ul li div.news a {color:#fff;font-size:1.2em;}

div.date {width:40px;float:left;margin:0 15px 0 0;padding-top: 3px;}
div.date span.month {background:#8a2020;width:40px;height:17px;text-align:center;color:#fff;display:block;font-size:1.2em;}
div.date span.day {background:#eee;width:40px;height:30px;text-align:center;font-size:2.4em;color:#696969;display:block;line-height:1.3em;}

ul#featured-merchandise li {width:200px;float:left;padding:15px;font-size:1.1em;}
ul#featured-merchandise li span.info {color:#6c6a5b;}
ul#featured-merchandise li a {display:block;}



/* DANCE CLASSES */

#classes {width:240px;position:absolute;left:0;top:260px;}
#classes ul {padding:10px;width:220px;}
#classes ul li {border-bottom:1px solid #687d9a;width:220px;padding:10px 0;font-size:1em;}
#classes ul li a {color:#fff;font-size:1.2em;}
#classes ul li dl {color:#fff;font-size:1.2em;}
#classes ul li dt {float:left;width:100px;}
#classes ul li dd {float:left;width:120px;}

#class-listing {padding:10px;width:690px;}
#class-listing li {width:325px;height:115px;padding:10px;font-size:1em;float:left;}
#class-listing li a.class-image {width:80px;height:80px;background:#eee;padding:5px;float:left;margin:0 10px 0 0;}
#class-listing li a.class-image:hover {background:#ddd;}
#class-listing li a {font-size:1.2em;}
#class-listing li .info {width:225px;float:left;}
#class-listing li .info dl {font-size:1.2em;margin:0 0 10px 0;color:#6c6a5b;}
#class-listing li .info dt {float:left;width:100px;}
#class-listing li .info dd {float:left;width:125px;}
#class-listing li .info p {padding:0;}

#detail #image {width:210px;float:left;}
#detail #image img {border: 1px solid #333;}
#detail #copy {width:480px;float:left;}
#detail #copy dl {width: 350px;font-size:1.2em;margin:0 0 10px 0;color:#6c6a5b;}
#detail #copy dt {float:left;width:100px;}
#detail #copy dd {float:left;width:240px;}

#breadcrumbs { margin: 10px 0; }
#breadcrumbs a { font-size: 1.4em; }



/* FOOTER */

#footer {width:720px;text-align:center;padding:20px 0;}
#footer ul li {display:inline;}
#footer ul li a {color:#f0efe7;padding:0 5px;}



/* TEXT STYLES */

h1, h2 {width:690px;background:url(/images/core/heading-bg.gif) no-repeat 0 0;padding:3px 0 0;}
h3 {font-size:1em;} 
h4 {font-size:1.4em;}
h5 {font-size:1.2em;color:#000;font-weight:bold;}
p {font-size:1.2em;margin:0 0 1.5em 0;color:#6c6a5b;}
ul li {font-size:1.2em;}
a {text-decoration:none;color:#1d77d5;}
a:hover {text-decoration:underline;}



/* CONTACT US */

ul#contact-options li { color:#6c6a5b; margin-bottom: 3px; }
ul#contact-options li label { float: left; width: 85px; }

#contact-left { float: left; width: 280px; margin-left: 10px; }
#contact-right { float: right; width: 390px; }

ul.frm { color:#6c6a5b; margin-top: 7px; list-style: none; }
ul.frm li { margin: 5px 0; }
ul.frm li label { float: left; width: 130px; }
ul.frm li label.large { width: 190px; }
ul.frm li input { width: 180px; }
ul.frm li input.large { width: 260px; }
ul.frm li input[type='submit'] { width: 80px; margin: 15px 0 0 130px; }
ul.frm li input.edit { width: 125px; margin-top: 10px; }
ul.frm li textarea { width: 230px; height: 110px; }

.error { color: #000; border: 1px solid #ff3333; background-color: #eee; margin: 0 0 12px 0; padding: 3px; font-size: 1.2em; }




/* NEWS/BLOG */

div#news-container {margin-top: 12px;}
h4.news-header {font-size: 1.8em; font-weight: normal;}
div.news-filter-header {font-size: 1.3em; padding: 10px; margin-bottom: 10px; border: 1px dotted #ccc; background-color: #eee;}
div.news-filter-header a {text-decoration: underline;}
div#news-articles {float: left; width: 540px;}
div#news-archives {float: right; margin-left: 10px; padding: 4px 0 4px 4px; width: 130px; border: 1px dotted #ccc; background-color: #eee;}
div#news-archives > ul {margin-top: 8px;}
div#news-archives ul li {padding-left: 15px;}
div#news-archives a {color:#2c5197;}

.article, .article-detail {padding-bottom: 18px; margin-bottom: 18px; border-bottom: 2px dotted #ccc;}
.article-detail, .featured-article-detail {border:0;}
.article-detail .article-header {font-size: 1.3em; color: #888;}
.article-detail .article-body {margin-top: 9px; font-size: 1.4em; color: #000; }

.featured-article-detail .article-header {font-size: 1.2em; color: #888;}
.featured-article-detail .article-body {margin-top: 6px; color: #000; }

.article-file-link { font-size: 1.2em; background: url('/images/buttons/file.png') top left no-repeat; margin-bottom: 12px; }
.article-file-link a { margin-left: 22px; font-size: 1.2em; }



/* FRIENDS */

ul#friends { list-style-type: disc; margin-left: 30px; }


/* LISTS */

ul#disc { list-style-type: disc; margin-left: 30px; }
ul.spacer { margin-bottom: 30px; }


/* GALLERY */

.image { text-align: center; float: left; width: 130px; height: 140px; background-color: #eee; margin: 4px; }
.image div.top { height: 100px; }
.image div.top img { border: 1px solid #666; margin-top: 5px; }
.image div.bottom { height: 40px; width: 120px; padding: 3px; }

#image-detail { width: 100%; text-align: center; }
#image-detail img { border: 1px solid #666; margin: 10px 0; }
#image-detail #comments { padding-top: 4px; width: 100%; height: 30px; }