* { margin: 0; padding: 0; }

@font-face {
   font-family: Enigmatic;
   src: url('../../fonts/enigma.eot?');
   src: local('?'), 
          url('../../fonts/enigma.ttf') format('truetype'),
          url('../../fonts/enigma.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
  background-color: #0f596f;
  background-image: url( /images/bg.jpg );
  background-repeat: no-repeat;
  background-position: top center;
  color: #000; 
  font: 11pt Arial, sans-serif; 
}

h1, h2, h3 { margin: 0px 0px 10px 0px; }
h1 { color: #0f596f; font-size: 14pt; line-height: 17pt; font-weight: bold;}
h2 { color: #00adef; font-size: 12pt; line-height: 15pt; font-weight: bold;}
h3 { color: #00adef; font-size: 12pt; line-height: 15pt; font-weight: normal;}

p { width: auto; margin: 0px auto 20px auto; padding: 0px; line-height: 1.6em; text-align: inherit; }

img { padding: 0px; border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; }
img[style*="left"] { margin-right: 10px; }
img[style*="right"] { margin-left: 10px; }

a { color: #000; text-decoration: underline; }
a:link {  }
a:hover {  text-decoration: underline; }
a:visited {  }

table { border: none; margin-bottom: 10px; }
table tr { vertical-align: top; }
table th p, table td p { padding: 0px; margin: 0px; }
table th { padding: 4px; margin-right: 5px; }
table td { padding: 4px; }

ul { margin: 0px auto 20px auto; padding-left: 20px; }
ul li { margin-bottom: 7px; }

strong { color: #00adef; }

#page {
  position: relative;
  width: 960px;
  margin: 20px auto 20px auto; 
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(52, 50, 50, 0.72); 
  border-radius: 8px; 
}

#header { padding: 20px 0px 0px 50px; height: 180px; border-top-left-radius: inherit; border-top-right-radius: inherit; }
#header p { padding: 0px; margin-top: 0px; margin-bottom: 0px; line-height: inherit;}

#mast { position: absolute; top: 50px; right: 50px; width: 400px; height: 50px; color: #0f596f; }
#mast strong { color: #00adef; }

#imagebar .fadein { position: relative;  height: 615px; width: 960px;}
#imagebar .fadein img { position: absolute; top: 0; left: 0; border-radius: 0px; }

#nav { padding: 0px;  }

ul#mainnav { margin: 0px 50px 10px 0px; padding: 0px 0px 0px 10px; text-align: right; font-size: 9pt; }

ul#mainnav a { text-decoration: none; color: #0f596f; }
ul#mainnav a:hover { text-decoration: none !important; }

ul#mainnav li { position: relative; display:inline-block; list-style: none; margin: 0px; height: auto; z-index: 100; border-radius: inherit; }
ul#mainnav li { padding: 0px 10px; border-right: solid 1px #00adef; font-weight: normal; }

ul#mainnav li.on { background-color: inherit; }
ul#mainnav li:hover a, ul#mainnav li.on a { color: #00adef; text-decoration: none; }


ul#subnav { margin: 0px; padding-left: 40px; padding-top: 10px; }
ul#subnav li { padding: 0px 10px 0px 10px; border-right: solid 1px #00adef; font-weight: normal; display: inline-block; }
ul#subnav a { color: #0f596f; font-size: 9pt; text-decoration: none;} 

#bar { overflow: hidden; }
#bar img { border-radius: 0px; padding: 0px; margin: 0px; display: block; }


#main { min-height: 1000px; }
.home #main { min-height: inherit; }

#content { margin-right: 340px; padding: 20px 50px 0px 50px; }

#xxxcontent.uc {
  margin-left: auto;  margin-right:auto;
  width: 960px;
  text-align: center;
  font-size: 10px;
  padding: 0px;
}

#content p.headerlinks a { color: #0f596f; font-size: 9pt; }

#content ul li { list-style-image: url(/images/dot.jpg); list-style-position: outside;  margin-left: 2px; line-height: 1.6em; }
#content hr { border: none; background-color: #00adef; height: 2px; margin-bottom: 10px; }

#sidebar { position: absolute; top: 280px; right: 50px;  }

#news { width: 260px; background-color: #00ADEF; border-radius: 5px; padding: 20px; color: #fff; margin-bottom: 20px; }
#news p, #news ul { font-size: 12px; }
#news a, #news h1 , #news h2, #news h3  { color: #fff; }
#news ul li { line-height: 1.6em; width: 220px; }

#sidepics img { border-radius: 0px; padding: 0px; margin: 0px;  }

#footerextra { padding: 5px; }

.editarea { position: relative; min-height: 30px; }
.editlink { position: absolute; right: 2px; top: 2px; background-color: #0f0; border-radius: 4px; }
.editlink a { display: inline-block; padding: 2px; color: #000; text-decoration: none; font-weight: normal; font-size: 12px; border: 2px solid #000; border-radius: 4px; } 
.editlink a:hover { text-decoration: underline; }
.editlink a, .editlink a:link, .editlink a:visited, .editlink a:hover, .editlink a:active { color: #000 !important; }

.keyerror { background-color: #f00; color: #fff; padding: 2px; }


#editfooter { background-color: #0E5970; color: #fff; padding: 10px 50px 10px 50px; }
#editfooter p { margin: 0px; }
#editfooter strong { color: #fff; }

#footer { height: auto; font-size: 0.7em; clear: both; border-bottom-left-radius: inherit;  border-bottom-right-radius: inherit; }
#footer { background-color: #0E5970; color: #fff; padding: 0px 50px 20px 50px; }
#footer a { color: #fff; }

#login_panel { float: right; }


@media screen and (max-width: 960px) {
   #page { width: auto; }
   #content { background-size: 50%; }
   #footercontent { font-size: 12pt; }
}

#imagebar  { overflow: hidden; }

@media screen and (max-width: 720px) {
   #header {  }
   #header img { width: 180px !important; height: auto !important; }
   #imagebar img { width: 720px;}
   #imagebar .fadein { height: 465px; }
   #sidebar { position: static; width: auto; }
   #content {  margin-right: 0px; }
   #content h1 {  }
   #nav { }
   #masthead { right: 20px; top: 35px; font-size: 10pt; }
   #news { width: auto; border-radius: 0px; margin-bottom: 0px; }
   #sidebar #sidepics { display: none; }
   ul#mainnav { right: 10px; }
   #mast { top: 135px; }


}

@media screen and (max-width: 480px) {
}