/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer
   Modified by test editor
   $Id: style.css,v 1.9 2009/06/09 11:38:15 markr Exp markr $
*/

body {
   background-image: url(background.jpg);
   background-repeat: no-repeat;
   background-position: top;
   background-attachment: fixed;
}

p.indent {
   text-indent: 2em;
}

p.tab_data {
   text-indent: 10%;
}

p.emphasis {
   font-weight: bold;
}

p {
}

p.synopsis {
   font-size: 8pt;
   margin-right: 5%;
}

p.icon_text {
   font-size: 8pt;
   text-align: center;
}

p.alert {
   font-size: 10pt;
   margin-right: 5%;
}

p.quote {
   font-size: 80%;
   margin-left: 10%;
   margin-right: 10%;
}

em {
   font-size: 14pt;
}

div {
   text-align: center;
}

div.banner {
}

div.spacer {
   line-height:   2;
   clear:         both;
}

div.banner a {
   text-decoration:  none;
   padding:          0.25em;
}

div.banner a:active {
   position:         relative;
   top:              2px;
   left:             2px;
   border-top:       #000;
   border-left:      #111;
   border-right:     #888;
   border-bottom:    #eee;
   border-width:     2px;
}

div.navigation {
   font:       sans-serif;
   font-size:  0.9em;
}

div.navigation ul {
   list-style: none;
}

div.navigation li {
   display: inline;
}


div.toddler_menu {
   float: left;
   width: 18%;
   font-size: 10pt;
   color: #000;
}

div.toddler_menu a {
   text-decoration:  none;
}

div.toddler_menu ul {
   list-style: circle;
   text-align: left;
}

div.toddler_content {
   text-align: left;
   float: left;
   width: 65%;
}

div.toddler_thumbnail
{
   width: 420px;
   height: 300px;
}

div.toddler_pic {
}

div.main_content {
   /*
      Keep this in case an outer div defines absolute or something
      position:   relative;
   */
   text-align: center;
}

div.main_content_left {
   float:   left; /* Align this towards the left */
   padding: 1em;
}

div.main_content_picture {
   float:   left; /* Align this towards the left */
}

div.main_content_right {
   float:   left; /* Align this towards the left */
   padding: 1em;
}

div.index_menu {
   float:   left; /* Align this towards the left */
}

div.index_menu_item {
}


div.blog_display {
   float:      right;
   text-align: left;
}

div.blog_display h1 {
   text-align: center;
}

div.blog_display h2 {
   text-align: center;
}

div.blog_display b {
   padding: 1em;
}


div.navigation a, div.navigation a:visited {
   text-decoration:  none;
   padding:          0.25em;
   margin:           0.5em;
   line-height:      2;
   color:            #000;
}

div.navigation a:hover {
   text-decoration:  none;
   padding:          0.25em;
   margin:           0.5em;
   line-height:      2;
   color:            #000;
   background:       #f6e607;
}

div.navigation a:active {
   position:         relative;
   top:              2px;
   left:             2px;
   border-top:       #000;
   border-left:      #111;
   border-right:     #888;
   border-bottom:    #eee;
   border-width:     2px;
}


img {
   border: 0;
}

img.front_page_portrait {
}

img.services {
   width:   6em;
   height:  6em;
}

img.button {
   border-width: 0;
}

img.banner {
   border-width: 0;
}

img.banner_2 {
   height: 2em;
}

img.photos_portrait {
   width:   25em;
   height:  30em;
}

img.photos_landscape {
   width:   30em;
   height:  20em;
}

img.thumb {
   width: 2em;
   height: 2em;
}

img.button {
   border-width: 0;
}

img.button_scaled {
   height: 8em;
}

img.button_thumb {
   width: 4em;
   height: 4em;
}

img.toddler_image
{
   width:   35em;
}


table.drama {
   border: 2px solid;
}

table.drama tr {
}

table.drama td {
   font-size:     8pt;
   border-left:   1px solid;
   border-top: 1px solid;
}