/*---Defines style for body of document--*/
body {
    color: black;
    font-family: arial, tahoma, sans-serif;
    font-size: 62.5%;
    text-align: left;
    background: url('../images/left_side.jpg') repeat-y #dfceaa;
    margin: 0;
    padding: 0 0 0 30px;
    }


/*---Heading (H1,H2,...) Styles---*/
h2 {
    font-size: 1.6em;
    margin-bottom: 1em;
    }
h2.inline { display: inline }

h3 {
    font-size: 1.4em;
    margin-bottom: .8em;
    }
h3.inline { display: inline }

h4 {
    font-size: 1.2em;
    margin-bottom: .5em;
    }

h5 {
    font-size: 1.1em;
    margin-bottom: .3em;
    }

/*---Anchors---*/
/*a { color: #0088cc }*/

/*---Linked Images---*/
a img { border: 0 }
#body_inside a img { border: 2px solid }


/*---Paragraphs---*/
p {
    font-size: 1.1em;
    margin-bottom: 1em;
    }


/*---Basic List Styles in body---*/
ul, ol { margin: 0 0 1em 2em }
ul ul, ol ol { margin-bottom: 0 }

ul.plain ul { padding-left: 1.4em }
ul.plain, ul.plain ul { /*---Plain class shows with no bullet---*/
    list-style: none;
    font-size: 1em;
    margin-left: 0;
    margin-bottom: 1em;
    padding-left: 1.4em;
    }
ul.plain { padding-left: 0 }
ul.plain h2 { font-size: 1.4em }
ul.plain h3 { font-size: 1.3em }

ul.menu {
    list-style: none;
    font-size: 1em;
    margin-left: 0;
    margin-bottom: 1em;
    padding-left: 0;
}

ul.menu li a {
    display: block;
    color: #0088cc;
    text-decoration: none;
    border-left: 3px solid #fafaee;
    padding: .4em;
    }

ul.menu li a:hover {
    text-decoration: underline;
    background: #eee;
    border-left-color: #ddd;
    }

ul.menu li.active a {
    background: #FADFAA;
    border-left-color: #FABF48;
    }

/*---Form Labels---*/
label { font-weight: bold }

/*----------Relative Classes----------*/
.center {
    text-align: center;
    margin: 0 auto;
    }

.italic { font-style: italic }
.bold { font-weight: bold }
.red { color: red }
.clear { clear: right }
.clear_b { clear: both }
.left{ float: left }
.right { float: right }
.t_right { text-align: right }

/*----------Container----------*/
#container { min-width: 750px }

/*---Help Navigating notice in top left---*/
#help {
    height: 20px;
    margin: 2px 4px;
}

/*----------Header----------*/
#header {
    background: url('../images/top_post.jpg') top left repeat-x;
    padding: 20px 0 0 25px;

}

#header #logo, #header #links div { /*---Puts chain links on logo/middle---*/
    width: 167px;
    background: url('../images/link.gif') 33% 0 no-repeat;
    }
#header #logo { float: left }

#header #logo h1, #header #links div div { /*---Puts chain links on logo/middle---*/
    background: url('../images/link.gif') 66% 0 no-repeat;
    margin: 0;
    padding: 12px 0 0 0;
    }

#header #logo h1 a { /*---Swaps out text for image logo---*/
    display: block;
    width: 167px;
    height: 72px;
    text-indent: -5000px;
    background: url('../images/logo.gif');
    border: 3px solid #000;
    }

#header #links { margin-left: 210px } /*---Offset for column---*/

#header #links div { /*--- Top box---*/
    width: 500px;
    margin: 0 auto;
    }
#header #links div div { padding-top: 12px }

#header #links div div div { /*---main border on top box---*/
    text-align: center;
    background: #fafaee;
    border: 3px solid #000;
    padding: 8px;
    }

#header #links ul {
    list-style: none;
    border-top: 1px solid black;
    margin: 0 auto;
    padding-top: .5em;
}

#header #links li {
    display: inline;
    height: 1.5em;
    text-align: center;
    padding: 0 13%;
    }

#header #links li a {
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    }

