/* El Paso REDCo masterpages style sheet by Jason Henderson, Digital Designer of MithoffBurton Partners */
/* With help from csszengarden.com and BlueRobot.com*/
/* Colors for dropdown menu #fed459 - yellow and #feab46 - orange on mouseover */
/* general formatting, links and accessibility */
/* Redesigned March 17, 2006 */
/* Updated by Varay Systems */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    background: #ffffff;
    margin: 10px;
    padding: 0px;
	margin: 0px, 0px, 0px, 0px,;
}
html { overflow: -moz-scrollbars-vertical !important; }
/**************** Link control ********************************/
a.bodyl:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#0d567a;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    background-color: transparent;
}

a.bodyl:visited {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#0d567a;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    background-color: transparent;
}
a.bodyl:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#b32317;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    background-color: transparent;
}
a.bodyl:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#0d567a;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    background-color: transparent;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration: none;
    color:#0d567a;
    background-color: transparent;
}
a:visited {  
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-decoration: none;
    color: #0d567a;
    background-color: transparent;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
    background-color: transparent;
}
a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    color: #0d567a;
    background-color: transparent;
}
a.topBar:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none;
    color:#FFFFFF;
    background-color: transparent;
}

a.topBar:visited {  
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
}
a.topBar:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color:#b32317;
    background-color: transparent;
}
a.topBar:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
}
a.menubr:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight:bold;
    text-decoration: none;
    color:#FFFFFF;
    background-color: transparent;
}

a.menubr:visited {  
    font-family:Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight:bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
}
a.menubr:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: underline;
    color:#FFFFFF;
    background-color: transparent;
}
a.menubr:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
}
a.yellow:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 97pt;
    font-weight:bold;
    text-decoration: none;
    color:#fff200;
    background-color: transparent;
}

a.yellow:visited {  
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none;
    color: #fff200;
    background-color: transparent;
}
a.yellow:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color:#b32317;
    background-color: transparent;
}
a.yellow:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #fff200;
    background-color: transparent;
}

a.newsHead:link {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none;
    color:#0d567a;
    background-color: transparent;
}

a.newsHead:visited {  
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    font-weight:bold;
    text-decoration: none;
    color: #0d567a;
    background-color: transparent;
}
a.newsHead:hover {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color:#b32317;
    background-color: transparent;
}
a.newsHead:active {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    color: #0d567a;
    background-color: transparent;
}
a.homeL:link {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    color:#000000;
    background-color: transparent;
}

a.homeL:visited {  
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
}
a.homeL:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    color:#b32317;
    background-color: transparent;
}
a.homeL:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight:normal;
    line-height: 16pt;
    text-decoration: none;
    color: #000000;
    background-color: transparent;
}

a.foot:link {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 8pt;
        font-weight:normal;
        color: #1d272a;
    }
a.foot:visited {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 8pt;
        font-weight:normal;
        color: #1d272a;
    }
a.foot:hover {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: underline;
        font-size: 8pt;
        font-weight:normal;
        color: #b32317;
    }
    
a.sitemap:link {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 11pt;
        font-weight:normal;
        color: #808080;
    }
a.sitemap:visited {
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 11pt;
        font-weight:normal;
        color: #808080;
    }
a.sitemap:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        font-weight:normal;
        color: #b32317;
    }
    
a.newsLeft:link {
        /*font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 8pt;*/
        font-weight:normal;
        color: #FFD457;
    }
a.newsLeft:visited {
        /*font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-size: 8pt;*/
        font-weight:normal;
        color: #FFD457;
    }
a.newsLeft:hover {
        /*font-family: Arial, Helvetica, sans-serif;
        text-decoration: underline;
        font-size: 8pt;*/
        font-weight:normal;
        color: #f7931d;
    }
/* primary typographic elements: called with class tag */

.title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20pt;
    color: #b32317;
}
.titleLong {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    line-height:18pt;
    color: #b32317;
}
.contactHeads {
    font-size:12pt;
    font-weight:bold;
    color: #b32317;
}
.subhead {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    font-weight:bold;
    color: #f7931d;
}
a.subhead:link {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    font-weight:bold;
    color: #f7931d;
    text-decoration:none;
}
a.subhead:hover {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    font-weight:bold;
    color: #f7931d;
    text-decoration:none;
}

.quote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color:#b32317;
}
.story {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    line-height: 16pt;
}
.caption {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 8pt;
    line-height: 8pt;
    color:#000000;
}
.sideCaption {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 7pt;
    line-height: 8pt;
    color:#ffffff;
}
.navigation-hm {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.link-bar {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color:#FFFFFF;
}

.newsStory {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 9pt;
    color:#000000;
}

.inputbox {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: normal;
    background-color:#CCCCCC;
    }
.button {
    font-family:Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: normal;
    }
    
.forms {
    /*remove air around form*/
    margin-top: 0;
    margin-bottom: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: normal;
}
.formbtn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
    font-weight: normal;
}
.copyright {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
        color: #1d272a;
    }
.tableTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000000;
    font-weight:bold;
}
.tableSubhead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight:bold;
}
.tableData {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #000000;
}

.news
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: white;
    /*line-height: 16pt;*/
}
.imgbrda 
{
	border-bottom: 2px solid #959595;
	border-left: 2px solid #959595;
	border-right: 2px solid #959595;
	border-top: 2px solid #959595; 
	}
.imgbrd 
{
	border-bottom: 2px solid #959595;
	border-left: 2px solid #959595;
	border-right: 2px solid #959595;
	border-top: 2px solid #959595; 
	}
