body
{
  /* Avoid visual differences in different browsers */
  margin:0;
  padding:0;
  border:0; /* remove the border around the viewport in old versions of IE */
  min-width:600px;

  font-family:'Lucida Grande',Verdana,Helvetica,sans-serif;
  font-size:0.8em;

  background:#ADADAD url(../img/bg.png) repeat-x scroll 0 0;
}

/*h1 {font-size:2em}*/ /* displayed at 24px */
/*h2 {font-size:1.5em}*/ /* displayed at 18px */
/*h3 {font-size:1.25em}*/ /* displayed at 15px */
/*h4 {font-size:1em}*/ /* displayed at 12px */
/*input, select, th, td {font-size:1em}*/

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-weight: bold;
  padding:0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size:0.67em;
  margin:2.33em 0;
}

p, dl, multicol {
  padding:0;
  margin:1em 0;
}

p.figure {
  /* color: #800000; */
  font-style: italic;
  text-align: center;
  /* line-height: 25px; */
}

hr {
  background-color:#666666;
  border:0 none;
  color:#666666;
  height:1px;
}

/*
ul, menu, dir {
  padding-left:1em;
  margin-left:0;
}
*/

br {
  line-height:0em;
}

img
{
  border-style:none;
}

a
{
  /*border:0 none;*/
  /*color:#333333;*/
  text-decoration:none;
  /*text-decoration:underline;*/
  color:#0000AA;
}

a:visited
{
  /*color:#666666;*/
  color:#0000AA;
}

a:hover
{
  text-decoration:underline;
}

#page
{
  margin:10px 20px;
}

#header
{
  float:left;
  width:100%;
  /* height:110px; */
  color:#ffffff;
  background:#170808 url(../img/hdr-bg.png) repeat-x scroll 0 0;
  font-family:Arial,Verdana,sans-serif;
}

#header-left
{
  float:left;
  padding:10px 0 10px 20px;
}

#header-logo
{
  float:right;
  padding:6px 16px 0 0;
}

#header-sitename
{
  font-size:3.2em;
}

#header-sitename a
{
  color:#ffffff;
}

#header-sitename a:hover
{
  text-decoration:underline;
}

#header-slogan
{
  padding-top:10px;
  font-size:1.2em;
}

#nav-padding
{
  padding-right:2px;
}

#nav, #nav ul {
  z-index:50;
  list-style:none;
  margin:0;
  padding:0;
  background:#515151;
  border:1px solid #000;
  float:left;
  width:100%;
}
#nav li {
  z-index:100; /* for IE6 */
  float:left;
  position:relative;
  background:#515151;
  back\ground:none;
}
#nav .float-right {
  float:right;
}
#nav li div {
/*
  display:inline;
  padding:0.3em 0.5em;
*/
}
#nav li span {
  color:#fff;
  text-decoration:none;
  /* display:block; */
  /* padding:0.3em 0.5em; */
  /* background:url(../img/dot.png) repeat-y right; */
}
#nav li div {
  color:#fff;
}
#nav a {
  color:#fff;
  text-decoration:none;
  display:block;
  width:7.2em;
  padding:0.3em 0.5em;
  /*padding:0.3em 1.5em;*/
  background:url(../img/dot.png) repeat-y right;
}
#nav a:hover {
  color:#000;
  background:#ccc;
}
#nav li:hover,
#nav li.jshover {
  background:#333;
}
#nav .lang-selector li:hover,
#nav li.lang-selector {
  background:#515151;
  back\ground:none;
}

#nav li ul {
  display:none;
  position:absolute;
  background:url(../img/fone-tr.png);
  padding:0.5em 0;
  width:14.99em;
}
#nav li li a {
  /* width:13.95em; */
  width:13.99em;
  background:none;
}
#nav li:hover ul,
#nav li.jshover ul {
  display:block;
}

#nav li:hover li ul,
#nav li.jshover li ul {
  display:none;
  width:14.99em;
  top:-0.65em;
  left:13.5em;
  lef\t:14.6em;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
  display:block;
}
#nav .lang-selector form
{
  display:inline;
}
#nav .lang-selector select option
{
  margin: 0;
  padding: 0 0.3em;
}
#nav .lang-selector .lang-ct
{
  padding:0.3em 0.5em 0;
  /* display:block; */
}
#nav .lang-selector .lang-frm
{
  display:inline;
}
#nav .lang-selector .lang-go
{
  border: 1px solid #000000;
  background-color: #dcdcdc;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 0.75em;
}
#nav .lang-selector .smalltext
{
  font-size: 0.85em;
  font-family: verdana, sans-serif;
}
#nav li.lang-selector
{
  float:right;
}

/*
#middle
{
  background: #FFFFFF url(../img/page-bg.png) repeat-x scroll 0 0;
}
*/

/* column container */
.colmask
{
  position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%; /* width of whole page */
  overflow:hidden; /* This chops off any overhanging divs */
}

/* holy grail 3 column settings */
.holygrail
{
  /*background:#cdeaff;*/ /* Right column background colour */
  background:#ffefbf; /* Right column background colour */
}

.holygrail .colmid
{
  float:left;
  width:200%;
  margin-left:-12em; /* Width of right column */
  position:relative;
  right:100%;
  background:#fff; /* Centre column background colour */
}

.holygrail .colleft
{
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:24em; /* Left column width + right column width */
  /*background:#cfc;*/ /* Left column background colour */
  background:#dfeeff; /* Left column background colour */
}

