/* Stylesheet for Rangashree Dances of India */

body, h1, h2, h3, p {margin: 0; padding: 0; }

/* Argument order for margin and padding: top, right, bottom, left */

/*-------*/
/* Links */
/*-------*/

a img {border: none; }
a:link {color: #0066FF; }
a:visited {color: #6600CC; }
a:hover {color: #FF3333; }
a:active {color: #FF0000; }

/*-------------*/
/* Text Styles */
/*-------------*/

.editnote {
color: #FFFFFF;
background: #FF0000;
font-weight: 900;
font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans;
}
.italic {
font-style: italic;
}
.postal-address {
font-style: italic;
font-size: 100%;
}
.foreign {
font-style: italic;
}
.dance-title {
font-style: italic;
}
.month-name {
letter-spacing: 2px;
font-size: 120%;
color: #FFFFFF;
}
.weekend-date{
color: #CC6633;
}
.booktitle {
font-style: italic;
}

/*-------------------------------*/
/* Page Header with Banner Image */
/*-------------------------------*/

#header {
width: 780px; 
position: absolute; 
top: 0px; 
left: 0px; 
font-family: Arial, Helvetica, Verdana, Sans;
margin: 0;
padding: 0;
}
#header img#banner {
position: absolute; 
top: 0px; 
left: 0px;
margin: 0;
padding: 0;
}

/*---------------------------------*/
/* Navigation Menu on Left of Page */
/*---------------------------------*/

#navigation {
width: 180px; 
position: absolute; 
top: 160px; 
left: 10px; 
/*font-family: Arial, Helvetica, Verdana, Sans;*/
font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans;
/*font-family: Georgia, 'Times New Roman', Times, Serif;*/
margin: 0;
padding: 0;
}
#navigation div {
border: 1px solid #FFCC66; 
background: #EEEEBB; 
font-size: 75%; 
line-height: 1.2em;
margin: 0 0 15px 0; 
padding: 5px; 
}
#navigation a {
text-decoration: none;
}
#navigation h2 {
font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, Sans; 
font-size: 120%; 
text-transform: uppercase; 
background: #FFCC66 url(art/rcorner.png) right top no-repeat; 
color: white; 
margin: 0; 
padding: 3px; 
}
#navigation h3 {
color: #CC9900; 
font-weight: 600; 
font-size: 110%; 
margin: 0.3em 0 0.2em 0; 
padding: 0; 
}		
#navigation h3.nolistbelow {
margin: 0.3em 0 0.5em 0; 
padding: 0; 
}		
#navigation ul {
color: #FFCC66; 
margin: 3px 0 5px 20px; 
padding: 0px; 
}
#navigation li {
margin: 3px 0 0 0; 
padding: 0px; 
} 
#navigation a img {
margin: 10px 0 0 0; 
padding: 0px; 
}

/*-----------------------------*/
/* Path Bar Above Main Content */
/*-----------------------------*/

#pathbar {
width: 570px; 
font-family: Arial, Verdana, Helvetica, Sans;
margin: 160px 0 0 210px;
padding: 0;
}
#pathbar p {
font-size: 80%; 
border: #FFD700 solid 1px; 
border-width: 1px 0; 
line-height: 1.6; 
margin 0;
padding: 3px 0; 
}
#pathbar a {
text-decoration: none;
}

/*--------------*/
/* Main Content */
/*--------------*/

#main-content {
width: 570px; 
color: #333333; 
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 0 0 0 210px; 
padding: 0; 
}
#main-content a {
text-decoration: none;
}
#main-content a:visited {
color: #6600CC; 
}
#main-content a:hover {
color: #0066FF; 
text-decoration: underline;
}
#main-content a:active {
color: #FF0000;
}

/*----------------------------------------------*/
/* Main Content Headings, Paragraphs, and Lists */
/*----------------------------------------------*/

#main-content h1 {
font-size: 200%;
font-family: Arial, Helvetica, Verdana, Sans; 
margin: 0.67em 0;
padding: 0;
}
#main-content h2 {
font-size: 150%; 
font-family: Arial, Helvetica, Verdana, Sans;
margin: 0.5em 0 0.2em 0;
padding: 0;
}
#main-content h3 {
font-size: 125%; 
font-family: Arial, Helvetica, Verdana, Sans;
margin: 0.3em 0 0.1em 0;
padding: 0;
}
#main-content p {
margin: 1.7em 0 1.7em 0;
padding: 0;
}
#main-content p.centered {
text-align: center;
margin: 1.7em 0 1.7em 0;
padding: 0;
}
#main-content p.prevnext {
text-align: center;
margin: 2.2em 0 1.7em 0;
padding: 0;
}
#main-content p.follow-close {
margin: 0.5em 0 1.7em 0;
padding: 0;
}
#main-content p.sectionbreak {
text-align: center;
margin: 2.0em 0 2.0em 0;
padding: 0;
}
#main-content p.ul {
margin: 1.7em 0 0.5em 0;
padding: 0;
}
#main-content ul {
margin: 0.5em 0 1.7em 3.0em;
padding: 0;
} 
#main-content ul.nested {
margin: 0.5em 0 0.5em 3.0em;
padding: 0;
} 
#main-content ol {
margin: 0.5em 0 1.7em 3.0em;
padding: 0;
} 
#main-content li {
margin: 0.3em 0 0 0;
padding: 0;
} 
#main-content li.level2 {
font-size: 150%; 
font-weight: bold;
font-family: Arial, Helvetica, Verdana, Sans;
} 
#main-content li.level3 {
font-size: 125%; 
font-family: Arial, Helvetica, Verdana, Sans;
} 
#main-content li.level4 {
font-size: 110%; 
} 
#main-content dt {
font-style: italic;
font-weight: bold;
margin: 0.5em 0 0 0;
padding: 0;
}
#main-content dd {
margin: 0.2em 0 0 2em;
padding: 0;
}

