body {height: 100%; margin: 0; font-family:  verdana, arial, helvetica, sans-serif; background: url(Graphics/tkBgMain.gif); background-repeat: repeat; font-size: 76%;}   
              .container {width: 794px; margin: auto; display: block; padding: 0;}      
               * html .container {width: 796px;}              
               table.main {width: 100%; margin: 0; padding: 0; border-left: thin solid #1e2135; border-right: thin solid #1e2135;}    
          
              .pageBorderLeft {width: 31px; padding: 0; margin: 0; background: url(Graphics/filmBorderL.gif); background-repeat: repeat-y;}
              .pageBorderRight {width: 31px; padding: 0; margin: 0; background: url(Graphics/filmBorderR.gif); background-repeat:repeat-y;}
               .upper {display:block; width: 730px; padding: 0; margin: 0;  text-align:center; font-weight:bold; color:#fff; background-color: #0000ff;} 
              .banner {background: url(Graphics/tkBannerMain.jpg); background-repeat:no-repeat; width: 730px; height: 217px;}
              .bannerAlt {background: url(Graphics/tkBannerAlt.jpg); background-repeat:no-repeat; width: 730px; height: 145px;}
              .menuTop, .menuBottom {text-align: center; background-color: black;}
              .menuTop ul, .menuBottom ul {margin: 0; padding: 5px 0 5px 0; width: 100%;}
              .menuTop li, .menuBottom li {list-style: none; display: inline; padding: 0 1.5em 0 1.5em; margin: 0; font-size: .8em; font-weight: bold;}
              .menuTop a, .menuBottom a {text-decoration: none; letter-spacing: .04em; color: white; font-weight: normal; font-size: .9em;}          
              .menuTop a:hover, menuBottom a:hover {text-decoration: underline; color: #6495ed;}  
            
              .lower {width: 730px; padding: 0px; margin: 0; background-color: #f5f6f6; color: #191970;}
              .lowerAlt {display: block; width: 730px; padding: 0; margin: auto; background: url(Graphics/tkGradient730.jpg); background-repeat: repeat;}
              .lowerGallery {background-color: #cccccc; text-align: center; color: #191970;}
              table.pageBody {width: 100%; padding: 0; margin: 0; /*background: url(Graphics/littleCosmo1.gif); background-repeat: no-repeat; background-position: 85% 75%;*/ color: #191970; font-size: 1.0em;}            
             
              table.pageBodyGray {width: 100%; background-color: #cccccc; font-size: .6em;}
             
              table.statsFrame {width: auto; margin:auto; padding: .2em; background-color: #ced4e3; border: 1px solid #191970; line-height: 1em; font-size: .9em;}
              html:first-child .stats {width: 28em;}
              .stats {width: auto; margin: 0em;  padding: .5em 0 .5em .5em; background-color: #dfdfdf; color: black; border: 1px solid #728da6;} 
              .stats2 {margin-left: 1em;}
             
              table.resume {padding: 0;  margin: 15px 0 0 0; width: auto;}   
              html:first-child table.resume {width: 630px;}
        
              table.resume td {margin-left: 4em; padding-left: 2em; text-indent: -1em; font-size: .9em;}
              table.resume td.subhead {color: black; font-size: 1.0em; font-weight: bold; text-align: left; padding-left: 2.2em; text-indent: -1.3em;}
              table.resume td.subheadB {color: black; font-size: .9em; font-weight: bold; text-align: left; }
              table.resume tr.odd {background-color: #f1f1f1; padding-top: .3em; padding-bottom: .3em; height: 1.5em;}
              table.resume tr.even {background-color: white; padding-top: .3em; padding-bottom: .3em; height: 1.5em;}
              .tdCosmo {background: url(Graphics/littleCosmo1.gif); background-repeat: no-repeat; margin-left: -10px;}
              html:first-child .tdCosmo {margin-right: 100px;}
              h2 {font-size: 1.5em; line-height: 1em; padding: .8em 0 0 0; margin: 0; font-weight: bold; text-align: center;}    
              h3 {font-size: 1em; font-weight: bold; padding: 1.5em 0 0 0; text-align: center; line-height: 1em;} 
              h4 {font-size: .8em; font-weight: normal; text-align: center; padding: 0; line-height: 1em;}
              h5 {text-align: center; font-size: .9em; margin: .5em 0 0 0;}
              h5 a {text-decoration: none; color: #191970;} 
              h5 a:hover {text-decoration: underline; color: #0033cc;} 
              
              img.rightFirst  {float: right; width: 91px; height: 101px;  border: 1px solid #728DA6; margin: 2px 1px 0px 1px; padding: 1px;}
              img.right  {float: right; clear: right;  width: 91px; height: 101px; margin: 0px 1px 0px 1px; border-top: 0; border-right: 1px solid #728da6; border-bottom: 1px solid #728da6; border-left: 1px solid #728da6; padding: 1px;}
              img.bottomRight  {float: right; width: 91px; height: 101px;  margin: 1px 1px 1px 1px; border-top: 0; border-right: 1px solid #728da6; border-bottom: 1px solid #728da6; border-left: 1px solid #728da6; padding: 1px;}
             img.bottom  {float: right; width: 91px; height: 101px;  margin: 1px 0px 1px 0px; border-top: 1px solid #728da6; border-right: 0; border-bottom: 1px solid #728da6; border-left: 1px solid #728da6; padding: 1px 1px 0px 1px;} 
              img.bottomLeft  {float: right; width: 67px; height: 101px;  margin: 1px 0px 1px 0px; border-top: 1px solid #728da6; border-right: 0; border-bottom: 1px solid #728da6; border-left: 0; padding: 1px 1px 0px 1px;} 
              img#cosmo {width: 344px; height: 185px;} 
              a.swap {cursor: default;}
              a.swapB {cursor: default;}
             
              /* styling for photos pages */      
            
                body.gallery {margin: 0; padding: 0;} 
              body.gallery table {background-color: #202020; text-align: center; height: 100%; width: 100%;}
              body.gallery table img {border: 1px ridge #808080;}           
              .pageSelector {font-size: .8em; font-weight: bold; text-align: left; margin: 0 0 0 2em; padding: 0;}
              .pageSelector a {text-decoration: none; color: #191970;}
              .pageSelector a:hover {text-decoration: underline; font-weight: bold; color: #0000ff;}
              
              /*end styling for photos pages*/
              
         /*styling for projects page (performance gallery)*/  
         img#hsm {width: 688px; height: 1028px; margin: auto;}
         img#cs {width: 690px; height: 700px; margin: auto;}
         img#tramp {width: 685px; height: 1290px; margin: auto;} 
	 img#outsd {width: 690px; height: 425px;}
	 img#mme {width: 690px; height: 1400px;}
	 img#csmo {width: 690px; height: 450px;}
	 img#laughing {width: 690px; height: 1092px; margin: auto;}
	 div.header {font-size: .9em; margin: 0; text-align: left; margin-left: 10px; color: black; background-color:#cccccc;}
	 
	 table.video {background-color: white;}
	 table.video td {width: 200px; height: 30px;}
	 table.video th {font-size: .5em;}
	 .frameset {width: 95%; margin:0 auto 0 auto; height: 360px;}
	 	 
	 .vHeader {background-color: #cccccc; color: #191970; font-size: .9em; text-indent: 20px;}
	 .vTitle {font-family: 'times new roman', times, serif;  font-weight: bold; font-size: 1.5em; letter-spacing: .05em;}
                 .length {display: block; font-size: .9em; color: black; letter-spacing: .2em; font-weight: bold;}
                /*.videoLink {background-color: #262c42; text-align:center; font-size: .6em; border-top: 3px ridge #cccccc; border-bottom: 3px ridge #cccccc; border-left: 0; border-right: 0;}
                .videoLink a {color: #e3e3e3;  text-decoration: none;}*/
	/*.videoLink {background-color: #04003e; text-align: center; font-size: .7em; border-top: 3px ridge #cccccc; border-bottom: 3px ridge #cccccc; border-left: 0; border-right: 0; margin: 5px 0 5px 0; width: 195px; padding: 5px; letter-spacing:.05em;}*/
	.videoLink {background-color: #cccccc; text-align: center; font-size: .7em; border-top: 0; border-bottom: 2px ridge #cccccc; border-left: 0; border-right: 0; margin: 0; width: 175px; padding-top: 15px; letter-spacing:.1em;}
	 .videoLink a {color: #191970; text-decoration: none; letter-spacing:1em;}
	 .videoLink a:hover {text-decoration: underline;}

	 div.divider {background: url(Graphics/pgDivider2.jpg); background-repeat: no-repeat; width: 730px; height: 95px;}
	 div.dividerT {background: url(Graphics/tkCornersTgray.jpg); background-repeat: no-repeat; width: 730px; height: 40px;}
         div.dividerB {background: url(Graphics/tkCornersBgray.jpg); background-repeat: no-repeat; width: 730px; height: 40px;}
      /*end styling for projects page*/     
              
              
              div#agent {margin-left: 100px; font-size: 1.5em; font-weight: bold; text-align: center;}
              
               div#website {margin-left: 225px;  width: 250px; height: 30px; font-size: 1.5em; line-height: 2em; text-align: center; background-color: black; border-top: 3px ridge #6495ed; border-bottom: 3px ridge #6495ed; border-left: 0; border-right: 0; color: #6495ed;}
               html:first-child div#website {margin-left: 180px; font-size: 1.3em;}
               div#website a {color: #6495ed;}
               div#website a:hover {color: #cccccc;}
              table.projects {width: 95%; margin: auto; padding: 0; color: #191970;}
              table.projects th {padding-top: 2em;}
            /*  img.project {text-align: right; margin-bottom: 2em; width: 91px; height: 101px; background-color: #262c42; padding: 4px; border: 1px solid #666666;}*/         
              table.projects a {text-align: left; text-decoration: none; color: #293152; font-size: 1em; font-weight: bold;}
              table.projects a:hover {text-decoration: underline; color: #0033cc;}
              table.projects td.label {padding-left: .5em;}     
              .copyright {
              font-size: .8em; 
              color: #aac5f5;
              }