/*
# ------------------------------------------------------------------------
# Foundation for the El Paso Catholic Diocese template for Joomla v1.7
# ------------------------------------------------------------------------
# Copyright (C) 20011 dynamicMedia Development.com. All Rights Reserved.
# Developer: Freddy Flores
# Email: freddy@dmdagency.com
# Websites:  http://www.dmdagency.com
# ------------------------------------------------------------------------
*/
@charset "UTF-8";
@import url(../fonts/cartogothicstd/stylesheet.css);

/* Main Menu */
.menu{
	width:950px;
	margin:auto auto;
}

.menu ul{
    background: none repeat scroll 0 0 #77250B;
    color: #FFFFFF;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    top: 145px;
    z-index: 11;
}

.menu li{
    float: left;
	position:relative;
	list-style:none;
	padding:0 15px;
}


.menu li a{
	text-decoration:none;
	color:#fff;
}

.menu li a:hover{
	color:#808057;
}

.menu li li a:hover {
	color:#808057!important;
	display:block;
	height:30px;
}

.menu li ul {
    background: url("../images/menu_top.png") no-repeat scroll center top transparent;
    left: -999em;
    margin-left: 0;
    margin-top: -115px;
    padding-left: 0;
    position: absolute;
    z-index: 1;
}

.menu li ul ul {
	margin:0;
}

.menu li ul li ul{
    left: -999em;
    margin-left: 0;
    margin-top: -115px;
    padding-left: 0;
    position: absolute;
    z-index: 1;
}

.menu li:hover ul ul, .menu li:hover ul ul ul, 
.menu li:hover ul ul ul ul, .menu li.sfHover ul ul, 
.menu li.sfHover ul ul ul, 
.menu li.sfHover ul ul ul ul {
	left:-999em; 
}

.menu li li {
	background:#77250B;
    height: 30px;
    list-style: none outside none;
    text-align: left;
    width: 250px;
}

.menu li li.active a, 
.menu li li a:hover {
	padding:0;
	color:#808057; 
}

.menu li li a {
	color:#fff !important;
	display:block;
	height:30px;
}

.menu li:hover ul, .menu li.sfHover ul {
	left:4px;
}

.menu li li:hover ul, .menu li li li:hover ul, 
.menu li li li li:hover ul, .menu li li.sfHover ul, 
.menu li li li.sfHover ul, .menu li li li li.sfHover ul {
	left:0;
}

/*end*/

/*Left Menu*/
.left{
    background: none repeat scroll 0 0 #EAE5DA;
    margin-right: 15px;
    padding: 10px;
    width: 250px;
}

.left ul{
	list-style-type:none;
	padding-left:0px;
}

.left li{
	padding-bottom:10px;
}

.left li a{
	text-decoration:none;
	color:#77250B;
}

.left li a:hover{
	color:#808057;
}