*{ margin:0; padding:0;}

body{    
   background-color: #b000000;   
   background-image: url(../Images/tartanbackground.jpg);    
   background-repeat: repeat;   
   color: #000000;   
   font-family: Verdana, Helvetica, Arial, sans-serif;   
   font-size: 1em;   
   margin: 0;
}

.btn{
   color:#000000;
   font-family: Verdana, Helvetica, Arial, sans-serif;  
   font-size: 1em;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:slateblue;
   border-left-color:slateblue;
   border-right-color:slateblue;
   border-bottom-color:slateblue;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffff66');
}

table {   
   width: 800px;   
   border: solid #000 1px; 
}

td {    
   border: solid #000 1px;   
   text-align: center;   
   padding: 5px;   
   font-size: .9em;
}

h1 {   
   font-size: 1.2em;
}

h2 {   
   font-size: 1.1em;
}

h3 {   
   font-size: 1em;
}

p {   
   text-indent: 20px;   
   font-size: .9em;   
   text-align: justify;   
   line-height: 1.7em;   
   margin: 20px;
}

p.footer {   
   padding: 20px;   
   font-size: .6em;   
   text-align: center;   
   font-weight: bold;
}

p.footLinks {
   text-align: center;
}

.footLinks a {
   text-decoration: none;
}

.footLinks a:hover {
   text-decoration: underline;
}
/* ==========Banner================= */  
#headerbanner {    
   position: absolute;   
   color:white;    
   background: #00ff00 url(../Images/PossibleBlend2.jpg);       
   background-position:center bottom;    
   display: block;    
   height: 180px;    
   width: 105%;   
   border: 0; 
} 

#bannerleft {    
   position: relative;    
   background: url(../Images/ImprovedLogo.gif) left top;   
   background-repeat: no-repeat;   
   margin-left: -4px;    
   width: 180px;   
   height: 180px;    
   z-index: 1; /* for Opera */ 
} 

#bannerright {    
   position: absolute;  
} 

#headerbanner h1 {    
   position: relative;    
   margin:.5em 2em 1em 2em;    
   font-size: 2em;    
   text-align: center;    
   color: #000000;    
   background: transparent; 
}

#headerbanner h2 {    
   position: relative;    
   margin:.5em 2em 1em 2em;    
   font-size: 1.5em;    
   text-align: center;    
   color: #000000;    
   background: transparent; 
} 

/* ===== Content ====== */
#content {   
   position: relative;   
   width:95%;
}

/* ============ Footer ============ */

#footer {
   clear:both; 
   text-align:center; 
   border-bottom: 10px;
}

/* ======= Lessons Page ====== */
#dance_lessons img {   
   float:left;   
   margin: 4px 40px 4px 4px;
}

/* ======= History Page ======= */
#dance_history1 img {
   position: relative;
   float:left;   
   margin: 4px 40px 4px 4px;
}

#dance_history2 img {
   position: relative;
   float:right;   
   margin: 4px 4px 4px 90px;
}

/* =============== Single Image View ================= */
#single-image-view {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);   
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 50px;   
   padding: 10px;
}

#single-image-view h1 {
   padding-top: 2px;
   padding-bottom: 5px;
   text-align: center;
   font-size: 2em;
}

#single-image-view h2 {
   padding-bottom: 5px;
   text-align: center;
   font-size: 1.5em;
}

#single-image-view h3 {
   padding-bottom: 5px;
   text-align: center;
   font-size: 1em;
}

#single-image-view h4 {
   padding: 0px;
   text-align: right;
}

#single-image-view h5 {
   padding: 0px;
   font-size: 1em;
   text-align: left;
}

#single-image-view table {   
   border-collapse: collapse;   
   width:85%;
   border: none;
   align: center;
}

#single-image-view tr {
   border: none;
}

#single-image-view td {
   border: none;
   width:500px;
}

#single-image-view img {
   max-width:800px;
   width: expression(this.width>800 ? 800:true);
}



/* ======= Burns Page ======== */
#burns_dinner img {   
   float:left;   
   margin: 4px 40px 4px 4px;
}


/* ============ Links Page ========= */
#links {   
   color: #000000;   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);  
   border-top:  1px #000000 solid; 
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

#links h2 {   
   margin: 10px;   
   font-size: 1.4em;
}

#links ul li {
   list-style-type: none;   
   margin: 0;   
   padding: 0;
}

#links ul li a:link, #links ul li a:visited {   
   font-weight: bold;   
   font-size: .8em;   
   padding-top: 3px;   
   padding-bottom: 3px;    
   padding-left: 40px;   
   text-decoration: none;  
}




/* ======= Navbar ====== */
#navbar {   
   position: absolute;   
   top: 0px;   
   left: 0px;   
   width: 200px;
}

#navbar ul {   
   margin: 0;   
   padding: 0;
}

#navbar ul li {   
   list-style-type: none;   
   margin: 0;   
   padding: 0;
}

