body {
  background-repeat: repeat-x;
  background-color: #444444;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 73%;
  color: #303030;
  margin: 0px 0px 10px 0px; /* top right bottom left */
  padding: 0px;
}


div#header {
  margin: 10px auto 4px auto; /* top right bottom left */
  background-image: url(../images/header.jpg);
  background-color: #eeeeee;
  position: relative;
  height: 100px;
  width: 950px;
}


.maintable {
  margin: 0px auto 0px auto; /* top right bottom left */
  background-color: #444444;
  position: relative;
  top: 0px;
  left: 0px
  overflow: hidden;
  width: 950px;
}


#navigation {
  width: 950px;
  height: 24px;
  border-bottom: 2px solid #444444;
  margin: 0px auto 2px auto;
  background-color: #eeeeee
}

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

#navigation li {
  float:left;
  margin-right: 3px;
  font-size: 12px;
  font-weight: bold;
}

#navigation li a {
  width: 70px;
  text-decoration: none;
  font-weight: bold;
  color: #a86850;
  display: block;
  margin-top: 2px;
  background-color:#e0e0e0;
  border: 1px solid #cccccc;
  text-align: center;
  padding: 2px 4px 2px 4px;
}

#navigation li a:hover{
  text-decoration: underline;
}



#mid-navigation {
  margin: 0px auto;
  margin-bottom: 15px;
  float: right;
  width: 40%;
  text-align: left
}

#mid-navigation ul, #inner-navigation ul {
  /* Set left indentation to zero for all browsers */
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#mid-navigation li {
  display: inline;
}

#mid-navigation li a, #inner-navigation li a {
  display: block;
  padding: 3px;
  margin-top: 3px;
  padding-left: 8px;
  color: #a86850;
  font-weight: bold;
  font-size: 90%;
  background-color:#eeeeee;
  border: 1px solid #e0e0e0;
  text-decoration: none;
}

#mid-navigation a:hover {
  text-decoration: underline;
}

#mid-navigation2 {
  width: 170px;
  text-align: left;
  margin: 0px auto;
  margin-bottom: 100px;
}

#mid-navigation2 ul {
  /* Set left indentation to zero for all browsers */
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#mid-navigation2 li {
  display: inline;
}

#mid-navigation2 li a, .nav_block {
  display: block;
  padding: 3px;
  margin-top: 3px;
  padding-left: 8px;
  color: #a86850;
  font-weight: bold;
  font-size: 90%;
  background-color:#eeeeee;
  border: 1px solid #e0e0e0;
  text-decoration: none;
}

#mid-navigation2 a:hover {
  text-decoration: underline;
}


div#content {
  margin-top: 0px;
  font-weight: normal;
  font-family: 'Verdana', sans-serif;
}

div#content a {
  font-weight: bold;
  text-decoration: none;
  color: #a86850;
}

div#content a:hover {
  text-decoration: underline;
}

div#left {
  float: left;
  text-align: center;
  margin: auto;
  width:180px;
  background-color: #ffffff;
}

div#middle {
  /*padding: 0px 140px 5px 180px;*/
  padding: 0px;
  width: 630px;
  /*margin: 0px;*/
  float: left;
}

div#right {
  float: left;
  clear: none;
  text-align: center;
  width: 140px;
  background-color: #ffffff
}


.clearfix:after { /* So that the content block retains the height of the floated elements */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





.searchTextInput {
  border: 1px solid #cccccc;
  width: 170px;
}



/* Headers */
h1, h2, h3 {
  padding: 0px;
  margin: 10px;
}

h1 {
  color: #a86850;
  font-size: 1.6em;
  font-weight: bold;
}

h2 {
  color: #a86850;
  font-size: 1.5em;
  font-weight: bold;
}

div#mainblock {
  margin: 0px 5px 0px 5px;
  position: relative;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  padding-bottom: 30px;
  border-left: 1px solid white
}

