/* 
Screen Stylesheet for http://www.NorwalkDanceCenter.com
Updated:	02/20/09
author:		Susan Nelson
website:	http://www.AuxanoCreative.com
==================================================
>> ::COLORS::

>> ::TOC::
	Resets
	Defaults
	Typography
	Forms
	Tables
	Template 
	Links
	Menus
	Global Classes
	Content

================================================== */

/* Resets
================================================== */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
/* Document Defaults
===================================================*/
html { 
font-size:100.01%; 
height: 101%;
}
body { 
margin:0 auto;
height:100%;
font:62.5%/1.8em Georgia, "Times New Roman", serif;
background:#cef8ff url(images/main-bg.gif) repeat-x;
color:#333;
}
/* Typography
================================================== */
blockquote, address, pre { /* adjust as needed */
margin:.5em 2em;
}
blockquote, p, li { /* adjust as needed */
padding:0 0 .4em 0;
}
h1, h2, h3, h4, h5, h6 { /* adjust as needed */
margin:0 0 1em 0;
}
h1 {
font-size:2em;
}
h2 {
margin-left:14px;
font-size:1.9em;
}
h3 {
margin-left:14px;
font-size:1.4em;
}
p, li {
font-size:1.2em;
}
#content ul {
margin:0 15px 0 35px;
font-size:1.2em;
}
#content p {
font-size:1.6em;
padding:5px 15px;
}
/* Forms
================================================== */
input, label {
vertical-align:middle;
}
label {
cursor:pointer;
}
input, select, textarea {
font-size:1.2em;
font-family:inherit;
font-size:inherit;
}
input, textarea {
padding:.2em;
}
textarea {
overflow:auto;
}
/* Contact Form
========================================== */
.contactform fieldset, .loginform fieldset, .feedbackform fieldset, .registration fieldset {
width:500px;
margin:20px 0 0 15px;
padding: 1em 1em 1em 0em; 
background-color: #fff;
border:0px solid #ccc;
clear:both;
} 
.contactform fieldset legend, .loginform fieldset legend, .feedbackform fieldset legend, .registration fieldset legend {
font-weight: bold;
font-size:1.5em;
} 
.contactform div, .loginform div, .feedbackform div, .registration div {
width: 500px;
margin:0 auto;
padding: 0.25em 0 0.25em 0;
} 
.contactform div label, .loginform div label, #m2modulform_1 {
display: block; 
width: 13em;
font-size:1.3em;
} 
.feedbackform div label, .registration div label {
display:block;
width:25em;
font-size:1.3em;
}
.feedbackform select {
font-size:1.3em;
}
.contactform input, .loginform input, .feedbackform input, .registration input {
width:188px;
font-size:1.3em;
}
.contactform textarea, .loginform textarea, .feedbackform textarea, .registration textarea {
width:230px;
height:100px;
font-size:1.3em;
}
.contactform .fbsubmit, #m2modulform_1 input, .feedbackform .fbsubmit, .registration .fbsubmit {
width:100px;
margin-left:-38px;
padding: 3px;
font-size:13px;
background:#97378b;
color:#fff;
border:1px solid #9c4b92;
}
.contactform .fbsubmit:hover, .feedbackform .fbsubmit:hover, .registration .fbsubmit:hover {
background:#9c4b92;
color:#FFF;
text-decoration:none;
border:1px solid #97378b;
}
div.captcha {
margin-left:15px;
font-size:1.2em;
}
.error_message {
font-size:1.3em;
margin:0 0 10px 40px;
}
.contactform div.checkbox, .feedbackform div.checkbox {
float:right;
width:272px;
padding-bottom:10px;
}
.contactform div.checkbox input, .feedbackform div.checkbox input {
width:15px;
}
.contactform div.checkbox label, .feedbackform div.checkbox label {
/*display:inline;*/
font-weight:bold;
float:right;
font-weight:bold;
margin-top:-15px;
padding:0;
width:91%;
text-align:left;
}
/* Login Form 
================================================== */
#login {
font-size:.9em;
}
.login-error {
color:red;
}
#login .btn, #cntnt01submit, #m2submit, #cntnt01feu_submit {
width:100px;
padding: 3px;
font-size:13px;
background:#97378b;
color:#fff;
border:1px solid #9c4b92;
}
#login .btn:hover, #cntnt01submit:hover, #m2submit:hover, #cntnt01feu_submit:hover {
background:#9c4b92;
color:#FFF;
text-decoration:none;
border:1px solid #97378b;
}
.form {
margin-left:15px;
}
/* Tables
================================================== */
table {
table-layout:fixed;
overflow:hidden;
font-size:1.4em;
/*text-align:left;
float:left;*/
margin:15px;
}
/* Template
================================================== */
#wrap {
width:915px;
margin:20px auto 0 auto;
}
#header {
width:905px;
height:170px;
margin:0 auto;
}
#flowers {
width:51px;
height:52px;
float:right;
margin:0 20px 0 0;
}
#logo {
position: relative;
width:310px;
height: 163px;
}
#logo h1 {
margin: 0;
padding: 25px;
font: 22px georgia, serif;
color:#8b2b7f;
}
#logo span {
display: block;
text-indent: 10px;
font-size: 14px;
}
#logo img {
position: absolute; top: 0; left: -10px;
}
#navcontainer {
width:905px;
height:71px;
position:absolute;
margin:53px 0 0 10px;
background: url(images/nav-bg.png) no-repeat;
}
#columns {
width:915px;
margin:10px auto;
overflow:hidden;
}
#left {
display:inline;
width:292px;
float:left;
margin:3px 0 0 10px;
}
#left img {
margin:5px 0;
}
#leftnavcontainer { 
background:#BCCF1D none repeat scroll 0 0;
margin:18px 0 0 2px;
padding:18px 0 0 0;
width:280px;
}
.leftnavcontainer-hidden { 
background:#BCCF1D none repeat scroll 0 0;
margin:45px 0 0 2px;
padding:18px 0 0 0;
width:280px;
}
#left-inner { 
background:transparent url(images/left-nav-top-bg.png) no-repeat scroll 0 0; 
margin:-38px 0 0 -2px;
width:284px;
}
#leftnav {
font-family:Georgia,"Times New Roman",serif; 
font-size:1.4em; 
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 20px;
}
#leftnavcontainer-bottom, .leftnavcontainer-hidden-bottom { 
background:transparent url(images/left-nav-bottom-bg.png) no-repeat scroll -2px 0; 
float:left;
height:17px;
margin:0;
width:284px;
}
#right {
width:610px;
float:right;
margin:0;
}
#home-content-top {
width:610px;
height:25px;
margin:0;
float:right;
background:transparent url(images/home-content-bg-top.png) no-repeat;
}
#content-top {
width:610px;
height:25px;
margin:0;
float:right;
background:transparent url(images/content-bg-top.png) no-repeat;
}
#content {
width:607px;
float:right;
margin:0 2px 0 0;
background:#fff;
}
#home-content-bottom {
width:607px;
height:33px;
margin:0 2px 0 0;
float:right;
background:transparent url(images/home-content-bg-bottom.png) no-repeat;
}
#content-bottom {
width:610px;
height:25px;
margin:0;
float:right;
background:transparent url(images/content-bg-bottom.png) no-repeat;
clear:both;
}
#footer {
width:715px;
height:25px;
margin:10px auto;
text-align:right;
color:#20b0d7;
font-family:arial, sans-serif;
font-size:.8em;
clear:both;
}
#footerhills {
width:100%;
height:113px;
background: url(images/footerhills.png) 100% 100% no-repeat;
clear:both;
background-position:bottom;
}
/* Links
================================================== */
a {
text-decoration:underline;
color:#333;
}
a:visited {
color:#333;
text-decoration:underline;
}
a:active, a:focus, a:hover {
text-decoration:none;
color:#f7268c;
outline:none;
}
a img {
border:none;
}
#footer a, #footer a:visited {
text-decoration:none;
color:#20b0d7;
}
#footer a:focus, #footer a:hover, #footer a:active {
text-decoration:underline;
color:#20b0d7;
}
/* Menus
================================================== */
/* --- Top Navigation --- */
#nav {
height:19px;
left:312px;
position:relative;
top:26px;
width:562px;
z-index:999;
}
#nav span {position:absolute;top:-999em;left:-999em;}
#nav a {display:block;float:left;height:19px;
background-image:url(images/navigation.png);background-repeat:no-repeat;}
/*link position*/
#nav a.home {width:52px;background-position: 0 0;}
#nav a.contact {background-position:-52px 0;width:160px;}
#nav a.feedback {background-position:-212px 0;width:132px;}
#nav a.policies {background-position:-344px 0;width:122px;}
#nav a.login {background-position:-466px 0;width:95px;}
/*rollover*/
#nav a.home:active, #nav a.home:focus, #nav a.home:hover
{background-position: 0 -19px;}
#nav a.contact:active, #nav a.contact:focus, #nav a.contact:hover
{background-position:-52px -19px;}
#nav a.feedback:active, #nav a.feedback:focus, #nav a.feedback:hover
{background-position:-212px -19px;}
#nav a.policies:active, #nav a.policies:focus, #nav a.policies:hover
{background-position:-344px -19px;}
#nav a.login:active, #nav a.login:focus, #nav a.login:hover
{background-position:-466px -19px;}
/* ::Left Menu:: */
#leftnav {
list-style:none;
font-family:Georgia, "Times New Roman", serif;
font-size:1.4em;
margin:0px 0 0 10px;
padding-top:20px;
}
#leftnav li {
display:block;
padding:8px 0 8px 0px;
}
#leftnav li a {
text-decoration:none;
color:#730e66;
padding:8px 0 8px 20px;
background:url(images/left-dots.png) 18px 30px no-repeat;
}
#leftnav li a, #leftnav li a:visited {
text-decoration:none;
color:#000;
padding-left:20px;
}
#leftnav li a:focus, #leftnav li a:hover, #leftnav li a:active {
text-decoration:none;
color:#730e66;
}
#leftnav li#home a, #leftnav li#home a:visited {
display:none;
}
#leftnav li#home a:focus, #leftnav li#home a:hover, #leftnav li#home a:active {
display:none;
}
.leftnavcontainer-hidden #leftnav li {
list-style:none;
background:url(images/star-bullet.png) 0 .6em no-repeat;
}
.leftnavcontainer-hidden #leftnav li a {
text-decoration:none;
color:#730e66;
padding:8px 0 8px 20px;
background:url(images/left-dots.png) 18px 30px no-repeat;
}
.leftnavcontainer-hidden #leftnav li a, .leftnavcontainer-hidden #leftnav li a:visited {
text-decoration:none;
color:#730e66;
}
.leftnavcontainer-hidden #leftnav li a:focus, .leftnavcontainer-hidden #leftnav li a:hover, .leftnavcontainer-hidden #leftnav li a:active {
color:#000;
text-decoration:none;
}
/* 2nd Level */
#leftnav li ul li {
list-style:none;
font-size:.9em;
padding:10px 0 0px 15px;
}
dfn {
display:none;
}
.logout-left {
font-size:1.6em;
text-align:center;
margin:0 auto;
padding:10px 0 5px 0;
}
.logout-left a, .logout-left a:visited {
color:#000;
}
.logout-left a:focus, .logout-left a:hover, .logout-left a:active {
color:#87277b;
}
/* ::Footer Menu:: */
#footer ul {
}
#footer li {
}
#footer li a {
}
#footer li a:active, #footer li a:focus, #footer li a:hover {
}
/* Global Classes
================================================== */
.center {
text-align:center;
}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.hidden {
display:none;
visibility:hidden;
}
.inline {
display:inline;
}
.small {
font-size:14px;
font-weight:normal;
}
.large {
font-size:20px;
font-weight:bold;
}

