/* MAIN NAV*/

#mainnav {
background:#d32c2a;
float:left;
width:100%;
}

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:2.8em;
z-index:100;
}

#nav a{
display:block;
padding:0px 16px;
border:none;
color:#fff;
font-size:108%;
font-weight:bold;
text-decoration:none;
background-color:#d32c2a;
border-right:1px solid #e06c6a;
}

#nav a:hover{
background-color:#e23230;
color:#fff;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:2.8em;
border-left:1px solid #e06c6a;
}

#nav li ul a{
width:14em;
height:auto;
float:left;
font-weight:normal;
line-height:2em;
border-top:1px solid #e06c6a;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}


/* LEFT NAV

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#leftNavContainer {
display: block;
background:#fff;
padding:6px;
border:1px solid #ddd;
width:184;
margin-bottom:8px;
}

#leftnav-menu {
color:#000;
padding:0;
min-height:60px; height:auto !important;  height:60px;
}

#leftnav-menu div.leftnav-title {
background:#cc3399;
color:#000;
padding:4px 12px;
font-size:1em;
font-weight:bold;
margin:0 0 14px 0;
}

#leftnav-menu ul {
list-style:none;
margin:0;
}

#leftnav-menu ul li {
margin:0 0 6px 0;
padding:0;
}

#leftnav-menu ul li a{
display:block;
line-height:180%;
font-size:1em;
padding:0 0 0 16px;
width:158px;
color:#000;
text-decoration:none;
background: url(../images/arrow-gray2.gif) no-repeat left 9px; /*custom bullet list image*/
}

#leftnav-menu ul li a:hover{
color:#cc3399;
}

#leftnav-menu div.leftnav-title a {
color:#223c80;
text-decoration:none;
}

#leftnav-menu div.leftnav-title a:hover {
color:#000;
text-decoration:none;
}