/* Style Sheet - Version 02
   Name:      hila-main.css
   Project:   http://www.highlander-scottish-pub.de/
   Created:   Sat Sep 19 14:00:00 CET 2009
   Author:    Thomas Gsaenger

   --------------- CONTENT -----------------
              1        -       GLOBAL
              2        -       FONTS
              3        -       HEADER
              4        -       LINKS
              5        -       CLASSES
              6        -       CONTAINER

   ---------------- COLORS -----------------
   Body Background:       #292929
   MAIN Background:       #cd853f

   CONTENT Background:    #ffe7ba
   Main Text:             #171717
   Links:                 #ffff00
   Links - hover:         #474747
   First Header Letter:   #cd5c5c
   JAVA-CODE:             #.............

   ---------------- PATHS -----------------
   Graphics:                /design/graphics/
   Icons:                   /design/icons/
   CSS/PHP/JavaScript:      /design/

   ----------------------------------------- */


/* -----------------------------------------
                  -1-  GLOBAL
   ----------------------------------------- */
body {
   /* #698b22 #595959 #696969 */
   background: #292929 url(./background/wood03.gif) repeat top left;
   font-size: 100%;
   margin: 0;
   padding: 0;
}
/* For IE 5/6:     html { font-size: 100%; } */
/* No borders for any image */
img { border: 0; }
/* no margin for any div */
div { margin: 0; }

/* -----------------------------------------
                 -2- FONTS
   ----------------------------------------- */
body, p, pre, h1, h2, h3, h4, h5, h6, ul, li, tr, td, form, span  {
   color: #171717;
   font-size: 100%;
   font-style: normal;
   font-variant: normal;
   font-weight: 300;
   letter-spacing: 0;
   line-height: 1.5;
   margin: 0;
   padding: 0;
   text-decoration: none;
   text-transform: none;
   text-indent: 0;
   white-space: normal;
}
p {
   font-family:"DejaVu Serif", "Georgia", "Verdana", serif;
   font-size: 0.875em;
   margin: 0.625em;
}

/* Some things are in common for tables */
thead, th, tfoot {
   font-family: "DejaVu Serif", "Verdana", "Georgia", "Times Roman", serif;
   font-size: 0.875em;
   font-weight: 500;
   color: #494949;
   margin: 0.125em;
   padding: 0.313em;
   vertical-align: bottom;
}
thead { text-align: left; background: transparent url(./background/trans35.png); }
tfoot { text-align: center; background: transparent url(./background/trans21.png); }

kbd {
   color:#0000BB;
   font-family:"Helvetia", "DejaVu Sans Mono", "Arial", sans-serif;
   font-size: 0.750em;
   font-weight: 700;
   line-height: 1.25;
   margin: 0;
   padding: 0;
}
pre {
   color: #0000ff;
   font-family:"Helvetia", "DejaVu Sans Mono", "Arial", sans-serif;
   font-size: 0.625em;
   letter-spacing: 0.0625em;
}
q {
   color: #292929;
   font-family:"Georgia", "Verdana", "DejaVu Serif", serif;
   font-size: 0.875em;
   font-style: oblique;
   font-weight: 400;
   letter-spacing: 0.0625em;
   margin: 0;
}

/* -----------------------------------------
               -3- HEADERS   
   ----------------------------------------- */
h1, h2, h3, h4, h5, h6 {
   font-family:"DejaVu Serif", "Georgia", serif;
   font-weight: 700;
   font-size: 0.750em;
   letter-spacing: 0.125em;
   white-space: normal;
   word-spacing: 0.1875em;
   text-align: center;
}
/* ---CSS Version 2.0 --- text-shadow:#5C5C5C; unknown by the browser right now ? 2008-03-07 --- */