/* Home Page Styles
==================================================== */
#purple-intro {
width:593px;
height:232px;
margin:0 0 7px 8px;
background: url(images/intro-bg.png) no-repeat;
}
#purple-intro p {
width:400px;
padding-top:10px;
font-size:1.6em;
color:#fff;
}
#slides {
display:inline;
width:316px;
height:215px;
float:left;
margin:0 0 5px 5px;
}
#pink-intro {
width:280px;
height:215px;
float:right;
margin:0 5px 5px 0;
background: url(images/pink-intro-bg.jpg) no-repeat;
}
#pink-intro p {
font-size:1.6em;
padding:30px 0 0 0;
text-align:center;
color:#ffffff;
}
#bottom-intro {
width:592px;
margin:20px 0 0 7px;
padding:20px 0 0 0;
background: #8b2b7f none repeat scroll 0 0;
clear:both;
color:#ffffff;
}
#bottom-inner {
width:593px;
margin:-40px 0 0 0;
background:transparent url(images/purple-intro-bg.png) no-repeat scroll 0 0;
clear:both;
color:#ffffff;
}
#bottom-inner p {
margin:0;
padding:20px 20px 0 20px;
font-size:1.6em;
color:#fff;
}
/* Contact Page 
=========================================================== */
#map {
width:300px;
height:310px;
float:left;
margin:0 0 0 15px;
}
#address {
width:260px;
float:right;
margin:0 15px 0 0;
}
/* Calendar
============================================================ */
table#big {
margin:0 auto;
}
.calendar-month {
margin:10px auto;
}
/* make all links pink */
.calendar tr td a {
color: #f7268c;
font-size:12px;
text-decoration: none;
}

