/* CSS Document - Feel free to examine it if you want to learn webdesign */

/* Body */
body {
width: 100%;
color: #000000;
margin: 0;
padding: 0;
background: #ffffff;
}

b {
padding-left: 4px;
text-transform: uppercase;
font-style: oblique;
font-family: arial, helvetica, sans-serif;
color: #a32323;
text-shadow: 0.2em 0.2em 0.1em #666666;
width: 115px;
height: 20px;
clear: both;
}

/* Links */
a {
font-weight: bold;
}

a:link {
text-decoration: none; 
color: #a32323; 
}
a:visited {
text-decoration: underline; 
color: #792727; 
}
a:hover {
text-decoration: underline; 
font-weight: bold; 
color: #f7ab08;
}
a:active {
text-decoration: underline; 
color: #f7ab08;
}

/* Establish title title */
h1 {
font-family: arial, helvetica, sans-serif;
font-size: 16px;
line-height: 18px;
font-weight: 400;
text-transform: capitalize;
color: #000000;
border-bottom: 1px solid #000000;
text-align: left;
}

/* Establish article summary text */
h2 {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
font-style: normal;
font-weight: bold;
color: #000000;
}

/* Establish author and last modified text */
h3 {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
font-weight: 700;
color: #666666;
}

/* Establish sidebar title text */
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
text-transform: capitalize;
font-weight: bold;
text-indent: 2px;
text-align: left;
color: #D8E9F4;
background: #446174;
height: 20px;
}

/* Establish bold text */
em {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
font-weight: bold;
color: #333333;
}

/* Unordered list */
ul {
list-style-type: square;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 16px;
text-align: left;
line-height: 18px;
font-weight: bold;
color: #6f5e4e;
}

/* Blockquote for quotations */
blockquote {
border: 1px solid #9b958e;
padding: 3px;
background: #faf9eb;
font-family: georgia, verdana, arial, helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
color: #000000;
}

/* establish top layout parameters */
#header {
display: none;
}

#headerbar {
display: none;
}

#headerbar a:link {
color: #ffffff;
font-weight: bold;
}

#headerbar a:hover {
color: #ffffff;
background: #EA7211;
height: 20px;
text-decoration: none;
}

#headerbar a:visited {
color: #ffffff;
text-decoration: underline;
}

#sidebar {
float: left;
position: absolute;
width: 119px;
left: 0;
padding-top: 10px;
background: #e9e9e9;
margin: 0;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
text-align: left;
line-height: 16px;
clear: both;
}

#sidebar a {
padding-left: 4px;
float: left;
font-style: italic;
width: 115px;
height: 17px;
margin: 0;
border-bottom: 2px solid #ffffff;
color: #333333;
clear: both;
}

#sidebar a:hover {
color: #ffffff;
width: 115px;
text-decoration: none;
background-color: #a32323;
}

#sidebar a:active {
color: #ffffff;
text-decoration: none;
width: 115px;
background-color: #d92f2f;
}

#sidebar a:visited {
color: #ffffff;
width: 115px;
text-decoration: none;
background-color: #cacac8;
}

/* Navigation links and text inside the sidebar */
p.sidebar {
margin-left: 2px;
line-height: 16px;
}


/* Area for the articles, real space is 458px */
#primarycontent {
border-right: 1px dotted #999999;
float: left;
width: 468px;
position: absolute;
left: 121px;
background: #ffffff;
min-height: 1200px;
vertical-align: top;
font-family: arial, helvetica, sans-serif;
font-size: 15px;
line-height: 17px;
text-align: justify;
padding-left: 5px;
padding-right: 5px;
margin-top: 2px;
}

p.copyright {
font-size: 10px;
line-height: 12px;
color: #9b958e;
border-top: 1px solid #999999;
text-align: justify;
padding-right: 4px;
padding-left: 1px;
}

p.listdivider {
border-bottom: 1px solid #999999;
}

/* Right column, incl. print, send, back and related images */
#tools {
display: none;
}

.hide {
display: none;
}