h1 { font-size: 1.25em; font-variant: small-caps; padding-bottom: 0.625em; }
h1:first-letter { font-size: 1.50em; color: #CD5C5C; }

h2 { font-size: 1.25em; font-variant: small-caps; text-align: left; padding-bottom: 0.625em; }

h3 { font-size: 0.975em; text-align: left; padding-bottom: 0.313em; }

/* ======================================
             FONT FOR SLOGAN
   ====================================== */
h4 { color: #ffffff; font-weight: 500; font-style: oblique; padding: 0.125em; }
h4:first-letter { color: #cd1c1c; font-size: 1.313em; font-weight: 700; }

h5:first-letter { font-size: 1.625em; font-weight: 900; color: #CD5C5C; }

h6 { text-decoration:underline; }
h6:first-letter { font-size: 1.50em; color: #CD5C5C; }

/* -----------------------------------------
                  -4- LINKS
   ----------------------------------------- */
a {
   font-family: Georgia, "DejaVu Serif", serif;
   font-size: 0.875em;
   font-variant: small-caps;
   font-weight: 600;
   letter-spacing: 0.188em;
}
/* L ord  V ader’s  H andle  F ormerly  A nakin */
a:link { color: #8b4726; text-decoration: none; }
a:visited { color: #8b4726; text-decoration: none; }
a:hover { color: #ffff00; text-decoration: none; }
a:focus { color: #474747; text-decoration: none; }
a:active { color:#474747; text-decoration: blink; }

/* -----------------------------------------
                 -5- CLASSES
   ----------------------------------------- */
/* Hide what you don't want to see */
.hidden { display: none; visibility: hidden; }

/* Only visible when printing the site */
.paper-top {
   border-bottom: medium double #292929;
   display: none;
   /*
      Unfortunately, some browsers have trouble handling padding appropriately,
      so it’s currently a better idea to move things around with margins whenever possible.
   */
   margin: 2.0cm;
   text-align: center;
}
.paper-bottom {
   border-top: medium double #292929;
   display: none;
   margin: 0;
   padding: 0;
}

/* JAVA MARKUP */
.nojavascript {
   color: #698b22;
   font-family:"Helvetia", "DejaVu Sans Mono", "Arial", sans-serif;
   font-size: 0.625em;
   text-align: right;
}
.javascript {
   color: #004600;
   font-family:"Georgia", "Verdana", "DejaVu Serif", serif;
   font-size: 0.625em;
   font-style: oblique;
   font-weight: 100;
   letter-spacing: 0.125em;
   text-align: right;
}

/* Define the position of pictures in the main text */
img.text { float: right; margin: 0.125em 0 0 0.625em; border: solid 0; }

/* Define the look of the link displayed right now  */
a.current { color: #ffff00; }



/* Some stylings for text */
.roadmap {
   /*color: #FF7F00;*/
   color: #698b22;
   font-family:"Helvetia", "DejaVu Sans Mono", "Arial", sans-serif;
   font-size: 0.625em;
   margin: auto;
   padding: 0;
   text-align: center;
}

/* Little hints at the bottom or in the corner - not so important */
.notice {
   color: #292929;
   font-size: 0.875em;
   text-align: left;
}

/* For some notice at the bottom */
.footer {
   color: #006400;
   font-family: "Georgia", "DejaVu Serif", serif;
   font-size: 0.625em;
   font-weight: 300;
   text-align: right;
   letter-spacing: 0.125em;
}
/* Mark a important word like this */
.important { font-weight: 600; }
/* eye candy */

.nice {
   color: #292929;
   font-family:"Georgia", "Verdana", "DejaVu Serif", serif;
   font-size: 0.625em;
   font-style: oblique;
   font-weight: 100;
   letter-spacing: 0.125em;
   margin: 0;
   text-align: right;
}

.ornament {
   font-size: 0.75em;
   color: #292929;
}

.latest {
   color: #292929;
   font-family: "Georgia", "Verdana", "DejaVu Serif", serif;
   font-size: 0.875em;
   font-style: normal;
   font-weight: 500;
   letter-spacing: 0.125em;
   margin: 0;
   text-align: center;
}
/* -----------------------------------------
               -6- CONTAINER
   ----------------------------------------- */
#main {
   background: #cd853f; /*url(./background/wood01.jpg) repeat top left;*/
   border: medium ridge #cd853f;
   margin: auto;
   margin-top: 0.625em;
   margin-bottom: 0.625em;
   /* fixed width because of the image for the header */
   width: 56.25em;
}
/* ======================================
               THE HEADER
   ====================================== */
#header {
   background: #8b4726 url(./background/highlands.jpg) no-repeat top right;
   /* fixed width and height of the image for the header */
   height: 9.925em;
   text-align: right;
}
#header h1 { padding-top: 0.313em; }
#header img { padding: 4.250em 6.625em 0 0; }

/* ======================================
           THE TOP NAVIGATION
   ====================================== */
#navigation {
   /*background: transparent url(./background/wood04.gif) repeat top left;*/
   border-width: thin;
   border-top: double;
   /* This color is for the chars '||' between the links */
   color: #8b4726;
   height: 1.25em;
   margin: 0.313em 0.625em 0.625em 0.625em;
   text-align: right;
}
#navigation img { vertical-align: middle; height: 75%; margin-left: 0.625em; padding: 0; }

/* ======================================
         THE CONTENT OF THE WEBPAGE
   ====================================== */
#content {
   /*border: thin dashed #f00;*/
   background: #ffe7ba;
   margin: 0.313em;
   padding: 0.313em;
}

/* ======================================
          THE LEFT SIDE NAVIGATION
   ====================================== */
#linkbox {
   background: #404040;
   border: medium ridge #8b4726;
   margin: 0.313em;
   padding: 0.313em;
   float: left;
   overflow: hidden;
   text-align: center;
   width: 14.125em;
}
#linkbox img { margin: auto; padding: 0; width: 50%; }
#linkbox ul { text-align: left; list-style: none; padding-left: 0.625em; }
#linkbox h5 { color: #fff; text-align: left; }

#linkbox a:link, #linkbox a:visited {
   background: transparent url(./icons/orga/shield1.png) no-repeat top left;
   color: #fff;
   display: inline;
   /* only for MS IE */
   height: 1.0em;
   margin: 0;
   padding: 0.625em 1.875em 0.625em 1.975em;
}
html>body #linkbox a:link, #linkbox a:visited { height: auto; }
#linkbox a:hover, #linkbox a:focus {
   background: transparent url(./icons/orga/shield2.png) no-repeat top left;
   color: #ffff00;
   display: inline;
   margin: 0;
   padding: 0.625em 1.875em 0.625em 1.975em;
}
#linkbox a.linkbox-shown {
   background: transparent url(./icons/orga/shield2.png) no-repeat top left;
   color: #ffff00;
   display: inline;
   margin: 0;
   padding: 0.625em 1.875em 0.625em 1.975em;
}
#linkbox a.linkbox-inactive {
   background: transparent;
   color: #ababab;
   display: inline;
   margin: 0;
   padding: 0.975em 0.875em 0.625em 2.625em;
}
#linkbox a.linkbox-current {
   background: transparent;
   color: #fff;
   display: inline;
   margin: 0;
   padding: 0.625em;
}
#linkbox div.blind-picture {
   height: 1.313em;
   margin: auto;
   padding: 0;
   width: 10.25em;
}
#linkbox a:hover .info, a:active .info {
  display: block;
  visibility: visible;
}
#linkbox div.subbox {
   border-top: medium double #fff;
   margin: auto;
   margin-top: 0.985em;
   padding: 0.313em;
   width: 12.125em;
}
#linkbox .subbox h5, .subbox p { text-align: center; color: #fff; }