.calendar tr td a:hover {
color: #333;
font-size:12px;
text-decoration: none;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title {
display: none;
}
#cal-upcominglist h2, #cal-upcominglist .calendar-date, #cal-upcominglist .calendar-summary {
display: inline;
margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1 {
color: red;
font-size: 120%;
}
#cal-list h2, cal-upcominglist h2 {
font-size: 110%;
}
/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 0px;
border-collapse: collapse;
border: 1px solid black;
}
/* nice squares for the #big table */
#big th {
border: 1px solid black;
padding: 3px;
width: 75px;
margin:0 auto;
}
#big td {
border: 1px solid black;
vertical-align: top;
padding: 3px;
height: 75px;
width: 75px;
}
/* format summaries nicely in #big */
#big ul {
margin: 0px;
padding: 0px;
padding-left: 5px;
}
#big li {
list-style-type: none;
padding: 0px;
margin: 0px;
}
/* background colours for #big */
#big td {
background-color: #cef8ff;
}
#big .calendar-day {
background-color: #cef8ff;
}
#big .calendar-today {
font-weight: normal;
background-color: #13aad4;
}
.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title {
display: none;
}
.calendar-event h1 {
margin-left:18px;
font-size:1.6em;
}
.calendar-date-from {
font-size:1.4em;
margin-left:20px;
}
.calendar-returnlink {
margin:20px;
font-size:1.2em;
}