* {
    padding: 0;
    margin: 0;
}

.inline {
    display: inline;
}

body, h2 {
    color: #62654E; /* Grey green */
}

body, h2, input, textarea {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}

input, textarea {
    padding: 2px;
}

h2 {
    font-weight: bold;
}

a, a * {
    color: black;
    text-decoration: none;
    color: #D48524; /* Darker orange */
    border: none;
}

a:hover, a:active {
    text-decoration: underline;
}

input.button
{
    font-size: 10px;

    color: white;
    background-color: #EB8811;
    border: 2px solid #C48020;

    border-top-color: white;
    border-left-color: white;

    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.error, input.error, textarea.error, select.error, div.error_message
{
    background-color: #FFE9E9;
    border: 1px solid #D3182D;
}

div.error_message, div.info_message, div.form_message
{
    margin: 1em auto 1em auto;
    padding: 1em;
}

div.error_message li
{
    margin-left: 2em;
}

div.info_message, div.form_message {
   border: 1px solid #D3D318;
   background-color: #FFFFE9;
}

div div.error_message h2 {
   border: none;
   margin-top: 0;
   margin-bottom: 5px;
}


#Top, #Bottom, #Content {
    position: relative;
    padding-left: 13px;
    padding-right: 13px;
    color: black;
}

#Top {
    height: 109px;
}

#Bottom {
    height: 40px;
    vertical-align: top;
    font-size: 10px;
    padding-top: 5px;
}

#Logo {
    position: absolute;
    bottom: 7px;
}

#Logo img {
    width: 182px;
    height: 33px;
}

#Byline {
    margin-left: 13px;
    margin-top: 7px;
    height: 20px;
    width:108px;
    background: url('/gfx/logo_chainsaw_sculptor.png') no-repeat;
}

#Menu {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

#Menu ul li a {
    color: black;
    display: block;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 6px;
    padding-top: 6px;
/*    border-top: 4px solid white;*/
}

#Menu ul li a:hover, #Menu ul li a:active {
    color: white;
    background-color: #EB8811;
/*    border-top: 4px solid #EB8811;*/
    text-decoration: none;
}

#Menu ul {
    list-style-type: none;
}

#Menu ul li {
    float: left;
}

#Menu ul li.selected {
    border-bottom: 4px solid #EB8811;
    margin-bottom: -4px;
}

#Container {
    margin: auto;
    overflow: hidden;
    width: 800px;
}

#BlackLine {
    height: 4px;
    background-color: black;
    font-size: 0px;
}

#BlackLine .orange {
    background-color: #EB8811;
}

#ImageRotatorContainer {
    padding-top: 110px;
    padding-bottom: 120px;
    white-space: nowrap;
    text-align: center;
}

#ImageRotatorContainer img {
    margin-left: 40px;
    margin-right: 40px;
    display: inline;
    vertical-align: middle;
}

/**************/
/* Start page */
/**************/

#StartPage {
    position: relative;
    top: 80px;  /* ~ */
    height: 680px;
    overflow: auto; /* "clearfix" */
}

#StartPage img.Logo {
    position: absolute;
    top: 0px;
    left: 339px;  /* ~ */
    width: 434px;
    height: 125px;
}

#StartPage img.Sculpting {
    position: absolute;
    top: 167px;  /* ~ */          
    left: 0px;
    width: 378px;
    height: 422px;
}

#StartPage .Text {
    position: absolute;
    top: 227px;  /* ~ */          
    left: 516px;  /* ~ */          
    width: 257px;
    height: 200px;
    line-height: 16px;
}

#StartPage .Text ul {
    margin-left: 20px;
}

#StartPage .Text ul li {
    list-style-type: square;
}

/*****************************************************/
/* About, Stihl, Image list, Image and Contact pages */
/*****************************************************/

div#About,
div#Stihl,
div#ImageList,
div#Image,
div#Event,
div#Contact {
    padding-top: 50px;
    padding-bottom: 60px;
    padding-left: 100px;
    vertical-align: top;
    overflow: auto; /* "clearfix" */
}

div#About,
div#Stihl,
div#ImageList,
div#Contact {
    padding-left: 70px;
}

div#Image {
    padding-left: 0px;
    text-align: center;
}

div#About .Images {
    float: left;
    width: 300px;
}

div#Contact .Messages {
    float: left;
    width: 330px;
}

div#About .Text,
div#Stihl .Text,
div#Contact .Text {
    float: right;
    width: 300px;
}

div#Stihl .Chainsaw {
    clear: both;
}

div#ImageList img.Small {
    margin: 10px;
    vertical-align: middle;
}

div#Contact div.Message {
    margin-bottom: 30px;
    padding: 0px 20px 10px 0px;
}

div#Contact div.Message span.Signature {
    margin-left: 30px;
}

div#Contact input#message_form_name,
div#Contact textarea#message_form_body,
div#Contact input#message_form_captcha {
    width: 293px;
}

div#Contact .form_input,
div#Contact .form_label {
    margin-top: 2px;
    margin-bottom: 4px;
}

div#Contact .form_label {
    width: 70px;
}

div#Contact #message_form_captcha_text_input {
    margin-top: 8px;
}

/***************/
/* Events page */
/***************/

#EventTable {
    margin-top: 50px;
    margin-bottom: 60px;
    margin-left: 100px;
    vertical-align: top;
}

#EventTable td {
    padding-bottom: 3px;
}

#EventTable td.Date {
    padding-right: 20px;
}

#EventTable h2 {
    margin-top: 10px;
}

#EventTable h2.First {
    margin-top: 0px;
}

#Sponsor {
    float: left;
}

#Sponsor img {
    vertical-align: top;
}

#Credits {
    float: right;
}

#ZoomLayer {
    margin: auto;
    position: fixed;
    border: 4px solid black;
    width: 450px;
    height: 538px;
    background: white;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    left: 50%;
    top: 50%;
    margin-left: -225px;
    margin-top: -269px;
}

#ZoomLayer img {
    width: 372px;
    height: 444px;
    margin-top: 40px;
    margin-left: 10px;
    margin-bottom: 15px;
}