@charset "utf-8";
/* CSS Document */


/* 
----------------------------------------------------------------------------- 
GLOBAL RESET (borrowed from Shaun Inman - http://shauninman.com/ )    
-----------------------------------------------------------------------------*/

body,div,dl,dt,dd,form,fieldset,input,p,blockquote,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,table,th,td,embed,object{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,h1,h2,h3,h4,h5,h6,strong,th,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}  
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a,ins{text-decoration:none;}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: navy;
	padding-top: 12px;
	padding-bottom: 3px;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: navy;
	padding-top: 12px;
	padding-bottom: 3px;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: navy;
	padding-top: 10px;
	padding-bottom: 3px;
}

h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: navy;
	padding-top: 6px;
	padding-bottom: 0px;
}

h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: black;
	padding-top: 3px;
	padding-bottom: 0px;
}

h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: black;
}

pre {
	font-family:"Courier New", Courier, monospace;
	font-size: smaller;
}

address {
	font-style: italic;	
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-bottom: 3px;
}

th
{
	font-weight: bold;
}

/* 
----------------------------------------------------------------------------- 
Color Values:
	#ffffff = White
	#000000 = Black
	#1a3a61 = Blue
	#e9b113 = Goldenrod
----------------------------------------------------------------------------- 
Site Styles
-----------------------------------------------------------------------------*/

body 
		{ 
			font-family:Verdana,Arial,Geneva,Helvetica,Sans-serif; 
			/* background from www.elpasoco.com */
			background-color: #FCFCFA;
			background-image: url(../Images/bg_100.gif);
			background-repeat:repeat-y;
			background-position:center;
		}
/* this is the center column where everything belongs */
.EPCDisplayArea
		{
			background-color:#ffffff;
			margin:0 4px 0 0;
			width:968px;
		}
		
/* top banner menu */
.EPCTopBackgroundColor
		{
			border-width:0 0 1px 0; 
			border-style:solid; 
			border-color:#ffffff;
			font-size:65%;
			color:#ffffff;
			background-color:#545f82;
			text-decoration:none;
			text-align:center;
			margin:2px 0 -1px 2px;
			height:20px; 
		}
.EPCTopBackgroundColor a
		{
			color:#ffffff; 
			text-decoration:none;
		
		}
.EPCTopBackgroundColor a:hover
		{
			color:#e9b113;
		}
		
/* top banner image */
.EPCBannerImage
		{
			margin:0;
			
		}

/* orange bar menu */
.EPCMiddleMenuBackgroundColor
		{
			background:url(../epcimages/mainnav_bg.gif) repeat-x;
			height:40px;
			
		}

/* the search button in the orange bar */ 
.submitbtn
		{
			font-family: Verdana;
			font-size: 12px;
			background-color: #F0C446;
			border: 0 none #fff;
			border-right: 1px solid #744129;
			border-bottom: 1px solid #744129;
			padding: 0;
			margin:0 0 1px 3px;
			color: #fff;
		}
.Textinput
		{
			border: 1px solid #A34C42;
			padding: 2px;
		    padding-left:10px;
	        width:217px;
	        margin:0 0 1px 5px;
	        background-color: #FFFFFF;
	        color: #A34C42;
	        font-size: 10px;
	        font-family: Verdana;
		}
.EPCSearchButton
		{
			white-space: nowrap;
		}
/* the horizontal menu in the orange bar */
.EPCOrangeBarMenu
		{
			color:#ffffff;
			width:100%; 
			height:15px;
			text-align: right;
			padding-right:5px; 			 
		}
.EPCOrangeBarMenu a 
		{
			font-size:10px;
			vertical-align: 17px;
			color:#ffffff; 
			text-decoration:none;
		}
.EPCOrangeBarMenu a:visited 
		{
			color:#ffffff;
		}
.EPCOrangeBarMenu a:Hover 
		{
			color:#e9b113;
		}
.EPCOrangeBarMenu h6 
		{
			float:right; 
		}


/* main display area including the nav column and the user area */
.EPCDepartmentArea
		{
			border-width:0 3 3 3; 
			padding:0 3 3 3;
			border-style:solid; 
			border-color:#ffffff;
		}
		
.EPCDepartmentArea ul 
		{
			margin-left: 10px;
		}
.EPCDepartmentArea li 
		{
			font-size:80%; 
			padding-bottom: 8px;
			list-style-image:url(../Images/li_std.gif);			
		}
		
/* Style for the entire nav column */
.EPCNavColumn
		{
			width: 260px;
		}

/* style for the entire user area */
.EPCPageArea
		{
			font-family:Verdana,Arial,Geneva,Helvetica,Sans-serif;
			font-size:80%; 
			text-decoration:none;
			border-width:0 0 0 0; 
			border-style:solid; 
			border-color:#e0e0e0;
			padding:10 10 10 10 ;
			margin:8px;
			width:100%;
		}		