/* ======================================
        CLASS FOR INFOCARD - POPUP
   ====================================== */
.info {
   /*border: thin dashed #ff0000;*/
   background: transparent url(./background/bg-paper220.png) no-repeat center;
   margin: 0.975em;
   overflow: hidden;
   padding: 1.875em 0.875em 0 0.875em;
   position: absolute;
   visibility: hidden;
   width: 13.750em;
   height: 19.750em;
}

.info > p { font-size: 0.625em; }

/* ======================================
           THE DESIGN FOR CONTENT
   ====================================== */
#ressources {
   border: medium double #698b22;
   margin: 0.875em 0.625em 0.625em 1.125em;
   padding: 0.313em;
   min-height: 29.875em;
}
#ressources a:link, #ressources a:visited {
   color: #8b4726;
   /* only for MS IE */
   height: 1.0em;
   margin: 0;
}
html>body #ressources a:link, #ressources a:visited { height: auto; }
#ressources a:hover, #ressources a:focus { color: #698b22; margin: 0; }

#ressources div.menues {
   /*border: medium double #292929;*/
   border-left: medium double #698b22;
   background: #ffefd5;
   margin: 0.625em;
   padding: 0.125em 0.125em 0.125em 0.625em;
   float: left;
   text-align: left;
   max-width: 36.313em;
   font-size: 0.875em;
   font-style: oblique;
   font-weight: 500;
   letter-spacing: 0.313em;
   white-space: normal;
   word-spacing: 0;
}
#ressources div.menues h2 { padding: 0; margin: 0; text-align: left; }