/*---------------------------------*/
/* Main Content Images and Figures */
/*---------------------------------*/

#main-content img.left {
float: left; 
margin: 5px 10px 5px 0;
padding: 0;
}
#main-content img.right {
float: right; 
margin: 5px 0 5px 10px;
padding: 0;
}
#main-content img.contact-address {
position: relative;
top: 3px;
margin: 0;
padding: 0;
}

#main-content div.figure {
/* width is specified in-line and is image with plus 20px */
padding: 10px; /* if not 10px, change in-line width values */
margin: 5px 10px 5px 10px;
border: thin solid silver;
}
#main-content div.figure-left {
float: left; 
/* width is specified in-line and is image with plus 20px */
padding: 10px; /* if not 10px, change in-line width values */
margin: 5px 10px 5px 0;
border: thin solid silver;
}
#main-content div.figure-right {
float: right; 
/* width is specified in-line and is image with plus 20px */
padding: 10px; /* if not 10px, change in-line width values */
margin: 5px 0 5px 10px;
border: thin solid silver;
}
#main-content p.image {
text-align: center;
padding: 0;
margin: 0;
}
#main-content p.caption {
text-align: center;
font-size: 90%;
font-style: italic;
margin: 1.2em 0 0.5em 0;
padding: 0;
}
#main-content p.legend {
text-align: left;
font-size: 90%;
margin: 1.2em 0 0.5em 0;
padding: 0;
}

/*---------------------*/
/* Main Content Tables */
/*---------------------*/

#main-content table.danceclass {
table-layout: fixed; 
margin: 0 0 0 10px; 
padding: 0; 
}
#main-content table.danceclass td {
width: 270px;
border: none; 
vertical-align: top;
padding: 0 5px 0 5px; 
margin: 0; 
}
#main-content table.danceclass td ul {
list-style-type: none;
margin: 0.5em 0 0 0.5em;
padding: 0;
}

#main-content table.basic {
table-layout: automatic; 
margin: 0; 
padding: 0; 
}
#main-content table.basic td {
border: none; 
vertical-align: top;
margin: 0; 
padding: 1px 10px 1px 10px; 
}
#main-content table.basic th {
text-align: left; 
font-weight: bolder; 
margin: 0; 
padding: 2px 10px 2px 10px; 
}

#main-content table.contactslist {
table-layout: automatic; 
margin: 0; 
padding: 0; 
}
#main-content table.contactslist td {
border: none; 
vertical-align: top;
margin: 0; 
padding: 10px 5px 5px 25px; 
}

#main-content table.key {
table-layout: automatic; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 10px 0 0 0; 
padding: 0; 
}
#main-content table.key td.firstcell {
border: none; 
margin: 0; 
padding: 0 15px 0 0;
}

#main-content table.calendar {
border-collapse: collapse; 
border: 1px solid #000000; 
table-layout: automatic; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 10px 0 0 0; 
padding: 0; 
}
#main-content table.calendar tr.headings {
text-align: center; 
text-transform: uppercase; 
font-size: 120%; 
font-weight: bolder; 
color: #666633; 
background: #EEEEBB;
}
#main-content table.calendar th {
border: 1px solid #000000; 
letter-spacing: 2px;
margin: 0; 
padding: 7px; 
}

#main-content table.photogroup {
border: none; 
table-layout: automatic; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 10px 0 0 0; 
padding: 0; 
}
#main-content table.photogroup tr {
text-align: center; 
}
#main-content table.photogroup td {
border: none; 
}

