html
{
        min-height:100%;
}

body
{
        width: auto;
        /*background-color: #282828;*/
        background-color: black;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 0 1.5em 0;

           background-image: url('../images/layout/bg-h3.jpg');/*<<----------------kleksy*/
           background-repeat: no-repeat;
           background-position: top center;


}


.hidden
{
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute; /* for the benefit of IE5 Mac */
}

a:link { color: #006688; }
a:hover { color: #f9651f; }
a:visited { color: #f0085d; }

h1 a
{
        padding: 106px 0 0 0;
        
        margin-left: 30px;
        overflow: hidden;
        height: 0px !important;
        width: 224px;/*<-------------------LOGO-----------*/
        height:106px;
        display: block;
        float: left;
        background-image: url('../images/header/logo_my_01.png');  /*<background-color:green;-------------------LOGO-----------*/
       
}

h2
{
        font-family: Helvetica, Arial, sans-serif;
        text-transform: lowercase;
        text-align: right !important;
        font-weight: bold;
        color: #fff /*#aef255*/;
        font-size: 29pt;
        line-height: 29pt;
        padding: 25px /*45px*/ 2px 0 0;
}

h3
{
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        text-transform: lowercase;
        color: #fff  /*#f0085d*/;
        /*background-color:  #aef255;*/
        font-size: 29pt;
        line-height: 20pt;
        margin-bottom: 0.3em;
}

h4
{
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        text-transform: lowercase;
        color: #fff; /*#f0085d;*/
        /*background-color:  #f0085d;*/
        font-size: 24pt;
        line-height: 24pt;
        margin-bottom: 0.3em;
}



em
{
        font-style: normal;
        font-weight: bold;
        font-size: 1.1em;
}

p
{       color:White;
        margin-bottom: 1.6em;
}

table
{
        margin-bottom: 1em;
}

        th
        {
                padding: 0.3em;
        }

        td
        {
                padding: 0.3em;
        }

blockquote
{
        font-style: italic;
        margin: 1em;
	color:White;
}

input
{
 font-family: sans-serif;
}
.right-photo-link
{
        float: right;
        margin-left: 1em;
}

.right-image
{
        float: right;
        margin-left: 1em;
}

.left-image
{
        float: left;
        margin-right: 1em;
		margin-bottom: 1em;
}

#expanding-container
{
           /* background-image: url('../images/my_images/red_curtains_bg.jpg');/*colorful_bg01.jpg*//*<<----------------paski*/
          /* background-repeat: repeat-y;
           background-position: top center;
           
          background-color:#282828;*/
           /*background-color:#fff;*/
}

#header
{
        position: relative;
        width: 850px; /*526px;*/
        padding: 10px 0 5px 0;
        margin-left: auto;
        margin-right: auto;
}

        .main-menu
        {
                list-style: none;
                text-align: right;
                margin: 0;
                padding: 0;
        }

                .main-menu li
                {
                        display: inline;
                        text-transform: lowercase;
                        font-weight: bold;
                        padding-left: 0.4em;
                        font-size: 1.1em;
                }

                .main-menu li a
                {
                        color: #fff; /*<-------------------------------------colour*/
                        text-decoration: none;
                }

                        .main-menu li a:hover
                        {
                                color: #f0085e;
                        }

                        .main-menu li a.current-page
                        {
                                color: #666666;
                        }

#content-box
{
        position: relative;
        width: 840px; /*638px;*/
        margin-left: auto;
        margin-right: auto;
        margin-top: 330px;
        padding: 18px 10px 10px 10px;
        background-color: transparent; /*#fff;*/
        z-index: 0;
        /*background-image: url('../images/layout/content-top-gradient.png');*/
        background-image: url('../images/layout/bg_c2.png');
        background-repeat: repeat;
        background-position: top left;
}

        #content
        {
                padding: 0 5px 0 5px;
                font-size: 0.9em;
                line-height: 1.6em;
                color: /*#222*/ #fff;
                
        }

#footer
{
        /*background-image: url('../images/layout/stripes-bottom.png');*/
        background-repeat: no-repeat;
        background-position: bottom center;
        min-height: 165px;
        
        margin-top: 40px;
        
        
        background-color:transparent;/*#282828*/;
        
}

#copyright
{
          width: 850px;
          margin-left: auto;
          margin-right: auto;
          padding-top: 10px;
          padding-left: 5px;
          font-size: 0.8em;
          color:#fff;
          
          border-top: solid 2px white;
}

          #copyright p
          {
                     margin-top: 2em;
          }

          #copyright a:link { color:#fff; }
          #copyright a:hover { color:#fff; }
          #copyright a:active { color:#fff; }
          #copyright a:visited { color:#fff; }

        #guildford-arts-credit
        {
                   float: right;
                   width: 250px;
                   text-align: right;
                   font-size: 1.2em;
        }

                   #guildford-arts-credit p
                   {
                              margin-top: 1.5em;
                              font-weight: bold;
                   }

                   #guildford-arts-credit img
                   {
                              float: right;
                              margin-left: 1em;
                              margin-bottom: 1em;
                   }
                   
                   
.blue
{color:rgb(0,190,242);}
.pink
{color:rgb(240,8,94);}
.orange
{color:rgb(249,112,22);}
.green
{color:rgb(174,242,85);}

/* for sections*/

#storytelling li            /*kids*/
        {list-style: none;
         background-image: url(../images/kids/worm.png);
         background-repeat: no-repeat;
         background-position: 0px 3px;
         padding-left:35px;
         margin-left:200px;
         margin-bottom: 2px;
         color: white;
        }