#ressources div.specials {
   /*border: medium double #292929;*/
   border: thin solid #f00;
   background: #ffefd5 url(./background/trans21.png) repeat top right;
   margin: 0.125em;
   padding: 0.625em;
   text-align: left;
   font-size: 0.625em;
}

#ressources div.poker {
   border-left: medium double #698b22;
   background: #ffefd5 url(./icons/games/poker_cards48.png) repeat-y top right;
   margin: auto;
   margin-top: 0.875em;
   padding: 0.875em;
   width: 34.313em;
   float: right;
}
#ressources div.dart {
   border-left: medium double #698b22;
   background: #ffefd5 url(./icons/games/poker_cards48.png) no-repeat top right;
   margin: auto;
   margin-top: 0.875em;
   padding: 0.875em;
   width: 34.313em;
   float: right;
}

#ressources .archives { 
   clear: both;
   border: medium ridge #ffefd5;
   background: #ffefd5 url(./background/trans21.png) repeat bottom right;
   margin: left;
   width: 17.313em;
   text-align: center;
   padding: 0.975em;
}

#ressources .archives > ul { 
   list-style: url(./icons/orga/floppy.png);
   list-style-position: inside;
}

#ressources div.exlinks {
   /*border: medium double #292929;*/
   border: thin groove #698b22;
   background: #ffefd5;
   margin: 0.625em;
   padding: 0.625em;
   float: right;
   text-align: left;
   width: 36.313em;
   font-size: 0.875em;
}

/* ======================================
               EVENT TABLE
   ====================================== */
#events {
   /* no border for the event table */
   border: solid 0;
   background-color: #ffefd5;
   margin: auto;
   padding: 0;
   caption-side: top;
   table-layout: fixed;
   /*border-collapse: separate;*/
   border-spacing: 0.125em;
   empty-cells: show;
   text-align: left;
   font-variant: normal;
}

#events a, #events a:link, #events a:visited {
   color: #292929;
   font-variant: normal;
   font-weight: 700;
}
#events a:hover, #events a:focus { color: #fff; margin: 0; }

#events thead, tfoot {
   font-size: 0.625em;
}

#events tbody { 
   font-size: 0.850em;
   font-weight: 300;
   font-variant: normal;
   vertical-align: top;
}

#events td { 
   color: #292929;
}

/* -- DESIGN ELEMENTS FOR EVENT TABLE - COLUMNS -- */
#events .evindex { background: transparent url(./background/trans21.png); }
#events .evdate { width: 16.625em; }
#events .evcat { width: 6.125em; }
#events .evdesc { width: 14.625em; }