#main-content td {
border: 1px solid #000000; 
vertical-align: top;
margin: 0; 
padding: 5px; 
}
#main-content td.rangashree {
color: #CC0033; 
font-weight: bold;
}
#main-content td.appearing {
color: #CC0033;
}
/*#main-content td.other {
}*/
#main-content td.tentative {
background: #CCCCCC;
}
#main-content td.rangashree-tentative {
font-weight: bold; 
color: #CC0033; 
background: #CCCCCC;
}
#main-content td.appearing-tentative {
color: #CC0033; 
background: #CCCCCC;
}
#main-content td.other-tentative {
background: #FFFF66;
}
#main-content td.festival {
color: #666633; 
background: #FFFFCC;
}
#main-content td.month {
font-family: Arial, Helvetica, Verdana, Sans;
font-weight: bolder; 
font-size: 95%;
color: #FFFFCC; 
background: #BBBB88;
}
#main-content td.africa {
background: #CCFFFF;
}
#main-content td.asia {
background: #FFCCFF;
}
#main-content td.europe {
background: #CCCCFF;
}
#main-content td.india {
background: #CCFFCC;
}
#main-content td.mideast {
background: #FFFFCC;
}
#main-content td.america {
background: #FFCCCC;
}

/*---------------------------*/
/* Footer Below Main Content */
/*---------------------------*/

#footer {
width: 570px; 
border: #C0C0C0 solid 1px; 
border-width: 1px 0 0 0; 
font-family: Arial, Verdana, Helvetica, Sans; 
font-size: 80%; 
color: #444444; 
text-align: center; 
clear: both;
margin: 20px 0 5px 210px; 
padding: 3px 0 0 0; 
}
#footer a {
text-decoration: none;
}
#footer p {
margin: 1px 0 1px 0; 
padding: 0;
}

/*--------------------------------------------------------*/
/* Photo Content - Used in Basic Viewer, Individual Files */
/*--------------------------------------------------------*/

#photo-content {
width: 770px; 
color: #333333; 
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 0 0 0 10px; 
padding: 0; 
}
#photo-content a {
text-decoration: none;
}
#photo-content a:visited {
color: #6600CC; 
}
#photo-content a:hover {
color: #0066FF; 
text-decoration: underline;
}
#photo-content a:active {
color: #FF0000;
}

#photo-content h1 {
font-size: 200%;
font-family: Arial, Helvetica, Verdana, Sans; 
margin: 0.67em 0;
padding: 0;
}
#photo-content p {
margin: 0.5em 0 0.5em 0;
padding: 0;
}
#photo-content p.foto-caption {
font-weight: 700;
margin: 0.5em 0 1em 0;
padding: 0;
}
#photo-content p.prevnext {
text-align: center;
font-size: 120%; 
font-weight: 700;
margin: 0.7em 0 0.5em 0;
padding: 0;
}

#photo-content img#main {
border: 4px solid #000000;
margin: 0;
padding: 0;
}
#photo-content div#foto-display {
text-align: center;
margin: 0;
padding: 0;
}
#photo-content div#subtext {
text-align: center;
margin: 0 100px 0 100px;
padding: 0;
}

#photo-content div#foto-display table#viewer {
text-align: center;
border: none; 
table-layout: automatic; 
margin: 0 auto 0 auto; 
padding: 0; 
}
#photo-content div#foto-display table#viewer td {
border: none; 
vertical-align: top;
}

/*---------------------------------------------------------------------*/
/* Footer Below Photo Content - Used in Basic Viewer, Individual Files */
/*---------------------------------------------------------------------*/

#foto-footer {
width: 770px; 
border: #C0C0C0 solid 1px; 
border-width: 1px 0 0 0; 
font-family: Arial, Verdana, Helvetica, Sans; 
font-size: 80%; 
color: #444444; 
text-align: center; 
clear: both;
margin: 20px 0 5px 10px; 
padding: 3px 0 0 0; 
}
#foto-footer a {
text-decoration: none;
}
#foto-footer p {
margin: 1px 0 1px 0; 
padding: 0;
}

/*-----------------------------------------*/
/* Nav Bar for Thumbnails in Frames Viewer */
/*-----------------------------------------*/

#thumbnav {
width: 180 px;
text-align: center;
font-size: 80%; 
font-family: Arial, Helvetica, Verdana, Sans;
margin: 0;
padding: 0;
}
#thumbnav a {
text-decoration: none;
}
#thumbnav p {
margin: 2px 0 2px 0; 
padding: 0;
}

/*---------------------------------*/
/* Photo Content for Frames Viewer */
/*---------------------------------*/

#fullview {
width: 570px; 
color: #333333; 
font-size: 80%; 
font-family: Verdana, Arial, Helvetica, Sans;
margin: 0 0 0 10px; 
padding: 0; 
}
#fullview a {
text-decoration: none;
}
#fullview a:visited {
color: #6600CC; 
}
#fullview a:hover {
color: #0066FF; 
text-decoration: underline;
}
#fullview a:active {
color: #FF0000;
}

#fullview h1 {
font-size: 200%;
font-family: Arial, Helvetica, Verdana, Sans; 
margin: 0.67em 0;
padding: 0;
}
#fullview p {
margin: 1.7em 0 1.7em 0;
padding: 0;
}