﻿@charset "UTF-8";
/* CSS Document */

/* Standard Colors 
Blue: #0066cc
Dark Blue: #0e3e6e
Sky Blue: #68ace5
Gray: #6d7981
Dark Gray: #36424a
Light Gray: #dfe5e6
Red: #ab0823
Orange: #d6492a
Yellow: #da9800
Green: #5f692d
Tan: #f4f0e5
*/


/* ------- Sidebar -------*/
#sidebarwrap {
/*width: 180px; /*--This sets the WIDTH of the menu BACKGROUND-*/
}

#sidebar {
border-right: 1px solid #68ace5; border-left: 1px solid #68ace5;border-bottom: 1px solid #68ace5;
}

#sidebar ul {
clear: left;
/* float: left;*/
width: 180px;
list-style: none;
padding: 0;
margin: 0;
background: #f0f0f0;
}

#sidebar a {
display: block;
width: 180px; /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #0e3e6e;  /*--This sets the COLOR of the menu TEXT--*/
/*font-weight: bold;*/
text-decoration: none;
font-size: 1.2em;
padding: 5px 0 5px 15px;
}

#sidebar li {
width: 180px; /*--This sets the WIDTH of the first layer menu HOVER-*/
/* float: left;*/
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 0;
border-bottom: 1px dotted #d0d0d0;

}

#sidebar li ul {
position: absolute;
left: -999em;
margin-left: 180px; /*--Set this to match WIDTH of the first layer menu HOVER-*/
margin-right: 0;
margin-top : -1.8em;
width: 180px; /*--This sets the WIDTH of the second layer menu HOVER-*/
font-weight: normal;
background: #cccdce;  /*--This sets the COLOR of the second layer menu BACKGROUND--*/
}

#sidebar li li {
text-align: left;
margin: 0;
width: 180px; /*--This sets the WIDTH of the second layer menu BACKGROUND--*/
border-bottom: none;
padding: 0;
}

#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li.sfhovers ul, #sidebar li li.sfhovers ul {
left: auto;
}

#sidebar li:hover, #sidebar li.sfhovers {
background: #cccdce;  /*--This sets the COLOR of the first layer menu HOVER--*/
}

#sidebar li li:hover, #sidebar li li.sfhovers {
background: #68ace5;  /*--This sets the COLOR of the second layer menu HOVER--*/
}

#sidebar h1 {
clear: left;
/* float: left;*/
color: #d6492a;
font-size: 1.1em;
/*width: 180px;*/
text-align: left;
display: block;
font-weight: bold;
background: #ffffff;
letter-spacing: 1px;
border-bottom: 1px dotted #d6492a;
margin: 0;
padding: 10px 0 5px 10px;
}