div#mainblock2 {
  width: 96%;
  text-align: center;
  margin: auto;
  background-color: white;
  position: relative;
  top: 10px;
  left: 0px;
  border-left: 1px solid white;
}

div#pagetitle {
  width: 100%;
  text-align: left
}

div#overflow {
  width: 100%;
  overflow: hidden;
}

.mainblock-header {
  color: #808080;
  width: 95%;
  margin: 0px 0px 25px 0px;
  text-align: left;
}

.mainblock-text {
  float: left;
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
  padding: 5px;
  width: 50%;
  text-align: left
}

.orangetab {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 20px;
  /*padding: 5px;*/
  padding: 5px 0px 5px 0px;
  background-image: url(../images/orangetab.jpg);
}

.orangetab-text {
  margin: 0px;
  padding: 0px;
  color: #606060;
  /*font-size: 1.2em;*/
  font-size: 15px;
  font-weight: bold;
  position: relative;
  top: 1px;
  left: 0px;
}


.section {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  background-color: #ffffff;
  text-align: left;
  line-height: 1.5em;
  word-spacing: 0.1em;
}

.section2 {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 4px 0px 30px 0px;
  padding: 10px 0px 0px 0px;
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
  text-align: left;
  line-height: 1.5em;
  word-spacing: 0.1em;
}


.sectionextra {
  position:relative;
  top: 0px;
  left: 0px;
  margin-top: 3px;
  height:25px
}

.sectionextra-text {
  float: right;
}


div#funky {
  width: 170px;
  height: 250px;
  border: 3px solid #eeeeee;
}


.articlelist {
  margin: 4px 0px 0px 0px;
  padding: 4px 0px 4px 0px; /* top right bottom left */
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
}



#tips {
  list-style: none;
  margin: 4px 0px 0px 0px;
  padding: 0px;
}

#tips li ul {
  display: none;
  list-style: none;
  margin: 3px 0px 0px 3px;
  padding: 0px;
}

#tips li.open ul {
  display: block;
}

#tips li {
  padding-bottom: 4px;
}

#tips li a {
  font-weight: bold;
  text-decoration: none;
  color: #a86850;
}


#tips li a:hover {
  text-decoration: underline;
}

.tipsdiv {
  background-color: #eeeeee;
  border: 1px solid #e0e0e0;
  padding: 4px;
}


/* Sitemap */
.smMain {
  margin-top: 10px;
}
.smMain a {
  font-size: 1.2em;
  text-decoration: none;
}
.smMain a:hover {
  font-size: 1.2em;
  text-decoration: none;
}

.smSub {
  font-size:10px;
  position: relative;
  left: 20px;
  width:95%;
  margin-top:5px;
}
.smSub a {
  text-decoration: none;
}
.smSub a:hover {
  text-decoration: none;
}


div#footer {
  width: 100%;
  height: 20px;
  float: left;
  background-color: #eeeeee;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  margin-top: 4px;
  font-size: 0.8em;
  padding: 4px 0px 4px 0px;
}

div#footer a {
  color: #a86850;
  text-decoration: none;
}

div#footer a:hover {
  text-decoration: underline;
}

div#copyright {
  float: left;
  margin: 4px 0px 0px 10px; /* top right bottom left */
}

div#credits {
  float: right;
  margin: 4px 10px 0px 0px; /* top right bottom left */
  color: #a86850;
}

div#credits a.wd {
  color: #303030;
  font-weight: normal;
  text-decoration: none;
}

div#credits a.wd:hover {
  color: #303030;
  font-weight: normal;
  text-decoration: none;
}

div#extralinks {
  font-size:10px;
  text-align:center;
  margin:auto;
  margin-top: 10px;
  margin-bottom:5px;
  width: 100%;
  height: 20px;
  float: left;
  clear: all;
}

div#extralinks a {
  color: #888;
}
div#extralinks a:hover {
  color: #888;
}