html
{
        min-height:100%;
}

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


.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;
        height /**/:106px;
        display: block;
        float: left;
        background-image: url('../images/header/logo.png');
}

h2
{
        font-family: Helvetica, Arial, sans-serif;
        text-transform: lowercase;
        text-align: right !important;
        font-weight: bold;
        color: #aef255;
        font-size: 29pt;
        line-height: 29pt;
        padding: 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: 17pt;
        margin-bottom: 0.3em;
}

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

p
{
        margin-bottom: 1.6em;
}

table
{
        margin-bottom: 1em;
}

        th
        {
                padding: 0.3em;
        }

        td
        {
                padding: 0.3em;
        }

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

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/layout/stripes.png');
           background-repeat: repeat-y;
           background-position: top center;
}

#header
{
        position: relative;
        width: 650px; /*526px;*/
        padding: 30px 0 6px 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;
                        text-decoration: none;
                }

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

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

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

        #content
        {
                padding: 0 12px 0 12px;
                font-size: 0.8em;
                line-height: 1.6em;
                color: #222;
        }

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

#copyright
{
          width: 638px;
          margin-left: auto;
          margin-right: auto;
          padding-top: 10px;
          padding-left: 5px;
          font-size: 0.8em;
          color: #fff;
}

          #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;
                   }