/* EPSPA CSS. Modified from the Blue Gray Template CSS by First Light Web Design 2007 */

body {font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      background: #F3F3F3 url(./images/background.png) repeat-x;
      color: #5B6973;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}

.justify {text-align: justify;}

ul {list-style-type: square;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

.bottom-border {border-bottom: 1px solid #D8D8D8;}

a {color: #F60000; text-decoration: none; background-color: #F3F3F3;}
a:link {color: #F60000; background-color: #F3F3F3;}
a:visited {color: #F60000; background-color: #F3F3F3;}
a:hover {color: #00006F; background-color: #F3F3F3;}

.right {float: right;}

.left {float: left;
       margin: 3px 5px 0 0;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#container2 {width: 780px;
            margin: 0 auto;
            text-align: left;}
			
#header {width: 100%;
         height: 144px;
         position: relative;}

#header h1 {margin: 0;}

#logo {position: absolute;
       left: 0;
       top: 46px;
       width: 480px;
       height: 53px;}

#logo img {display: block;}

#logo a {background: transparent;}

/* Begin Search Form CSS */

#search {position: absolute;
         right: 0;
         top: 70px;}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border: 1px solid #B22222;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #F3F3F3;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;}

#search input#submit
 
{background: #B22222 url(./images/search_background.png) repeat-x;
 color: #D8DCE0;
 border: 1px solid #515D67;
 vertical-align: middle;
 padding: 0.38em;
 font-size: 0.8em;}

/* End Search Form CSS */

/* Begin main navigation menu. No drop down. */

#menu {width: 100%;
       height: 42px;
       clear: both;
       background: url(./images/button_end_gradient.png) center left no-repeat;
       position: relative;}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          position: absolute;
          left: 2px;
          background: #B22222 url(./images/menu_background.png) repeat-x;
          color: #F8E3DC;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 42px;
               padding: 0 17px;
               margin: 0;
               line-height: 42px;
               display: block;
               float: left !important;
               background: #B22222 url(./images/button_end_gradient.png) center right no-repeat;
               color: #F8E3DC;
               font-size: 16px;
               font-weight: bold;}

#menu ul li a:hover {background: url(./images/button_end_gradient.png) center right no-repeat;
                     color: #FFF;}

/* End main navigation menu. */

/* New Drop Down Menu */
#nav{
	width: 100%;
	height: 42px;
	clear: both;
	background: #B22222 url(./images/button_end_gradient.png) center left no-repeat;
	position: relative;	
	border: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}
#nav ul{
	background: #B22222 url(./images/menu_background.png) repeat-x;
	list-style:none;
	margin:0;
	padding:0;
	position: relative;
	left: 2px;	
	color: #F8E3DC;
	}
	#nav li{
		float:left;
		padding:0px;
		}
	#nav li a{
		background: #B22222 url(./images/button_end_gradient.png) center right no-repeat;
		color:#F8E3DC;
		display:block;
		font-weight:bold;
		line-height:42px;
		margin:0px;
		padding:0px 17px;
		text-decoration:none;
		font-size: 16px;
		height: 42px;
		}
		#nav li a:hover, #nav ul li:hover a{
			color:#000000;
			text-decoration:none;		
			}
	#nav li ul{
		background:#E0E0E0;
		border-left:2px solid #A80329;
		border-right:2px solid #A80329;
		border-bottom:2px solid #A80329;
		display:none;
		height:auto;
		/* for IE */
		filter:alpha(opacity=95);
		/* CSS3 standard */
		opacity:0.95;
		position:absolute;
		z-index:2000;
		width:71.5%;
		/*top:1em;
		/*left:0;*/
		}
	#nav li:hover ul{
		display:block;
		}
	#nav li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:100%;
		}
	#nav li:hover li a{
		background:none;
		}
	#nav li ul a{
		display:block;
		height:36px;
		font-size:14px;
		font-weight:bold;
		margin:0px;
		padding:0px 17px;
		color: #F8E3DC;
		}
		#nav li ul a:hover, #nav li ul li:hover a{
			background:#949494;
			color:#F8E3DC;
			/* for IE */
			filter:alpha(opacity=100);
			/* CSS3 standard */
			opacity:1.0;
			}
	#nav p{
		clear:left;
		}	

/* End Drop Down Navigation*/

#wrapper {width: 100%;
          margin-top: 11px;
          padding: 0;} 

#left-column {width: 510px;
              float: left;
              padding: 0;
              margin: 0;}

#right-column {width: 240px;
               padding: 0;
               float: right;
               margin: 0;}

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;}

#learn-more a img {display: block;
                   float: right;}

/* Sub-content section */

.sub-outer {width: 100%;
            clear: both;
            padding: 0;
            margin: 0;}

.sub-wrapper {float: left;
              width: 100%;}

.sub-center {margin: 0 270px;}

.sub-right {float: left;
            width: 240px;
            margin-left: -240px;}

.sub-left {float: left;
           width: 240px;
           margin-left: -780px;}

/* End sub-content section */

/* The footer is outside of the main container and has an extra 10px in width to compensate visually for the background shadows. */ 

#footer {width: 790px;
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(./images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         text-align: left;
         padding: 0;
         position: relative;}

#footer-content {padding: 19px 15px;}

#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(./images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(./images/footer_left.png) no-repeat;
              color: #5B6973;}

#footer p {margin: 0;}

#footer a {background: transparent;}

#footer-navigation {float: right;
                    margin: 0;}

/* Featured services */

.featured-wrapper {background: #B22222 url(./images/featured_background.png) repeat-y;
                   color: #F8E3DC;
                   width: 100%;
                   margin-bottom: 50px;}