#navbar ul li a:link, #navbar ul li a:visited {   
   color: #000000;   
   background-color: #09ffeb;   
   text-decoration: none;   
   display: block;   
   font-weight: bold;   
   font-size: .8em;   
   border-bottom: solid #000000 2px;   
   padding-top: 3px;   
   padding-bottom: 3px;    
   padding-left: 60px;
}

#navbar ul li a:hover {   
   background-color: #3399cc;
}

/* =============== Index Text ================ */
#index_text {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);   
   border-left: 1px #000000 solid;   
   border-top: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

/* =============== Main Text ================ */
#main-text {  
   position: relative;
   top:-70px; 
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif); 
   border-top:  1px #000000 solid;  
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

#main-text h1{
    text-align: center;
    font-size: 1.5em;
    padding-top: 10 px;
    padding-bottom: 10px;
}

#main-text h2{
    text-align: center;
    font-size: 1.0em;
    padding-top: 10 px;
    padding-bottom: 10px;
    padding-top: 10 px;
    padding-bottom: 10px;
}


/* =============== Burns Page ================= */
#burns-text {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);  
   border-top:  1px #000000 solid; 
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

#burns-text h1{
    text-align: center;
    font-size: 1.2em;
    padding-top: 10 px;
    padding-bottom: 10px;
}

#burns-text h2{
    text-align: center;
    font-size: 1.0em;
    padding-top: 10 px;
    padding-bottom: 10px;
}

#burns-text table {
   width: 700px;
   border: solid #000 0px; 
}

#burns-text td {
	border: 0px;
}


/* =============== Schedule Page ============== */
#schedule {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif); 
   border-top:  1px #000000 solid;  
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}


#schedule table{
    width: 100%;
}

#schedule h2 {   
   text-align: left;   
   font-size: 1.1em;   
   padding-bottom: 5px;   
   padding-top: 20px;
}

#schedule table.nav {
    width: 80%;
    border: none;
}

#schedule tr.nav {
    border: none;
}

#schedule td.nav {
    border: none;
}

#schedule table {
    border: solid #000 2px;
}

#schedule tr.event {
    background-color: #00ffff;
}

#schedule tr.practice {
    background-color: #dddddd;
}

#schedule th {
    color: #000000;
    text-align: center;
    padding: 10px;
    border: solid #000 1px;
    font-size: .7em;
    font-weight: bold;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px; 
}

#schedule td {
   color: #000000;
   padding: 5px;
   border: solid #000 1px;
   font-size: .8em;
}
/* ================== Contact Page ================ */
#contact {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif); 
   border-top:  1px #000000 solid;  
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

#contact table {   
   border: none;   
   width: 70%;
}

/* ======= Main Navbar ====== */
#main_navbar {   
   position: absolute;   
   top: 0px;   
   left: 0px;   
   width: 200px;
}

#main_navbar ul {   
   margin: 0;   
   padding: 0;
}

#main_navbar ul li {   
   list-style-type: none;   
   margin: 0;   
   padding: 0;
}

#main_navbar ul li a:link, #main_navbar ul li a:visited {   
   color: #000000;   
   background-color: #09ffeb;   
   text-decoration: none;   
   display: block;   
   font-weight: bold;   
   font-size: .8em;   
   border-bottom: solid #000000 2px;   
   padding-top: 3px;   
   padding-bottom: 3px;    
   padding-left: 40px;
}

#main_navbar ul li a:hover {   
   background-color: #3399cc;
}


/* =============== Nav Calendar ================= */
#nav_calendar {
    position: relative;
    top: 10px;
    left: 0px;
    width: 200px;
    background-color: #E0FFFF;
}

#nav_calendar table {   
   border-collapse: collapse;
   width: 200px;   
   border: none;
}



#nav_calendar th {    
   text-align: center;   
   padding: 0px;   
   font-size: .9em;
   font-weight: bold;
   border: none;
}


#nav_calendar td {    
   text-align: center;   
   padding: 0px;   
   border: none;
   font-size: .8em;
   font-weight: bold;
}

#nav_calendar td.today-noevent {
   border: solid #000 2px; 
}

#nav_calendar td.today-event {
   border: solid #000 2px;
   background-color: #bbbbbb;
}

#nav_calendar td.event {
    background-color: #bbbbbb;
}
 
#nav_calendar td.weekday {
   border-bottom: solid #000 1px; 
}

#nav_calendar th.month {
   border-bottom: solid #000 1px; 
}

/* =============== Month Calendar =============== */
#month_calendar {
    position: relative;
    top: 0px;
    left: 0px;
    width: 860px;
}

#month_calendar table {   
   border-collapse: collapse;
   width: 860px;
   border: none;
}


#month_calendar th.weekday {  
   width: 120px;
   text-align: center;   
   padding-bottom: 10px;
   padding-top: 10px;  
   font-size: .8em;
   font-weight: bold;
   border: solid #000 2px;
   background-color: #BDEDFF;
}

#month_calendar th.month_nav_prev {
   text-align: center;   
   padding-bottom:15px;
   padding-top: 15px;  
   font-size: .8em;
   font-weight: bold;
   border: solid #000 2px;
   border-right: 0px;
   background-color: #AFC7C7;
}