.imgbrd:link 
{
	border-bottom: 2px solid #959595;
	border-left: 2px solid #959595;
	border-right: 2px solid #959595;
	border-top: 2px solid #959595; 
	}
.imgbrd:active 
{
	border-bottom: 2px solid #959595;
	border-left: 2px solid #959595;
	border-right: 2px solid #959595;
	border-top: 2px solid #959595; 
	}
.imgbrd:hover 
{
	border-bottom: 2px solid #0d567a;
	border-left: 2px solid #0d567a;
	border-right: 2px solid #0d567a;
	border-top: 2px solid #0d567a; 
	}
.imgbrd:visited 
{
	border-bottom: 2px solid #959595;
	border-left: 2px solid #959595;
	border-right: 2px solid #959595;
	border-top: 2px solid #959595; 
	}
    
/************************************* DESIGN ELEMENTS: called with div id= tag      (this is the #stage) ******************
(this is the #head with     
#logo and                                image inside)
****************************************************************************************************************************
(this is the #nav)
****************************************************************************************************************************
(this is the #content with
#sidenav and                             #story inside)
***************************************************************************************************************************
                                            #foot (this is the .copyright) */


#stage {
    width: 940px;
    /*height:378px;*/
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    /*border-color: black;
    border-style: solid;
    border-width: 1px;*/
    background-color: #ffffff;
    padding:20px;
	border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    float:none;
	overflow: hidden;
       
}

#head { /* LESS IS MORE in CSS */
    width: 935px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] - from bluerobot */
    height: 202px;
    border-top-color:#000000;
    border-top-style:dotted;
    border-top-width: 1px;
    border-right-color:#000000;
    border-right-style:dotted;
    border-right-width: 1px;
    border-left-color:#000000;
    border-left-style:dotted;
    border-left-width: 1px;
    /* from bluerobot - Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
    Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
    IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
    declaration. The incorrect IE5/Win value is above, while the correct value is
    below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    height:202px; /* the correct height */
}
    /* from bluerobot - I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
    length values to user agents that exhibit the parsing error exploited above yet get
    the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
    a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#head {height:202px;}
#headsp { /* LESS IS MORE in CSS */
    width: 934px;
    /* from bluerobot */
    height: 128px;
    color: #ffffff;
    border-top-color:#000000;
    border-top-style:dotted;
    border-top-width: 1px;
    border-right-color:#000000;
    border-right-style:dotted;
    border-right-width: 1px;
    border-left-color:#000000;
    border-left-style:dotted;
    border-left-width: 1px;
    /* from bluerobot - */
    voice-family: "\"}\"";
    voice-family:inherit;
    height:128px; /* the correct height */
}
    /* from bluerobot - */
body>#headsp {height:128px;}

    
/* control fixed content pages */
#content {
    width: 936px;
    color: #000000;
    background-color: #fffde3;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width: 1px;
}
#contentsp {
    width: 936px;
    color: #000000;
    overflow: auto;
    background-color: #fffde3;
    border-bottom-color:#000000;
    border-bottom-style:solid;
    border-bottom-width: 1px;
    border-right-color:#000000;
    border-right-style:solid;
    border-right-width: 1px;
    background: #fffde3 url('../images/yucca.jpg') bottom right no-repeat;
}
#photoHolder {
    width: 240px;
    float:right;
    text-align: center;
}
#side {
    background: #003a63;
    width: 250px;
	/*border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    float:none;
	clear:both;
	margin: 0px, 0px, 0px, 0px;
    overflow:hidden;
    padding: 0px, 0px, 0px, 0px;
    position: static;*/    
}

    #title {
        position: relative;
        padding-left:20px;
        padding-bottom:10px;
    }
    #story {
        /*position: relative;*/
        padding-right:20px;
        padding-left:20px;
        padding-bottom:20px;
    }
    #news-area {
        position: relative;
        padding-right:10px;
        padding-left:12px;
        padding-bottom:12px;
        border-left-color:#000000;
        border-left-style:dashed;
        border-left-width: 1px;
    }
    #home-nav {
        position: relative;
        padding:10px;
        
    }


#foot {
    width: 936px;
    text-align:right;
}

#adminBar
{    background-color: #FFEAD9;
    text-align:right;
    border: solid 1px #696969;
    padding-right: 10px;
}

/***********************************************Nav. Menu Styles****************************************/
#nav
{
    width: 250px;    
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    top: 0px;
    bottom: 0px;
    border: 0px;
    text-align: left;    
    /*background: url('../images/menuBG.gif') ;*/
}
.menuCategory
{
    background-color:#003a63;
    font-family:Arial, sans-serif;/*Georgia, "Times New Roman", Times, serif;*/
    font-size: 8pt;
    font-weight:normal;    
    text-decoration: none;
    color:#ffffff;
    padding-left: 5px;
}

.menuSubCategory
{
	width: 145px; 
	background-color:#003a63;
    font-family:Arial, sans-serif;/*Georgia, "Times New Roman", Times, serif;*/
    font-size: 8pt;
    font-weight:normal;    
    text-decoration: none;
    color:#ffffff;
    padding-left: 5px;
	/*margin-left:5px;*/	
}

/*.menuSubCategoryOver
{
    
    font-size: 9pt;
    font-weight:normal;    
    text-decoration: none;
    color:#FFD457;
    background-color: transparent;
    padding-left: 5px;
}*/
