/* Where the bee sucks */

/*

------------------------------------------------------
Copyright Jeroen van der Meer, http://www.jero.net/;
Main image copyright Brammeke, http://www.brammeke.net/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

/* Basic elements */

table.supplies 
{text-align: center;
font-weight: normal;
font-size: 20 px;
color: #fff;
background-color: #000033;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.supplies td 
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
font-size: 16 px;
border: 1px #fff solid;}

table.supplies td.header
{background-color: #000033;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 20 px;
font-weight: bold;} 

body {
background-color: #ffffff;
font: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #000000;
margin: 0 0 0 0;
padding: 0;
width:100%;
}

h1, h2, h3 {
padding-top: 5px;
font-family: Georgia, "Times New Roman", Times, serif;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

li {
line-height: 12px;
}

a {
color: #AB4D00;
padding: 1px;
text-decoration: none;
}

/* Layout */


#banner {
width: 100%;
height: 71px;
background-color: #ff0000;
background-image: url(images/banner.gif);
background-repeat: no-repeat; 
}

#nav-main {
width: 100%;
padding-top: 10px;
padding-bottom: 5px;
background-color: #000033;
}

#nav-main li {
display: inline;
padding: 10px;
}

#nav-main a {
color: #ffffff;
}

#nav-main a:hover {
border-top: 2px solid #ffcc00;
}

#nav-main li .current {
border-top: 2px solid #ffcc00;
}


/* Content */

#container {
padding: 5px;
text-align: left;
}

#nav-section {
position: absolute;
float: left;
width: 120px;
border: 1px solid #7F7F7F;
background-color: #CCC;

}

#nav-section a {
color: #000000;
}

#nav-section li {
margin-top: 10px;
margin-bottom: 5px;
}

#nav-section li .current {
font-weight:bold;
}

#nav-section li:hover {
background-color: #FFF;
border-left: 2px solid #ff0000;
border-right: 2px solid #ff0000;
}

#nav-section a:hover {
text-decoration: underline;
}

html>body #nav-section a:hover {
color: #000;
text-decoration: none;
}


#content {
width:70%;
margin-left:140px;
margin-top:.5em;
}

#content p, #content li {
text-align: justify;
font-size: 85%;
line-height: 1.6em;
}

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

#content ul {
margin:1em;
padding:1em;
list-style-type: disc;
}

#content h1, h2, h3 {

}

/* Footer */

#info-site {
width: 600px;
color: #C9A742;
background-color: #ffffff;
cursor: default;
}

#info-site a {
color: #AF701E;
}

#info-site a:hover {
background-color: #CED2D5;
}

#info-site p {
margin: 0;
width: 100%;
padding-left: 5px;
padding-right: 5px;
}