#month_calendar th.month_nav_next {
   text-align: center;   
   padding-bottom:15px;
   padding-top: 15px;  
   font-size: .8em;
   font-weight: bold;
   border: solid #000 2px;
   border-left: 0px;
   background-color: #AFC7C7;
}

#month_calendar th.month {
   text-align: center;   
   padding-bottom:15px;
   padding-top: 15px;  
   font-size: 1.5em;
   font-weight: bold;
   border: solid #000 2px;
   border-left: 0px;
   border-right: 0px;
   background-color: #AFC7C7;
}


#month_calendar td.daynumber {
    text-align: left;
    border: solid #000 2px;
    border-bottom: 0px;
    padding-right: 5px;
    font-size: .8em;
    font-weight: bold;
    background-color: #FFFFFF;
}

#month_calendar td.emptydaynumber {
    text-align: right;
    border: solid #000 2px;
    border-bottom: 0px;
    padding-right: 5px;
    font-size: .6em;
    font-weight: bold;
    background-color: #FFFFFF;
}

#month_calendar td.event {
     width: 120px;
     height:  60px;
     border: solid #000 2px;
     border-top: 0px;
     text-align: center;
     vertical-align: top;
     font-size: .5em;
     font-weight: bold;
     background-color: #FFFFFF;
}

#month_calendar td.emptyevent {
     width: 120px;
     height:  60px;
     border: solid #000 2px;
     border-top: 0px;
     text-align: center;
     font-size: .6em;
     font-weight: bold;
     background-color: #FFFFFF;
}


/* =============== Image View ================= */
#image-view {   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);   
   border-left: 1px #000000 solid;   
   border-right: 1px #000000 solid;   
   border-bottom: 1px #000000 solid;   
   margin-left: 200px;   
   padding: 10px;
}

#image-view h1 {
   padding-top: 2px;
   padding-bottom: 5px;
   text-align: center;
   font-size: 2em;
}

#image-view h2 {
   padding-bottom: 5px;
   text-align: center;
   font-size: 1.5em;
}

#image-view h3 {
   padding-bottom: 5px;
   text-align: center;
   font-size: 1em;
}

#image-view h4 {
   padding: 0px;
   text-align: right;
}

#image-view h5 {
   padding: 0px;
   font-size: 1em;
   text-align: left;
}

/* =============== Event List ================ */

#event_list {
     position: relative;
     top:  20px;
     left: 0px;
     width: 200px;
     background-color: #09ffeb;   
}

#event_list table {
    border-collapse: collapse;
    width: 200px;
    border: none;
}

#event_list th {
    color: #000000;
    text-align: center;
    padding: 10px;
    border: none;
    font-size: .7em;
    font-weight: bold;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px; 
}

#event_list td {
   color: #000000;
   padding: 5px;
   border: none;
   font-size: .6em;
   font-weight: bold;
}

#event_list td.day {
   vertical-align: top;
}

#event_list td.desc {
   text-align: left;
}

#event_list td.bottom {
    border-bottom: solid #000 1px;
}



/* =================== Photos Page =================== */

#photos {   
   position: absolute;  
   top: 53px;
   margin-left: 200px;   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);   
   padding: 0;
   width: 85%;
}

#photos table {   
   border: none;   
   background: url(../Images/Parchment.gif);   
   /*width: 500px;*/
   width: 85%;
}

#photos td {   
   border: none;
}

#photo_page_options {   
   border: 0;   
   background: url(../Images/Parchment.gif);    
   top: 0px;   
   margin-left: 200px;
   width: 85%;
}

#photo_page_options table {   
   /*width: 800px;*/
   width: 85%;   
   border: none;    
   background: url(../Images/Parchment.gif);   
   padding: 0;
}

#photo_page_options td {   
   color: #000000;   
   border: 0;   
   font_size: 1em;   
   font-weight: bold;
}

/* ============ Auto Photo ========= */
#autophoto {
   color: #000000;   
   background-color: #ffffff;   
   background: url(../Images/Parchment.gif);      
   padding: 1px;
}

#autophoto table {   
   border-collapse: collapse;   
   width:85%;
   border: none;
}

#autophoto tr {
   border: none;
}

#autophoto td {
   border: none;
   width:500px;
}

#autophoto img {
   max-width:800px;
   width: expression(this.width>800 ? 800:true);
}


/* ====================== Classes =================== */
.comment {   
   text-align: center;   
   text-size: .6em;   
   margin-top: 0;
}

.year {   
   text-align: center;   
   font-size: 1.8em;   
   padding: 0 0 0 0;   
   font-weight: bold;
}

.year_link {
   text-align: center;   
   font-size: 1em;   
   padding: 0 0 0 0;   
   font-weight: bold;
}

.month_link {
   text-align: center;   
   font-size: 1.5em;   
   padding: 0 0 0 0;   
   font-weight: bold;
}

.clearboth { clear: both; }