body {font: 80% Verdana, Arial, 'Arial Unicode', 'Arial Unicode MS', Helvetica, sans-serif; margin: 0; padding: 0; background-color: #35002C; color: black;}

   h1 {position: fixed; top: 0; left: 0; right: 0; font-size: 120%; text-transform: lowercase; letter-spacing: 5px; color: #E7D4D6; margin: 0; padding: 0.66em 0 1em 10%; background: #81101B;}

   /*div#top_of_page)*/
   div#top_of_page {background: #35002C; height: 80px;}

   /* div#nav_top is the topbar navigation menu */
   div#nav_top {position: fixed; top: 0; left: 0; right: 0; height: 80px; color: #E7D4D6; font-size: 100%; font-variant: small-caps; font-weight: 900; margin-left: 0; margin-right: 0; text-align: center; padding: 5px; background: #35002C;}
   div#nav_top h2 {font-size: 140%; text-transform: lowercase; letter-spacing: 5px; color: #E7D4D6; text-align: left;}
   div#nav_top a {padding: 0 5px 10px 5px;}
   div#nav_top a:link {color: #F49F9C;}
   div#nav_top a:visited {color: #AABADD;}
   div#nav_top a:hover {color: white; font-style: oblique;}
   div#nav_top a:active {color: yellow;}

   /* div#nav2 is the bottombar navigation menu */
   div#nav2 {color: #E7D4D6; font-size: 120%; font-variant: small-caps; font-weight: 900; margin-left: 10%; margin-right: 10%; text-align: center; padding: 10px; background: #81101B;}
   div#nav2 a {padding: 7px;}
   div#nav2 a:link {color: #F49F9C;}
   div#nav2 a:visited {color: #AABADD;}
   div#nav2 a:hover {color: white; font-style: oblique;}
   div#nav2 a:active {color: yellow;}
   
   /* div#nav3 is the footer navigation menu starting and finishing with the phoenix seal */
   div#nav3 {margin-top: 0; margin-left: 10%; margin-right: 10%; padding: 1em 2em 2em 4em; line-height: 2em; background: #F3F3CC;}
   div#nav3 img {padding: 2em 0 1em 0; display: block; clear: left;}   
   div#nav3 a:link {color: #81101B; }
   div#nav3 a:visited {color: #005796;}
   div#nav3 a:hover {color: red; font-style: oblique;}
   div#nav3 a:active {color: teal;}
   
   /* div#main is the main content with a yellowish background */

.border {margin: 1em 40% 0 0; letter-spacing: 0.15em; font-weight: 900; padding: 1em; border-style: solid; border-width: 2px; border-color: teal;}

.letter150 {font-size: 150%;}
.letter125 {font-size: 125%;}
.letter110 {font-size: 110%;}
.letter90 {font-size: 90%;}
.letter80 {font-size: 80%;}

   div#main {margin-top: 10px; margin-left: 10%; margin-right: 10%; padding: 2em 2em 2em 4em; line-height: 1.5em; background: #F3F3CC;}
   div#main h2, h3, h4 {padding: 0; clear: left;}
    h5.border {margin: 2em 40% 0 0; letter-spacing: 0.15em; font-variant: small-caps; font-weight: 900; padding: 0.5em; border-style: solid; border-width: 2px; border-color: teal;}
   div#main img.fl { float: left; padding: 1em 2em 1em 0;}
   div#main img.fr {float: right; padding: 1em 0 1em 2em;}
    div#main img.par-bullet {padding-right: 0.5em;}
    div#main img.gallery {padding: 0.5em 1em 0.5em 0;}
   div#main a img {padding: 0 2em 1em 0; border: none;}
   div#main p {text-indent: 0; padding: 0.25em 0 0 0;}  
   div#main p.noindent {text-indent: 0;} 
    div#main p.indent5 {text-indent: 5%;} 
    div#main p.custom01 {text-indent: 0;} 
    div#main span.plain {letter-spacing: 0.15em; font-variant: normal;}
   div#main ul {list-style: none; padding: 0;} 
   div#main ul li {list-style: none; line-height: 1.5em; padding: 0;}
    div#main ul.whychoose {list-style: none; line-height: 1.5em; padding: 0 0 0 5%;}
      div#main #tb-logo {margin: 0 10% 0 5%; width: 90%; border-collapse: separate; border-spacing: 1px 30px;}
      div#main #tb-logo td.ric1 img {padding: 0 0.5em 0 0; vertical-align: middle;}
      div#main #tb-logo td.ric2 img {padding: 1em; vertical-align: middle;}
   div#main a:link {color: #81101B; }
   div#main a:visited {color: #005796;}
   div#main a:hover {color: red; font-style: oblique; letter-spacing: 1px;}
   div#main a:active {color: teal;}

   /* div#artw is reserved for artworks with the dark body background 
      h5 is a phony title to create block element to cheat IE*/
   div#artw {color: #F3F3CC; font-size: 1.1em; margin: 4em 10% 3em 10%; line-height: 1.75em;}
   div#artw img {float: left; clear: left; border: none; padding: 0 25px 0 0;}
   div#artw h2 {padding: 1em 0 0 0;}
   div#artw h5 {padding: 5px;}
   div#artw ul { list-style: none;}
   div#artw li {padding: 0 0 0 2em;}
   div#artw li.title {font-size: 1.15em; font-weight:700;}
   div#artw p {clear: left; padding: 2em 2em 2em 0;}
   div#artw a {border: none;}
   div#artw a:link {color: #E7D4D6; border: none;}
   div#artw a:visited {color: #AABADD; border: none;}
   div#artw a:hover {color: white; font-weight: 600; font-style: oblique; border: none;}
   div#artw a:active {color: teal; border: none;}

   /* div#new_creations is reserved for artworks with the dark body background */
   div#new_creations {color: #F3F3CC; font-size: 1.1em; margin: 30px 10% 10px 10%; line-height: 1.75em;}
   div#new_creations img {float: left; border: none; padding: 25px 25px 25px 0;}
   div#new_creations h2 {padding: 1em 0 0 0; font-size: 120%; font-variant: small-caps;}
   div#new_creations h3 {padding: 4em 0 0 0;}
   div#new_creations ul { list-style: none;}
   div#new_creations li {padding: 0 0 0 2em;}
   div#new_creations li.title {font-size: 1.15em; font-weight:700;}
   div#new_creations a {border: none;}
   div#new_creations a:link {color: #E7D4D6; border: none;}
   div#new_creations a:visited {color: #AABADD; border: none;}
   div#new_creations a:hover {color: white; font-weight: 600; font-style: oblique; border: none;}
   div#new_creations a:active {color: teal; border: none;}

   /* div#artw is reserved for artworks with the dark body background using thumbs
      h5 is a phony title to create block element to cheat IE */
   div#artw_thumbs {color: #F3F3CC; font-size: 1.1em; margin: 4em 10% 3em 10%; line-height: 1.75em;}
   div#artw_thumbs img {float: left; clear: left; border: none;}
   div#artw_thumbs h2 {padding: 1em 0 0 0;}
   div#artw_thumbs h5 {padding: 5px;}
   div#artw_thumbs ul { list-style: none; padding: 0 0 2em 0; margin: -3em 0 0 10em;}
   div#artw_thumbs li {padding: 0 0 0 2em;}
   div#artw_thumbs li.title {font-size: 1.1em; font-weight:700; font-style: oblique;}
   div#artw_thumbs p {clear: left; padding: 1.5em 2em 2em 0; font-size: 1.1em;}
   div#artw_thumbs a {border: none;}
   div#artw_thumbs a:link {color: #E7D4D6; border: none;}
   div#artw_thumbs a:visited {color: #AABADD; border: none;}
   div#artw_thumbs a:hover {color: white; font-weight: 600; font-style: oblique; border: none;}
   div#artw_thumbs a:active {color: teal; border: none;}
   
   /* div#photo is used for displaying photos on the main background */
   div#photo {margin-top: 4em; margin-left: 10%; margin-right: 10%; padding: 2em 2em 2em 4em; line-height: 2em; background: #F3F3CC;}
   div#photo h2, h3, h4 {padding: 1em 0 0 0;}
   div#photo a img {border: none; padding: 1em 2em 1em 0;}
   div#photo p {text-indent: 2.5em;}
   div#photo p.noindent {text-indent: 0;}
   div#photo p.legend {margin-top: -0.75em; padding: 0 0 1.5em 0; text-indent: 0;}
   div#photo a:link {color: #81101B; }
   div#photo a:visited {color: #005796;}
   div#photo a:hover {color: red; font-style: oblique;}
   div#photo a:active {color: teal;}
   
   /* div#note_light is used for displaying notes on the main (yellowish #F3F3CC) background */
   div#note_light {font-size:100%; margin-left: 10%; margin-right: 10%; padding: 2em 2em 2em 4em; background: #F3F3CC;}
   div#note_light span.ch {font-size: 120%;}

   /* div#note is used for displaying notes on the dark (#35002C) background */
   div#note {font-size:90%; margin-left: 10%; margin-right: 10%; padding: 2em 2em 2em 0; background: #35002C; color: #F3F3CC;}
   div#note span.ch {font-size: 120%;}