/* Style sheet for Cross/General/Employees */


/* First Side Menu */
#mmenu-gen {
    float:left;
    clear:left;
    margin-top:16px;
    margin-bottom:16px;
    width:12.4em;
}
#mmenu-gen div {
    border-top:1px solid #C9D9DC;
    border-bottom:1px solid #C9D9DC;
}
#mmenu-gen span {
    display:block;
    padding-top:4px;
    padding-left:15px;
}
#mmenu-gen a, #mmenu-gen a:link {
    display:block;
    width:12.4em;
    height:1.9em;
    font-weight:bold;
    text-decoration:none;
}
html>body #mmenu-gen a, html>body #mmenu-gen a:link {
    height:auto;
    min-height:1.9em;
}
#mmenu-gen a.menuitem-off {
    color:#000;
    background:#c1d1d4 url(images/orangeleftoff.gif) repeat-y;
}
#mmenu-gen a.menuitem-on {
    color: Black;
    background:#ffffff url(images/orangelefton.gif) repeat-y;
}
#mmenu-gen a:hover {
    color:#CC5407; /* orange */
    background:#ffffff url(images/orangelefton.gif) repeat-y;
}
.leftspace {
	padding-left: 250px;
}

/* Second Side Menu */
div#submenu-gen {
    padding:0;
    margin:0;
    border:0;
} 
#submenu-gen div {
    border-top:1px solid #C9D9DC;
} 
#submenu-gen span {
    padding-top:3px;
    padding-left:26px;
} 
#submenu-gen a, #submenu-gen a:link {
    display:block;
    width:12.4em;
    height:1.7em;
    font-weight:bold;
    text-decoration:none;
}
html>body #submenu-gen a, html>body #submenu-gen a:link {
    height:auto;
    min-height:1.7em;
}
#submenu-gen a.submenuitem-off {
    color:#000;
    background:#ffffff url(images/orangesuboff.gif) repeat-y;
}
#submenu-gen a.submenuitem-on {
    color:#CC5407; /* orange */
    background:#ffffff url(images/orangesubon.gif) repeat-y;
}
#submenu-gen a:hover {
    background:#ffffff url(images/orangesubon.gif) repeat-y;
}
#submenu-gen a.submenuitem-off:hover {
    color:#000;
    background:#ffffff url(images/orangesubon.gif) repeat-y;
}
#submenu-gen a.submenuitem-on:hover {
    color:#CC5407; /* orange */
    background:#ffffff url(images/orangesubon.gif) repeat-y;
} 
@media print {
    #mmenu-gen {display:none;}
}

/* The smenu block is inside the mmenu-gen area, under the left menu. */ 
div#smenu {
    padding-top:1em;
    padding-left:1em;
    border:0;
    background:0;
    font-size:0.9em;
    line-height:1.4em;
}
div#smenu a, div#smenu a:link, div#smenu a:hover {
    display:inline;
    border:0;
    background:0;
    color:#CC5407; /* orange */
    text-decoration:underline;
}
div#smenu a:visited {
    color:#704A32;
}
div#smenu img {
    display:inline;
} 
div#smenu h3 {
    margin:5px 0 10px 0;
    padding:0;
    color:#CC5407; /* orange */
    font-weight:bold;
    font-size:1.1em;
}

/* First top menu */
#menu1 { 
    background:#e5e8e9 url(images/orangetopbg.gif) top left repeat-x; 
    height:1.7em;
}
#menu1 div {
    float:left;
    padding:0 5px;
}
#menu1 a, #menu1 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
    color:#3D3D40;
    font-weight:bold;
    text-decoration:none;
}
#menu1 #m1active a, #menu1 div a:hover {
    background:url(images/orangetopon.gif) top left repeat-x; 
    color:#CC5407; /* orange */
    display:block;
} 

/* Second top menu */
#menu2 { 
    background:url(../images/nav/orange_top_subnav_off.gif) top left repeat;
    height:1.7em;
    clear:left;
}
#menu2 div {
    float:left;
    padding:0;
}
#menu2 a, #menu2 a:link {
    display:block;
    float:left;
    height:18px;
    padding:2px 10px 0 10px;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
}
#menu2 div a:hover {
    background:url(../images/nav/orange_top_subnav_over.gif) top left repeat-x;
    display:block;
    color:#666;
}
#menu2 #m2active a, #menu2 #m2active a:link {
    background:url(../images/nav/orange_top_subnav_on.gif) top left repeat-x;
    display:block;
    color:#CC5407; /* orange */
}

@media print {
    #menu1, #menu2 {display:none;}
}


/* Link colors */
#content a, #content a:link {
    color:#CC5407; /* orange */
    text-decoration:underline;
}
#content a:visited {
    color:#704A32;
}

/* Vertical Dotted Line */
#content div.inner-left {
    background:url(../images/misc/orange_dotborder.gif) top right repeat-y;
}