/* deco for event headlines */
.headline { color: #8b4726; font-style: oblique; }

/* ======================================
             FOOD & WHISKY TABLES
   ====================================== */
#food {
   border: solid 0;
   background: #ffefd5;
   margin: auto;
   padding: 0;
   width: 37.313em;
   table-layout: fixed;
   caption-side: bottom;
   /*border-collapse: separate;*/
   border-spacing: 0;
   empty-cells: show;
}
#food a:link, #food a:visited {
   /*color: #fff000;*/
   font-variant: normal;
   display: inline;
   /* only for MS IE */
   height: 1.0em;
   margin: 0;
   padding: 0;
}
html>body #food a:link, #food a:visited { height: auto; }
#food a:hover, #food a:focus {
   background: transparent;
   color: #006400;
}

/* make the COLUMN index invisible? - take an icon for a description page*/
#food .wid { width: 3.625em; background: transparent url(./background/trans21.png); }
#food .wdescr { width: 6.625em; }
#food .wname { width: 20.313em; }
#food .wage { width: auto; }
#food .wprice { width: auto; }

#food > tr, td {
   font-family: "DejaVu Serif", "Verdana", "Georgia", "Times Roman", serif;
   font-size: 0.875em;
   font-weight: 300;
   font-variant: normal;
   letter-spacing: 0;
   color: #8b4726;
   /*line-height: 1.5;*/
   margin: 0;
   padding: 0.313em;
   word-spacing: 0;
}

.click { text-align: center; }

/* ======================================
           DB_RECORD_NAVI TABLE
   ====================================== */
.record_navi {
   background: transparent; 
   margin: auto;
   padding: 0;
   vertical-align: middle;
}
.record_navi img { vertical-align: middle; }

