html, body
  { width:100%; height:100%; padding:0px; margin:0px; font-size:14px; line-height:1.5em; font-family:Helvetica, Arial, sans-serif; }

body
  { background:#E0E0E0 url(bg.jpg) left top repeat-x; color:#000000; }

@media only screen and (max-width:1200px)
{
  body
    { font-size:110%; }
  #page #menu
    { height:55px; line-height:55px; }
  #page #menu ul li a
    { padding-left:20px; padding-right:20px;  }
  #page #submenu
    { height:55px; line-height:55px; }
  #page #submenu ul li a
    { padding-left:5px; padding-right:5px;  }
}

form
  { padding:0px; margin:0px; }

img
  { padding:0px; margin:4px; border:0px none; }

table, tr, td, th
  { padding:2px; border:0px none; font-size:100%; font-weight:normal; text-align:left; vertical-align:top; }
table th
  { font-size:110%; font-weight:bold; vertical-align:middle; }

button, input, select, textarea
  { padding:4px; border:solid 1px #99968B; background:#FFFFFF; color:#000000; font-size:100%; }

button:focus, input:focus, select:focus, textarea:focus
  { border:solid 1px #606060; }

input[readonly], textarea[readonly]
  { background:#F0F0F0; }

button, input[type=submit]
  { padding-left:10px; padding-right:10px; border-radius:4px; }

button:hover, input[type=submit]:hover
  { border:solid 1px #303030; cursor:pointer; }

h1
  { clear:both; font-size:135%; font-weight:bold; text-shadow:1px 1px 1px #DDDDDD; }
h2
  { clear:both; margin-top:20px; font-size:120%; font-weight:bold; text-shadow:1px 1px 1px #DDDDDD; border-bottom:1px solid #99968B; }
h3
  { font-size:110%; font-weight:bold; }
h4
  { font-size:105%; font-weight:normal; }

hr
  { height:2px; border-width:0; color:#99968B; background-color:#99968B; }
  
a, a:link
  { font-size:100%; font-weight:normal; text-decoration:none; color:#0000BB; }
a:visited
  { color:#800040; }
a:hover, a:focus, a:active
  { color:#F00000; text-decoration:underline; }
a img:hover
  { opacity:0.8; filter:alpha(opacity=80); }


.tablewr
  { width:100%; padding:0px; margin:0px; font-size:100%; }

.fl
  { float:left; }

.fr
  { float:right; }

.imglist
  { float:left; margin:10px; }


#page
  { position:relative; max-width:1200px; min-width:600px; padding:0px; margin:auto; border:1px solid #99968B; background:#FFFFFF; color:#000000; }

  #head
    { height:50px; line-height:50px; padding:0px; margin:0px; text-align:center; vertical-align:middle; font-size:200%; font-weight:bold; font-family:georgia, verdana, sans-serif; }

  #menu
    { height:40px; line-height:40px; padding:0px; margin:0px; background:#303030; color:#FFFFFF; font-size:120%; text-align:center; vertical-align:middle; }

    #menu ul
      { padding:0px; margin:0px; list-style-type:none; }

    #menu ul li
      { float:left; padding:0px; margin:0px -1px 0px -1px; border-left:1px solid #99968B; border-right:1px solid #99968B; }

    #menu ul li a
      { float:left; min-width:25px; padding-left:30px; padding-right:30px; text-decoration:none;  }

    #menu ul li a:link, #menu ul li a:visited
      { background:#303030; color:#FFFFFF; }

    #menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active
      { background:#000000; color:#FE7000; }

    #menu ul li.currentmenu a
      { background:#303030; color:#ED6000; }

  #submenu
    { height:40px; line-height:40px; padding:0px; margin:0px; border-top:1px solid #99968B; background:#303030; color:#FFFFFF; font-size:110%; text-align:center; vertical-align:middle; }

    #submenu ul
      { width:100%; padding:0px; margin:0px; list-style-type:none; }

    #submenu ul li
      { float:left; padding:0px; margin:0px -1px 0px -1px; border-left:1px solid #99968B; border-right:1px solid #99968B; }

    #submenu ul li a
      { float:left; min-width:50px; padding-left:20px; padding-right:20px; text-decoration:none; }

    #submenu ul li a:link, #submenu ul li a:visited
      { background:#303030; color:#FFFFFF; }

    #submenu ul li a:hover, #submenu ul li a:focus, #submenu ul li a:active
      { background:#000000; color:#FE7000; }

    #submenu ul li.currentsubmenu a
      { background:#303030; color:#FFFFFF; text-decoration:underline; }

  #content
    { clear:both; min-height:400px; padding:0px; margin:20px; background:#FFFFFF; color:#000000; }

     #content img, #content video
      { max-width:500px; }

    .error
      { color:#E00000; }

  #footer
    { clear:both; height:28px; line-height:28px; padding:0px; margin:0px; text-align:center; vertical-align:middle; font-size:95%; background:#303030; color:#b2b0a9; }

    #footer a, #footer a:link, #footer a:visited
      { text-decoration:none; color:#b2b0a9; }

    #footer a:hover, #footer a:focus, #footer a:active
      { text-decoration:underline; color:#ffffff; }


#lightbox
  { z-index:9999; display:none; padding:10px; margin:0px; border:2px solid #000000; background-color:#ffffff; color:#000000; }

#lightbox a, #lightbox img
  { opacity:1; filter:alpha(opacity=100); max-width:none; }

#lightboxImage
  { padding:0px; margin:0px; border:0px none; }

#lightboxDetails
  { padding-top:6px; font-size:90%; }

#overlay
  { z-index:9998; display:none; width:100%; height:100%; padding:0px; margin:0px; background-color:#404040; color:#000000; opacity:0.8; filter:alpha(opacity=80); }

#overlay a, #overlay img
  { opacity:1; filter:alpha(opacity=100); max-width:none; }

#overlayImage
  { padding:0px; margin:0px; border:0px none; }