/* Part 1: Global structure */
body {
/*  font: 100.1% Verdana, arial, helvetica, sans-serif; */
  background-color: White;
  color: #6d4c07;
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;			/* arial looks better with a smaller size */
  margin: 0;
}
#outerColumnContainer {
    background-color: #fff;
    border-style: solid;
    border-width: 0 18em 0 0; /* side border widths must equal the
                                 widths of the left and right columns.  */
    border-right-color: #fff; /* right hand column background color */
    color: #000;
    z-index: 1;
}
#rightColumn, #contentColumn { float: left; overflow: visible; position: relative; z-index: 10; }
#rightColumn { margin: 0 -18em 0 1px; width: 18em; }
#rightColumn .inside { font-size: 100%; }
#contentColumn { margin: 0 -1px 0 0; width: 100%; font-family: Verdana, arial, helvetica, sans-serif; }
.inside { padding: 0 1.5em; }
#contentColumn, #rightColumn { padding-top: 3.0em; padding-bottom: 1.0em; }
#contentColumn .inside { padding: 0em 4em 1.5em 4em; }

/* Part 2: Main body */
.parheader { font-weight: bold; display: block; margin: 1em 0em; line-height: 1.5em; }

/* Links */
a { text-decoration: underline; color: black; background-color: transparent; }
a.http {
  background: transparent url(/images/link_http.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
a.ftp {
  background: transparent url(/images/link_ftp.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
a.irc {
  background: transparent url(/images/link_irc.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
a.mailto {
  background: transparent url(/images/link_mailto.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
a.https {
  background: transparent url(/images/link_https.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 16px;
}
div.code {
  background-color: #f5ebd7;
  border: dashed 1px #6d4c07;
  margin: 10px 0px 10px 0px;
  padding: 10px 0px 10px 30px;
  font-family: monospace;
}

/* 2nd level links, formerly submenu, needs to be changed! */
span.button {
  font-size: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  margin-right: 2em;
  border: solid 1px  #6d4c07;
  color: #6d4c07;
  background-color: #f5ebd7;
  
}
span.button a { color: #6d4c07; text-decoration: none; }

a.f { color: #6d4c07; text-decoration: none; }

div.dummy { clear: both; margin: 0px; padding: 0px; line-height: 0px; font-size: 0px; }
pre { overflow: auto; }
dl { clear: both; }

table { font-size: 100%; }
img { border: none; vertical-align: middle; }
p { margin: 0.5em 0em 1em 0em; line-height: 1.2em; }
hr { height: 1px; color: #6d4c07; background-color: transparent; }

/* Headers */
h1, h2, h3, h4, h5, h6 {
    color: #6d4c07;
    background-color: transparent;
    font-family: Verdana, arial, helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding-top: 0.4em;
    text-shadow: #999999 0.2em 0.2em 3px;
	width: 100%;
}
/* header styles */
h1 { font-size: 170%;  }
h2 { font-size: 160%;  }
h3 { margin-top: 20px; margin-bottom: 8px; font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

/* Lists */
ul { 
    line-height: 1.1em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    list-style-image: url(/images/u-bullet4.png);
}

ol {
    line-height: 1.1em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
li { margin-bottom: 1em; }
dt { font-weight: bold; margin-bottom: 8px; font-size: 120%; margin-top: 8px;} 
dt a.plain { text-decoration: none;
  background: transparent url(/images/little-u.gif) 0px 1px no-repeat;
  padding: 1px 0px 1px 19px; }

fieldset {
    border: 1px solid #6d4c07;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend { background: White; padding: 0.5em; font-size: 90%; }

form { border: none; margin: 0; }
textarea {
    font: 110% "Courier New", Courier, monospace; 
    border: 1px solid #6d4c07;  
    color: Black;
    background-color: white;
    width: 100%;
}
input {
    font-family: Verdana, arial, helvetica, sans-serif;
    visibility: visible;
    border: 1px solid #6d4c07;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
select { border: 1px solid #6d4c07;  color: Black; vertical-align: top; }
abbr, acronym {
    border-bottom: 1px dotted #6d4c07;
    color: #6d4c07;
    background-color: transparent;
    cursor: help;
}

blockquote, q { font-family: Times, "Times New Roman", serif; font-style: italic; font-size: 120%; }
code {
    font-size: 120%;
    color: #6d4c07;
    background-color: #f5ebd7;
    border: 1px dashed #6d4c07;
    padding: 0 0.1em;
}
pre {
    font-size: 120%;
    padding: 1em;
    border: 1px dashed #6d4c07;
    color: #6d4c07;
    background-color: #f5ebd7;
    overflow: auto;
}
ins { color: green; text-decoration: none; }
del { color: red; text-decoration: line-through; }


img { border: 0; }

td {
    vertical-align: top;
}

td.content {
	border: 1px solid #fbdd9c /*#D9BB7A*/ ;
	padding-left: 1em;
		}

/* Part 3: Navigation bar */
#mastWrapper { background: url(/images/header-bg4.png) bottom left repeat-x #fff; }
#masthead {
  position: relative;
  background: url(/images/headerlogo.png) no-repeat transparent;
  height: 90px;
}

/* The bar */
#nav { position: absolute; bottom: 0px; right: 10px; }

/* The tabs */
#nav ul { display: inline; margin: 0; padding: 10px 10px 0 1px; list-style: none; }

/* Standard tab */
#nav li { float: left; background:url(/images/tab_off_ns1.gif) no-repeat left top; margin: 0; padding: 0 0 0 5px; }
#nav a {
  font-size: 105%;
  display: block;
  background: url(/images/tab_off_ns2.gif) no-repeat right top;
  padding: 8px 15px 0px 8px;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.5em;
  color: #444;
}

/* Hover over tab */
#nav li:hover a { color:#333; background:url(/images/tab_on_ns2.gif) no-repeat right top; }
#nav li:hover { background:url(/images/tab_on_ns1.gif) no-repeat left top; color: #000;
}

/* Current tab */
#nav #current { background:url(/images/tab_on_ns1.gif) no-repeat left top; }
#nav #current a {
  background:url(/images/tab_on_ns2.gif) no-repeat right top;		  
  padding-bottom:1px;
  color:#000;
}


/* Part 4: Rightcolumn */
#rightColumn ul { list-style: none; list-style-image: none; margin: 0; padding: 0; color: #696969; background-color: #eae5da; width: 190px;}
#rightColumn ul ul { list-style: none; margin: 0; padding: 0; color: #696969; background-color: #eae5da; width: auto;}
#rightColumn li { margin-bottom: 0px; font-size: 100%; margin: 0 0 0 15px; }

#rightColumn li a { text-decoration: none; color: black; font-weight: bold; line-height: 1.5em; }
#rightColumn li li a { text-decoration: none; color: black; font-weight: normal; }
#rightColumn li a:hover, #rightColumn #news a { text-decoration: underline; color: black; }

#rightColumn li.active {
	background-image: url(/images/little-u.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/* Part 5: Footer */
#footWrapper {
    clear: both;
	background: url(/images/footer-bg.png);
	background-repeat: repeat-x;
	border-bottom: 2px solid #583D1E;
}

#footer {
	color: #5B4832;
	position: relative;
	text-align: center;
	background-image: url(/images/footer-image2.png);
	background-repeat: repeat-y;
	background-position: left top;
	padding: .3em;
}
#footer a { color: #5B4832; text-decoration: underline; }


/* Part 6: other specializations */
.timestamp { text-align: right; font-size: 85%; clear: both; font-weight: normal; color: #76797c; }
.timestamp a { color: #76797c; text-decoration: underline; }
.message {
  background-color: #ffce7b;
  border: 1px solid #ffa500;
  color: #6d4c07;
  font-size: 85%;
  font-weight: bold;
  margin: 0em 0em 1em 0em;
  padding: 0.5em 1em 0.5em 3em;
  vertical-align: middle;
  background-image: url(/images/info_icon.gif);
  background-repeat: no-repeat;
  background-position: 5px center ;
}

.leftbar {
  float: left;
  margin-left: -20px;
  margin-top: -10px;
  width: 190px;
  text-align: center;
  background-color: #eae5da;
  margin-right: 50px;
}
.shipitorder input.required {
  position: absolute;
  left: 17em;
}
.shipitorder div input.required {
  position: absolute;
  left: 22em;
}

.newsl {
  float: left;
}
.newsr {
  float: right;
}
.newsl a, .newsr a {
  text-decoration: none;
  font-weight: bold;
}
.profiledata {
  position: absolute;
  left: 17em;
}