.dbinfo { color: #006400; font-weight: 800; font-size: 0.625em; }
.dbcont { color: #8b4726; font-style: normal; font-weight: 600; font-size: 0.975em; letter-spacing: 0.125em; } 
.dbdesc { color: #292929; font-style: oblique; font-weight: 600; font-size: 0.975em; letter-spacing: 0.125em; } 

.record_navi > a { font-size: 0.875em; }

.record_current {
   margin: 0;
   padding: 0.215em;
   background: #ffefd5 url(./background/trans21.png) repeat;
   color: #006400;
   font-weight: 700;
}

/* ======================================
             DB_RECORD TABLE
   ====================================== */
.record {
   border: solid 0;
   background: #ffefd5;
   margin: auto;
   padding: 0.313em;
   caption-side: bottom;
   table-layout: fixed;
   /*border-collapse: separate;*/
   border-spacing: 0;
   empty-cells: show;
   width: 36.0em;
   text-align: left;
   vertical-align: top; 
}
.record caption { font-size: 0.875em; }

.record thead th { font-size: 0.875em; font-weight: 700; font-variant: small-caps; color: #006400; letter-spacing: 0.125em; }
.record tbody td { font-variant: normal; font-size: 0.750em; color: #171717; }
.record tfoot a { font-variant: normal; font-size: 0.625em; font-weight: 500; }
.record tfoot { text-align: left; background: transparent url(./background/trans21.png) repeat top left; color: fff; }

.rec_col1 { width: 5.313em; }
.rec_col2 { width: 18.313em; }
.rec_col3 { width: 2.313em; }
.rec_col4 { width: 3.313em; }

.record tr.events { background: transparent url(./background/trans21.png) repeat-x top left; }
/* -- DESIGN ELEMENTS FOR EVENT RECORD TABLE - CATEGORY -- */
.record tbody.cinema { background: transparent url(./icons/movie52-grey.png) no-repeat top right; }
.record tbody.poker { vertical-align: top; height: 15.125em; background: #698b22 url(./icons/games/poker_cards48-grey.png) repeat-y bottom right; }
.record tbody.concert { background: transparent url(./background/notes02.gif) repeat top right; }
.record tbody.whitas { background: transparent url(./icons/barrels.png) no-repeat top right; }
.record tbody.party { vertical-align: top; height: 15.125em; background: transparent url(./background/lamps.gif) repeat-x bottom left; }
.record tbody.whisky { background: transparent url(./background/trans21.png) repeat top left; } /*url(./icons/barrels.png) no-repeat top right*/
/* -- DESIGN ELEMENTS FOR ARCHIVE RECORD TABLE - CATEGORY -- */
.media_audio { background: transparent url(./background/trans21.png) repeat top right; }
td.media_audio { height: 4.125em; background: transparent url(./icons/music/music_32notes.png) no-repeat center right; }
.media_audio td > a  { font-variant: normal; font-style: oblique; font-size: 0.825em; font-weight: 500; }
.media_audio td a:hover, .media_audio td a:focus { color: #ffffff; }


/* ======================================
             DB_SEARCH TABLE
   ====================================== */
#search {
   border: medium ridge #171717;
   background: #fff url(./background/wood01.jpg) repeat top left;
   margin: auto;
   margin-top: 1.125em;
   padding: 0.625em;
   caption-side: top;
   border-spacing: 0.313em;
}
#search td {
   font-size: 0.625em;
   letter-spacing: 0.125em;
   color: #8b4726;
   margin: 0;
   padding: 0.313em;
   text-align: left;
}

/* ======================================
          POEM FOR DISCLAIMER 
   ====================================== */
#poem {
   border: thin double #292929;
   clear: both;
   margin: 0.625em;
   padding: 0;
}
#poem .padding {
   background: #ffe7ba;
   font-size: 0.875em;
   text-align: left;
   padding: 0.313em;
}

/* ======================================
           THE BOTTOM NAVIGATION
   ====================================== */
#footer {
   border-width: thin;
   border-top : medium double #8b4726;
   /* This color is for the chars '||' between the links */
   color: #8b4726;
   height: 1.25em;
   margin: 0.625em;
   padding: 0.313em;
   text-align: center;
}
#footer img { vertical-align: middle; height: 75%; margin-left: 0.625em; padding: 0; }


/* ======================================
            FOR THE FORM MAILER
   ====================================== */
#message {
   /*border: thin dotted #171717;*/
   background: transparent;
   margin: 0;
   padding: 0.125em;
   width: 35.313em;
   float: left;
}
#message fieldset {
   background: #ffefd5;
   margin: 0.313em;
   padding: 0.125em;
   /* Opera doesn't get border:none or border:0 on fieldsets */
   border: solid 0;
   text-align: center;
}
#message fieldset.buttons { background: transparent; text-align: center; margin: 0; }

#message fieldset.abo { border: thin dashed #8b4726; background: #ffefd5; padding: 0.875em; text-align: center; }
#message fieldset.abo > table { margin: auto; padding: 0.875em; }

#message legend {
   /*border: thin dotted #aaf;*/
   color: #8b4726;
   font-family: Georgia, "DejaVu Serif", serif;
   font-size: 0.750em;
   font-weight: 100;
   font-style: oblique;
   letter-spacing: 0.313em;
   word-spacing: 0.313em;
   /* hack: make sure */
   white-space: pre;
   margin: -0.125em 0 0 0;
}
#message .br { display: none; }



#message .textfield {
   border: solid 0;
   color: #191919;
   font: 0.975em Georgia, "DejaVu Serif", serif;
   font-weight: 100;
   font-style: oblique;
   height: 1.125em;
   margin: 0.125em;
   padding: 0.125em;
   /* The box model hack, also known as
      Tantek (chef programmer for microsoft browser,) Hack
      => not valid for media=screen
      => working with escape sequences
   */
   /*voice-family: "\"}\"";
   voice-family: inherit;*/
   width: 27.125em;
}