.EPCPageArea h1
		{
			font-size:85%;
			color:#970c00;
		}

/*  Settings for the breadcrumb in the user display area */
.EPCBreadCrumb  
		{
			height: 30px;
		}
.EPCBreadCrumb a 
		{
			font-size:70%;
			color:#1a3a61; 
			text-decoration:none;
		}
.EPCBreadCrumb a:visited 
		{
			color:#1a3a61;
		}
.EPCBreadCrumb a:Hover 
		{
			color:#e9b113;
		}

/* entire footer area */
.EPCFooter
		{
			
		}
.EPCFooter td
        {
			border-bottom:solid 4px #b64740;
			padding: 0 0 0 0;
			vertical-align:bottom;
			text-decoration:none;
			background-color:#ffffff; 
			font-size:70%;
			color:#000000;
			text-decoration:none;
        }
.EPCFooter a 
		{
			font-size:80%;
			color:#000000; 
			text-decoration:none;
		}
.EPCFooter a:visited 
		{
			color:#000000;
		}
.EPCFooter a:Hover 
		{
			color:#e9b113;
		}

/* for the copyright notice on the left of the footer */
.copyright
		{
			font-family: Verdana;
			font-size: 8px;
		}

/* for the drop down list in the middle of the footer */
.EPCDeptDDL
		{
			width:145px;
			font-size:70%;
		}
.pulldown
		{
			font-size:95%;
		}
/* for the horizontal menu on the right of the footer */
.EPCFooterMenu
		{
		}

/*  settings for the bullet image and positioning inside lists - menus */
/*  this name is coded in the properties of the menu controls.  the One */
/*  and Two column menus are expecting this name in their template     */
/*  properties in Channel Admin and Page Admin templates.              */
.EPCMenuBullet 
		{ 
			list-style-image:url(../Images/arrow.png);
		}

/* ======================================================= */

/* ======================================================= */

/* CMS ADMIN ONLY for the top banner section of the maintenance page */
.CMSAdminBannerImages
		{
		}

/* CMS ADMIN ONLY for the fancy menu icons that are used in the menu */
.CMSAdminFancyMenuIcons
		{
		}

/* ======================================================= */
/* Classes to put on the objects in the form - user classes */
/* ======================================================= */
/* set the properties of the tree view nav */		
.EPCChannelNav	
		{
			margin: 8px;
		}
	
.EPCChannelLinks
		{
			font-family: Verdana,Arial,Geneva,Helvetica,Sans-serif;
			font-size: 80%; 
			text-decoration: none;			
			color: Black;

			border:1px; 
			border-style:solid; 
			border-color:#e0e0e0;
			padding: 5px;
			margin-top: 2px;
			width: 256px;
		}
	
.EPCChannelNav a 
		{
			color:#1a3a61; 
			text-decoration:none;
		}
.EPCChannelNav a:visited 
		{
			color:#1a3a61;
		}
.EPCChannelNav a:Hover 
		{
			color:#e9b113;
		}
		
		
/*  settings for the top navigation bar */
.EPCTopNav 
		{
			color:#ffffff;
			width:100%; 
			height:20px; 
			background-color:#1a3a61; 
		}
.EPCTopNav a 
		{
			font-size:80%;
			color:#ffffff; 
			text-decoration:none;
		}
.EPCTopNav a:visited 
		{
			color:#ffffff;
		}
.EPCTopNav a:Hover 
		{
			color:#e9b113;
		}
.EPCTopNav h6 
		{
			float:right; 
		}
.EPCTopNav img 	
		{
			border:none; 
			float:right;
		}



/*  settings for the left navigation and one column center menus */
.EPCOneColMenu 
		{
			width:100%; 
			border:1px; 
			border-style:solid; 
			border-color:#e9b113; 
			margin:8px;
		}
.EPCOneColMenu a 
		{
			color:#000000; 
			text-decoration:none;
		}
.EPCOneColMenu a:visited 
		{
			color:#000000;
		}
.EPCOneColMenu a:Hover 
		{
			color:#e9b113;
		}
.EPCOneColMenu h6 
		{
			color:#ffffff;
			font-size:80%; 
			background-color:#1a3a61; 
			margin:0px; 
			border-width:0 0 1px 0; 
			border-style:solid; 
			border-bottom-color:#e9b113;  
			padding:2 0 2 15px;  
		}
.EPCOneColMenu li 
		{
			font-size:80%; 
			height:30; 
			padding-left:5px;  
			list-style-position:inside;
		}
.EPCOneColMenu img 
		{
			border:none; 
			float:right;
		}