.featured-content {padding: 0;
                   margin: -8px 0 0;
                   font-size: 14px;}

.featured-content ul {margin: 0;
                      padding: 0 0 10px 20px;
                      font-style: italic;
                      list-style-type: none;
                      line-height: 124%;}

.featured-content p {margin: 0;
                     padding: 0 10px 10px;
                     line-height: 125%;}

.featured-content a {background: transparent;}

.featured-content a img {padding: 0;
                         margin: 0;
                         display: block;}

.featured-top {width: 240px;
               height: 18px;
               background: #B22222 url(./images/featured_top.png) no-repeat;
               color: #F8E3DC;}
   
	   
/* End Featured Services CSS */

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #F60;
       background-color: #F3F3F3;
       float: right;}

/* A single column division. Good for terms of use, privacy policy, etc. */

#single-column {width: 100%;
                clear: both;
                margin-top: 11px;
                padding: 0;}

/* Calendar Style info*/

.mainTable {
	background-color: #E1E1E1;
	border: 1px solid #999999;
	width: 175px;
}

.monthRow {
	background-image: url(./calendar/images/monthBg.gif);
	background-color: #D8E2EC;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #252216;
	height: 25px;
}

.monthRow a:link, .monthRow a:visited {
	text-decoration: none;
	color: #252216;
}

.monthRow a:hover {
	text-decoration: underline;
	color: #FF0000;
}

.dayNamesText {
	background-image: url(./calendar/images/dayBg.gif);
    font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #333333;
	height: 15px;
	width: 25px;
}

.rows {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
}

.sOther {
    background-color: #EEEEEE;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
}

.popupDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #336699;
	padding: 4px;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}

.popupDate2 {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;
	padding: 4px;
}

.popupClose {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	background-color: #336699;
}

.popupEventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 4px;
	vertical-align: middle;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}

.s23 {
	background-color: #CCFF00;
	padding: 4px;
}

.categoryDiv {
	background-color: #FCF5EF;
	padding: 4px;
	border: 1px solid #EAEAEA;
	border-bottom: 0px solid #EAEAEA;
}

.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}

.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}

.popupEventDescription {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	padding: 4px;
}

/* End Calendar Styles*/

/* Sphider Search Style start*/

/*Top categories*/

.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}

.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}

.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}

/*Small urls*/

.url {color: #115599}

/*Page descriptions*/

.description{font-size: 13px;}

/* */

td {font-family:arial,sans-serif; font-size: 13px; }

/* Title/link of pages */

.title{color:#0000FF; font-size:15px}

.searchBox{border:1px solid #113377;}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#e5ecf9; 
	font-weight: bold;
	margin-bottom:14px;
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}

.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}

hr{color:#000066;}

hr.powered{width:550px; color: #000066}

/*main results table */

#results{width: 770px;
		margin-left:14px;
}

#other_pages {
	text-align:center;
}

#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	font-size:10px;
	text-align:center;
}

#common_report {
		text-align:center;
}

#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;
}

#cat_main {
	font-weight: bold;
}

.divline{
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size:12px;
}

.idented {
	margin-left:30px;
}

#did_you_mean {
	font-size: 14px; 
	text-align:center ;
	margin:10px;
}

/* End of Sphider Search */

/* Directory Listing Script Style*/

#tcontainer {
	width: 700px;
	margin-right:auto;	
	margin-left:auto;
	border: 2px solid #5B6973;
	padding: 9px;
}

#breadcrumbs {
	color: #F60000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0 0 8px 8px;
	text-align:left;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:link, #breadcrumbs a:active {
	color: #F60000;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}

#listingcontainer {
	background-image:url(./images/bg.gif);	
	padding: 10px;
	background-color:#B22222;
}

#listingheader {
	color: #F8E3DC;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:right;
}

#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
	text-decoration: none;
	color: #F8E3DC;
	background-color:#B22222;
}

#listingheader a:hover {
	text-decoration: underline;
	color: #F8E3DC;
}

#headerfile {
	text-align:left;
	float: left;
	width: 280px; 
}

#headersize {
	text-align:right;
	width: 68px;
	float: left;
}

#listing {
	border: 1px solid #A7C5FF;
}

#listing a {
	display:block;
	padding: 2px 5px 2px 5px;
	font-size:small;
	color: #b62e2a;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:669px;
	text-align:right;
}

#listing a:hover {
	background-color:#DBE6FE;
}

#listing a img {
	float:left;
	margin-right: 4px;
}

#listing a strong {
	width: 245px;
	float:left;
	cursor:pointer;
	text-align:left;
}

#listing a em {
	float: left;
	width: 75px;
	text-align:right;
	cursor:pointer;
}

#listing a span {
	position: absolute;
	margin-left: -151px;
	margin-top: -2px;
}

#listing a span img {
	width: 350px;
	background-color:#CCCCCC;
	visibility: hidden;	
}

#listing a:hover span img {
	border: 100px solid #666666;
	visibility: visible;
}

#upload {
	border: 1px solid #A7C5FF;
	display:block;
	margin-top: 10px;
	font-size:small;
	color: #6285CA;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	width:568px;
	background-color: #E9F0FF;
}

#uploadtitle {
	background-color: #DBE6FE;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #A7C5FF;
}

#uploadcontent {
	padding: 2px 5px 2px 5px;
}

#copy {
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:x-small;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

#copy a {
	text-decoration: underline;
	color: #666666;
}

.b {
	background-color: #E9F0FF;
}

.w {
	background-color:#FFFFFF;
}

.mod {
	float:right;
}

.size {
	float:right;
}

/* End of Directory Listing Script style*/