#message fieldset > input.textfield { background: transparent url(./background/trans50.png) repeat top right; }


#message fieldset > textarea {
   background: transparent url(./background/trans21.png) repeat top right;
   border: solid 0;
   color: #191919;
   font: 0.975em Georgia, "DejaVu Serif", serif;
   font-weight: 100;
   font-style: oblique;
   height: 6.313em;
   margin: 0.125em;
   padding: 0.125em;
   /*voice-family: "\"}\"";
   voice-family: inherit;*/
   width: 27.313em;
}

#message select {
   background: transparent url(./background/trans50.png) repeat top right;
   border: solid 0;
   color: #171717;
   font: 0.975em Georgia, "DejaVu Serif", serif;
   font-style: oblique;
   margin: 0;
   padding: 0;
   /*voice-family: "\"}\"";
   voice-family: inherit;*/
   width: 27.625em;
}

#message option {
   background: #ffefd5 url(./background/trans21.png) repeat top right;
   color: #8b4726;
}
/* ======================================
          DESIGN FOR THE BUTTONS #cd853f
   ====================================== */
#message .reset {
   background: transparent url(./icons/navi/button-03-120b40.png) no-repeat center;
   border: solid 0;
   color: #595959;
   /* button-01-120 => 120x48 */
   height: 4.625em;
   width: 10.875em;
   font: 0.725em Georgia, "DejaVu Serif", serif;
   font-weight: 100;
   font-style: oblique;
   margin-right: 0.875em;
   padding: 0.625em;
   text-align: right;
}
#message button.reset:hover , button.reset:active  {
    background: transparent url(./icons/navi/button-05-120b40.png) no-repeat center;
    color: #171717;
}

#message .submit {
   background: transparent url(./icons/navi/button-03-120a40.png) no-repeat center;
   border: solid 0;
   color: #595959;
   /* button-01-120 => 120x48 */
   height: 5.625em;
   width: 10.875em;
   font: 0.725em Georgia, "DejaVu Serif", serif;
   font-weight: 100;
   font-style: oblique;
   margin: 0;
   padding: 0.625em;
   text-align: left;
}
#message button.submit:hover , button.submit:active  {
    background: transparent url(./icons/navi/button-05-120a40.png) no-repeat center;
    color: #171717;
}


/* ======================================
                   IMPRESSUM
   ====================================== */
#contact {
   border: medium double #698b22;
   margin: 0.625em;
   padding: 0.313em;
}
#contact fieldset {
   background: #ffefd5;
   border: medium double #292929;
   margin: 0.313em;
   padding: 0.125em;
   width: 32.00em;
   float: right;
}

#contact fieldset.mail { background: #ffefd5 url(./background/trans35.png) repeat top left; }

#contact fieldset.mail a { font-variant: normal; }

#contact legend {
   background: transparent;
   color: #292929;
   font-family: "DejaVu Serif",Georgia, serif;
   font-size: 0.750em;
   font-variant: small-caps;
   font-weight: 700;
   letter-spacing: 0.313em;
   padding: 0.313em;
   margin: 0.125em;
   text-transform:uppercase;
}
#contact ul {
   font-family:"Helvetia", "DejaVu Sans Mono", "Arial", sans-serif;
   list-style: none;
   margin-bottom: 0.313em;
   padding: 0;
   text-align: center;
   word-spacing: 0.125em;
}
#contact li { font-size: 0.875em; margin: 0; padding: 0; }

div.sponsors {
   border: medium ridge #8b4726;
   margin: 0.875em;
   padding: 0.313em;
   background: #404040;
   text-align: center;
   clear: both;
}
div.sponsors img { vertical-align: middle; padding: 0.875em; }


/* -----------------------------------------------
               W3C Validation Area
   ----------------------------------------------- */
div.valid {
   /* border: thin dashed;*/
   color: #F8F8FF;
   height: 2.50em;
   margin: auto;
   text-align: center;
   width: 40%;
}