/* Cave Creek Dance CSS file: version 6/25/2009 by Tim Slavin */

body {
 background: #fff;
 font: 12px/20px Georgia, "Times New Roman", Times;
 margin: 0; padding: 0;
 text-align: left;
}

a {
 color: #943232;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
strong {
 color: #943232;
}
.hidden {
 display: none;
 visibility: hidden;
}

h1 {
 background: url("../images/design/cave-creek-dance-logo.jpg") no-repeat transparent;
 color: #000;
 float: left;
 height: 450px; /*logo image height*/
 margin: 0; padding: 0;
 position: relative;
 width: 840px; /*logo image width*/
 z-index: 0;
}
h1 span { /*Hides site title if page viewed by web browser*/
 display: none;
 visibility: hidden;
}


/*Common layout styles*/
#header, #top-right-info, #top-nav, #links, #content, #copy, #right-column, .photo-left, .photo-right, .photo-full, #footer, #footer-nav, #footer-copy {
 background: transparent;
 display: inline;
 float: left;
 margin: 0; padding: 0;
 position: relative;
 z-index: 0;
}

#frame {
 margin: 0; padding: 0;
 margin-right: auto; /*centers page design*/
 margin-left: auto; /*centers page design*/
}

#frame, #header, #content, #right-column, #footer, #footer-nav, #footer-copy {
 width: 840px;
}


#header #top-right-info {
 background: #7e0001;
 color: #fff;
 left: 560px;
 position: absolute;
 top: 10px;
}
#header #top-right-info a, #header #top-right-info p {
 color: #fff;
 font: 12px/18px Arial, Helvetica, sans-serif;
 margin: 0; padding: 0;
}
#header #top-right-info a {
 padding: 0 3px;
}
#header {
 padding-bottom: 10px;
}

#content {
 background: #f1f1ea;
 margin-top: -45px; padding-bottom: 40px;
 min-height: 300px;
}
#content h2, #content h3, #content h4, #content h5 {
 clear: both;
}
#content h2, #content h3, #content h4, #content h5, #content p, #content ul, #content ol {
 margin: 0; padding: 0 20px 10px;
}
#content a {
 text-decoration: underline;
}
#content a:hover {
 text-decoration: none;
}
#content #copy {
 width: 500px;
}
#content li {
 margin-left: 20px;
}
#content h2 {
 color: #943232;
 font: 24px/28px Arial, Helvetica, sans-serif;
 margin-top: 10px; padding-bottom: 20px;
}
#content h3 {
 font: 16px/24px Arial, Helvetica, sans-serif;
 margin-top: 20px; padding-bottom: 0;
}
#content h4 {
 font: bold 14px/16px Georgia, "Times New Roman", Times, serif;
 margin-top: 10px; padding-bottom: 0;
}


#right-column {
 float: right;
 margin: -20px 20px 0 0;
 width: 290px;
}
#right-column h3 {
 border-bottom: 1px solid #943232;
 font: 16px/20px Arial, Helvetica, sans-serif;
 margin: 20px 0 10px; padding-bottom: 3px;
}
#right-column p {
 padding-bottom: 10px;
}


.photo-left, .photo-right, .photo-full {
 border: 6px solid #fff;
}
.photo-left {
 margin: 5px 15px 0; padding: 0;
}
.photo-right {
 float: right;
 margin: 5px 0 0 10px; padding: 0;
}
.photo-full {
 clear: both;
 margin: 10px 0 0; padding: 0;
}



#footer {
 background: #000;
 padding: 20px 0 40px;
}
#footer a, #footer p {
 color: #ccc;
}
#footer p {
 margin: 0; padding: 0 20px 20px;
}



/*Navigation links*/
#top-nav {
 background: #000;
 font: bold 12px/15px Arial, Helvetica, sans-serif;
 margin: -440px 20px 0; padding: 0;
 z-index: 10;
}
#links, #links ul {
 background: #000;
 display: inline;
 float: left;
 font-weight: bold;
 list-style: none;
 line-height: 1;
 margin: 0; padding: 0;
 position: relative;
 z-index: 10;
}
#links a {
 color: #fff;
 display: block;
 font-size: 12px;
 margin: 0; padding: 0.25em 20px .25em 0;
 text-decoration: none;
}
#links a:hover {
 text-decoration: underline;
}
#links a.parent {
 background: url(../images/layout/rightarrow2.gif) center right no-repeat;
 margin: 0; padding: 0.25em 0;
 width: 25em;
}
#links .wide {
 margin: 0; padding: 0 5px .25em 0;
}
#links a#current {
 border: 1px solid #ddd; /*bfaaaa*/
 margin: 1px 9px 0 0; padding: 2px 4px;
}

#links li {
 float: left;
 margin: 0; padding: 0;
}
/*set widths of li containers*/
#links li ul, #links li li, #links li ul ul {
 width: 25em;
}
/*set type and widths of links within li containers*/
#links li ul li a, #links li ul a {
 font: 12px/15px Arial, Helvetica, sans-serif;
 width: 20em;
}
#links li ul {
 background: #000;
 border: 1px solid #cccccc;
 font-weight: normal;
 height: auto;
 left: -999em;
 margin: 0; padding: 2px;
 position: absolute;
 text-align: left;
 z-index: 10;
}
#links li ul li a {
 font-size: 14px;
 font-weight: normal;
 padding: 0.25em 0 .25em 5px;
 text-align: left;
}
#links li li {
 padding: 0.25em 0;
}
#links li ul a {
 text-decoration: none;
}
#links li ul ul {
 color: #000;
 margin: -1.75em 0 0;
}
#links li:hover ul ul, #links li:hover ul ul ul, #links li.sfhover ul ul, #links li.sfhover ul ul ul {
 left: -999em;
}
#links li:hover ul, #links li li:hover ul, #links li li li:hover ul, #links li.sfhover ul, #links li li.sfhover ul, #links li li li.sfhover ul {
 left: auto;
 z-index: 10;
}
#links li ul li:hover, #links li ul li.sfhover {
 background: #555;
}