/*----------Body Wrapper----------*/
#body_wrapper {
    clear: both;
    background: url('../images/content_ver.jpg') 13px 0 repeat-y;
    }

/*----------Column----------*/
#corner {
    width: 25px;
    height: 12px;
    background: url('../images/content_cor.jpg') top right no-repeat;
    float: left;
    }


#navigation, #navigation ul {
    list-style: none;
    height: 2.4em;
    margin: 20px 0 0 0;
    background: #5e2605;
    border-bottom: .3em solid #8b4513;
    padding-left: 0;
}
#navigation ul { border-top: .3em solid #8b4513 }
#navigation ul ul { border-top: 0 }

#navigation li {
    position: relative;
    height: 2.4em;
    line-height: 2.4em;
    background: #5e2605;
    border-left: 1px solid #8b4513;
    float: left;
}
#navigation li:hover { background: #8b4513 }

#navigation li li {
    width: 180px;
    float: none;
    }

#navigation li a {
    display: block;
    color: #DCDCDC;
    font-size: 1.3em;
    text-decoration: none;
    padding: 0 .4em;
    }
#navigation li li a { padding: 0 18px 0 .4em }
#navigation li li a:link { padding: 0 18px 0 .4em }
#navigation li li.folder { background: url('../images/arrow.gif') center right no-repeat #5e2605 }
#navigation li li.folder:hover { background: url('../images/arrowdown.gif') center right no-repeat #8b4513 }

#navigation ul {
    display: none;
    position: absolute;
    top: 4px;
    left: -1px;
    }
#navigation ul ul { top: 6px }

#navigation li li ul {
    top: -2em;
    left: 180px;
    }

#navigation li:hover ul, #navigation li:hover li:hover ul, #navigation li:hover li:hover li:hover ul { display: block }
#navigation li:hover ul ul, #navigation li:hover li:hover ul ul, #navigation li:hover li:hover li:hover ul ul { display: none }



/*----------Body----------*/
#body {
    font-size: 1.2em;
    background: url('../images/content_hor_t.jpg') top left repeat-x #fafaee;
    margin-left: 25px;
    padding: 20px 8px 0 8px;
    }

#body_inside {
    border: 1px solid #000;
    padding: 10px 10px 30px 10px;
    }

.notice {
    font-weight: bold;
    background: #E4EDF2;
    border: 1px solid #0088cc;
    margin-bottom: 1.6em;
    padding: .8em;
    }


/*----------Footer----------*/
#footer {
    text-align: center;
    background: #fafaee;
    margin-left: 25px;
    padding: 30px 18px;
    }

#footer ul {
    list-style: none;
    margin: 0 0 1em 0;
    }

#footer ul li {
    display: inline;
    font-size: 1.2em;
    }

#footer ul li:first-child:before { content: "" }
#footer ul li:before { content: " | " }

/*----------Page Clear----------*/
#page_clear {
    clear: both;
    font-size: 1px;
    width: 750px;
    }

/*----------Tables----------*/
table.contents, table.articles, table.data, table.products {
    width: 100%;
    cell-spacing: 0;
    border-collapse: collapse;
    }

table.contents td, table.articles td, table.products td {
    border-top: 1px solid black;
    padding: 1em 0 2em 0;
    }
table.contents td, table.articles td, table.data td { vertical-align: top }

table.articles td p {
    font-style: italic;
    }


table.contents h3 {
    font-size: 1.5em;
    text-align: center;
}
table.articles h3 { font-size: 1.1em }
table.contents h3 a { color: #68570f }
table.contents td a { font-weight: bold }
table.articles img { margin: 4px }

/*----------Images----------*/
.picture {
    clear: right;
    text-align: center;
    border: 1px solid #000;
    margin: 0 0 1em 1em;
    padding: .4em;
    float: right;
    }

.picture p {
    font-size: .9em;
    text-align: left;
    margin: 0;
    }

/**********  New bits added by Tailslide **************/

#navigation li li a { display: inline-block; }
#navigation li li a { display: block; }
body {behavior:url("csshover.htc");}

/******************************************************/