.holygrail .col1wrap
{
  float:left;
  width:50%;
  position:relative;
  right:12em; /* Width of left column */
  padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1
{
  margin:0 13em; /* Centre column side padding:
                    Left padding = left column width + centre column left padding width
                    Right padding = right column width + centre column right padding width */
  position:relative;
  left:200%;
  overflow:hidden;
}

.holygrail .col2
{
  float:left;
  float:right; /* This overrides the float:left above */
  width:10em; /* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:1em; /* Width of the left-had side padding on the left column */
  overflow:hidden;
}

.holygrail .col3
{
  float:left;
  float:right; /* This overrides the float:left above */
  width:10em; /* Width of right column content (right column width minus left and right padding) */
  margin-right:3em; /* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;
  overflow:hidden;
}

/* 2 column left menu settings */
.leftmenu
{
  background:#dfeeff;
}

.leftmenu .colright
{
  float:left;
  width:200%;
  position:relative;
  left:12em;
  background:#fff;
}

.leftmenu .col1wrap
{
  float:right;
  width:50%;
  position:relative;
  right:12em;
  padding-bottom:1em;
}

.leftmenu .col1
{
  margin:0 1em 0 13em;
  position:relative;
  right:100%;
  overflow:hidden;
}

.leftmenu .col2
{
  float:left;
  width:10em;
  position:relative;
  right:11em;
}

.sidebar-text
{
  font-size:0.8em;
}

#news-collapsed
{
  background:#ffefbf;
  padding:0 1em;
}

#news-collapsed #upshrink_n
{
  margin:0 0 0 8px;
}

/* Footer styles */
/*
#footer
{
  clear:both;
  background-color:#170808;
  color:#FFFFFF;
}
*/
/* holy grail 3 column settings */
.holygrail .footer, .footer
{
  background-color:#170808;
  color:#FFFFFF;
  margin-bottom:-1px;
}

.footer-text
{
  font-family:Arial,Verdana,sans-serif;
/*
  font-size:90%;
  margin:0;
*/
  padding-top:0.8em;
  text-align:center;
}

.footer-text a
{
  text-decoration:none;
  color:#FFA500;
}

.footer-text a:visited
{
  color:#FFA500;
}

.footer-text a:hover
{
  text-decoration:underline;
}

#footer-wrapper
{
  height:15px;
  background:#170808 url(../img/ftr-bg.png) repeat-x scroll 0 0;
}

#footer-right
{
  background:transparent url(../img/ftr-r.png) no-repeat scroll 100% 0;
}

#footer-left
{
  background:transparent url(../img/ftr-l.png) no-repeat scroll 0 0;
  height:15px;
}

.float-right, .align-right
{
  float:right;
}

.float-left, .align-left
{
  float:left;
}

.flow-auto
{
  overflow:auto;
}

.flow-hidden
{
  overflow:hidden;
}

.clear-both
{
  clear:both;
}

.clear-left
{
  clear:left;
}

.clear-right
{
  clear:right;
}

.text-center
{
  margin:0 auto;
  text-align:center;
}

.text-right
{
  margin-left:auto;
  margin-right:0;
  text-align:right;
}

.text-left
{
  margin-left:0;
  margin-right:auto;
  text-align:left;
}

/* Forms */

.form-error
{
  color:#FF0000;
}

.form-main
{
  margin:0.5em 0;
}

.form-main .text, .form-main .password
{
  border:1px solid #474747;
  width:9em;
  font-size:1em;
  margin:0.2em 0 0.2em 5em;
}

.form-main .label-text, .form-main .label-password
{
  position:absolute;
  text-align:right;
  width:4.5em;
  margin:0.2em 0 0.2em 0;
}

.form-main fieldset { 
  border:1px solid #474747;
  margin:0;
  padding:0 0.5em 0 0.5em;
}

.form-main legend {
  margin:0;
  padding:0 0.2em;
  font-weight:bold;
}

.form-sidebar
{
  margin:0.5em 0;
}

.form-sidebar .text, .form-sidebar .password
{
  border:1px solid #474747;
  width:5.7em;
  font-size:1em;
  margin:0.2em 0 0.2em 5em;
}

.form-sidebar .label-text, .form-sidebar .label-password
{
  position:absolute;
  text-align:right;
  width:4.5em;
  margin:0.2em 0 0.2em 0;
}

.form-sidebar fieldset { 
  border:1px solid #474747;
  margin:0;
  padding:0 0.5em 0 0.5em;
}

.form-sidebar legend {
  margin:0;
  padding:0 0.2em;
  font-weight:bold;
}

.fieldset-inside
{
  margin:0.5em 0;
}

/* label.check, label.radio { position:relative; text-align:left; } */

/* Table sorter */

.sortable {/*width:980px;*/ border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 0/*auto*/ 15px}
.sortable th {background:#597D98/*url(../img/ts/header-bg.gif)*/; text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {margin:0; /*font-size:10px;*/ padding:6px 8px 8px}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(../img/ts/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:#335672/*url(../img/ts/header-selected-bg.gif)*/}
.sortable .desc h3 {background:url(../img/ts/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../img/ts/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {/*width:980px;*/ margin:0 auto; height:20px}
#perpage {float:left; margin-right:20px/*width:200px*/}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; margin-right:20px; /*width:100px;*/ /*float:left; width:580px;*/ text-align:center}
#navigation img {cursor:pointer}
#text {float:left; /*width:200px;*/ text-align:right; margin-top:2px}