/*  settings for the two column menu used in the user display area */
.EPCTwoColMenu 
		{
			width:93%; 	
			border:1px; 
			border-style:solid;  
			border-color:#e9b113;
			margin:8px;
		}
.EPCTwoColMenu a 
		{
			color:#000000; 
			text-decoration:none;
		}
.EPCTwoColMenu a:visited 
		{
			color:#000000;
		}
.EPCTwoColMenu a:Hover 
		{
			color:#e9b113;
		}
.EPCTwoColMenu h6 
		{
			color:#ffffff; 
			font-size:80%;
			background-color:#1a3a61; 
			margin:0px; 
			border-width:0 0 1px 0; 
			border-style:solid; 
			border-bottom-color:#e9b113; 
			padding:2 0 2 15px;  
		}
.EPCTwoColMenu li 
		{
			font-size:80%; 
			height:30; 
			padding-left:5px;  
			list-style-position:inside;
		}
.EPCTwoColMenu img 
		{
			border:none; 
			float:right;
		}

/* 
These are to style the Home Template
*/

.ContentHeader
{
	margin-bottom: 10px;
}

.HomeTitle, .HomeTitle p
{
	font-size: 120%;
	text-transform: capitalize;
	letter-spacing: 1.5px;
	color: #A0522D;	
}

.HomeContact
{
	font-size: 60%;
	color: #A0522D;
	text-align: right;
}

/*
Content Area
*/
#divUserAreaOneColumnContent, #divTwoColumnAreaContent1, #divTwoColumnAreaConent2, #divUserAreaFooterContent
{
	BORDER: #e0e0e0 1px solid; 
	PADDING: 7px; 	
}
/*
Content Area Title/Header
*/
.EPCChannelMenuBlue, .EPCChannelMenuOlive, .EPCChannelMenuOrange, .EPCChannelMenuMaroon, .EPCChannelMenuYellow, .EPCChannelMenuGrey, .EPCChannelMenu
{
	font-family: Verdana,Arial,Geneva,Helvetica,Sans-serif;	
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 0px;
	padding: 7px 0px 6px 12px;
}

.EPCChannelMenu
{
	font-weight: bold;
	color: black;
}

.EPCChannelMenuBlue, .EPCChannelMenuOlive, .EPCChannelMenuOrange, .EPCChannelMenuMaroon, .EPCChannelMenuYellow, .EPCChannelMenuGrey
{
	color: White;
}

.EPCChannelMenuGrey 
{
	background: url(../epcimages/sh_grey_bg.gif) repeat-x;
}

.EPCChannelMenuBlue 
{
	background: url(../epcimages/sh_blue_bg.gif) repeat-x;
}

.EPCChannelMenuOlive 
{
	background: url(../epcimages/sh_olive_bg.gif) repeat-x;
}

.EPCChannelMenuOrange 
{
	background: url(../epcimages/popularpages_bg.gif) repeat-x;
}

.EPCChannelMenuMaroon 
{
	background: url(../epcimages/sh_maroon_bg.gif) repeat-x;
}

.EPCChannelMenuYellow 
{
	background: url(../epcimages/meetingsandagendas_bg.gif) repeat-x;
}

.EPCChannelMenuBlueDemo 
{
	background: Blue url(../epcimages/sh_blue_bg.gif) repeat-x;
	color: White;
}

.EPCChannelMenuOliveDemo 
{
	background: Olive url(../epcimages/sh_olive_bg.gif) repeat-x;
	color: White;
}

.EPCChannelMenuOrangeDemo 
{
	background: #FFA500 url(../epcimages/popularpages_bg.gif) repeat-x;
	color: White;
}

.EPCChannelMenuMaroonDemo 
{
	background: Maroon url(../epcimages/sh_maroon_bg.gif) repeat-x;
	color: White;
}

.EPCChannelMenuYellowDemo
{
	background: Yellow url(../epcimages/meetingsandagendas_bg.gif) repeat-x;
	color: White;
}

/* 
Theis is to draw attention to text
*/

.AlertMessage
{
	font-size: 80%;
	color: red;
	letter-spacing: 1.5px;
	font-weight: bold;
}

/*
Fieldset backcolor does not look good in most browsers, this should help
*/

* html fieldset 
{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
}
 
* html legend
{
	position:absolute;
	top: -.5em;
	left: .5em;
}

fieldset.StyleSamples
{
	border: 2px solid black; 
	background: #F2F2E6;	
}

legend.StyleSamples
{
	 font-weight: bold;
	 background: #F2F2E6;
	 border-left: 2px solid black; 
	 border-right: 2px solid black; 
	 border-top: 2px solid black; 
	 padding: 2px 2px 0px 2px;
}