body, html 
{
    height: 100%;
}

html { 
	margin-bottom: 0.01em; 
}

body 
{
    margin: 0px; background: white none repeat scroll 0%;
    font-family:Arial, Helvetica, sans-serif;font-size: 62.5%;  color: #333;
}

/* CSS Classes Related to Controls */

/*	BUTTONS */

.Buttons
{
   border: #cccccc 1px solid; color: white; cursor:pointer; padding: 3px;	
   background:url(../../images/blue.gif) repeat-x White right top; font-size:0.8em;
   		
}

.Buttons_Bold
{
   border: #cccccc 1px solid; color: white; cursor:pointer; padding: 3px;	
   background:url(../../images/blue.gif) repeat-x White right top; font-size:0.8em;
   font-weight:bold;
}

/*	END OF BUTTONS */

/* LABELS */

.Labels_PageHeading
{
	font-size: 18px; color: #3b3b45;	font-style:normal;	font-weight: bolder; letter-spacing: -1px;
}

.Labels_PageSubHeading
{

	font-size: 12px; font-weight: bold;
}

.Labels_Validation
{

	font-size: 11px; color: Red;	

}
.Labels_Messages /* error messages, system messages etc */
{

	font-size: 11px; color: Red;	
	
}
.Labels
{
	font-size: 11px;
}
.Labels_Small
{
	font-size: 11px;
}
.Labels_Medium
{
	font-size: 13px;
}
.Labels_Large
{
	font-size: 14px;
}
.Labels_Bold
{
	font-size: 12px; font-weight: bold;
}

.Labels_SmallBold
{
	font-size: 11px; font-weight: bold;
}
.Labels_MediumBold
{
	font-size: 13px; font-weight: bold;
}
.Labels_LargeBold
{
	font-size: 14px; font-weight: bold;
}
.LabelDarkBlue
{
	font-size: 18px; color:#1f2352; text-transform:uppercase;
}
/* END OF LABELS */

/* LINKS */
.Links,
a.Links:link
{
	font-size: 11px; color:#4384D1;	cursor:pointer;	text-decoration:none;
}

a.Links:hover
{
	text-decoration:underline;
}

a.LinksBold:link
{
	font-size: 12px; font-weight:bold;	color:#4384D1; cursor:pointer; text-decoration:none;
}

a.LinksBold:hover
{
	text-decoration:underline;
}
.news,
a.news:link
{
	font-size: 12px; color:#4384D1;	cursor:pointer;	text-decoration:none;
}

a.news:hover
{
	text-decoration:underline;
}
a:link
{
	color: #4384D1; text-decoration:underline;
}
a:hover
{
	color: #666; text-decoration:underline;
}
a:visited
{
	color: #4384D1; text-decoration:underline;
}
a:active
{
	color: #4384D1; text-decoration:underline;
}
/* END OF LINKS */

.Textboxes
{
	border:#185184 1px solid; font-size: 11px; line-height:15px;
}

.Textboxes_RightAlign
{
	border:#185184 1px solid; font-size: 11px; text-align:right;
}

.DropDownLists
{
	border:#185184 1px solid; font-size: 11px; line-height:15px; 

}
/* end of css classes related to Controls */



.FieldLabels_Bold
{
	font-size: 11px; color: Black; font-weight: bold;
}

.GridRecordCountFooter
{
	font-weight: bold
}

.MenuHelp
{
	color: white; font-weight: bold
}

.MilesGridInactive
{
	background: #FFCCCC
}

.MilesGridInactiveAlternating
{
	background: #FFDDDD
}

div 
{
    font-size: 1.1em;
}

div div 
{
    font-size: 1em;
}

a, a:active, a:visited 
{
    font-family: inherit;  font-size: inherit; text-decoration: underline;
}

a:hover 
{
    text-decoration: none;
}
a img 
{
    border: none;
}
p, dl
{
	font-size: 12px; line-height:15px; color: #000000; 
}

/*Master Template Unique classes*/
#wrapper 
{
    width: 784px; margin:auto; background: url(../../images/left-bg.gif) left repeat-y;
    overflow:inherit; 
}
#header 
{
    margin: 0px 0px; background:url(../../images/headerL.jpg) no-repeat;/* border:solid 1px #000;*/
}

    #header .left 
    {
        width: 208px; float: left; height: 176px; 
    }

    #header .right 
    {
        width: 568px; height: 176px; position: relative; float: right;
    }
    
.clear 
{
    clear: both;
}

.clearfix:after{
    content: ".";  display: block; height: 0; font-size:0; clear: both; visibility:hidden;
    }
	
   .clearfix 
   {
       display: inline-block;
   } 
    /* Hides from IE Mac \*/
    * html .clearfix 
    {
        height: 1%;
    }
   .clearfix 
   {
       display:block;
   }
    /* End Hack */ 

#main 
{
	position: relative; bottom:0;	background: url(../../images/left-pattern.gif) no-repeat left bottom;
	overflow:inherit;
}
    #main .left 
    {
        width: 208px; float: left; margin-right: 8px; padding-bottom: 10px;
    }

    #main .right 
    {
        width: 568px; overflow:inherit;	float: left; min-height:600px; height:inherit; overflow:inherit;
    }
    
  #content, .content
{
    margin: 0px 10px 10px 10px; width:543px;
}
#content p, .testimonial p
{
    font-size: 1em;
    line-height: 1.6em;
    color: #666;
    margin: 10px 0px 15px 0px;
}
#footer 
{
    height: 54px;
    background: url(../../images/footer.gif) no-repeat top right;
    margin: 0px 0px;
    width:784px; /*bottom:0; position:absolute;*/
}
 #footer .content
    {
     width: 700px; margin: 11px 10px 8px 10px; float: right; text-align: center; color: #fff; font-size: 1em;
    }
    
    #footer a, #footer a:active, #footer a:visited 

	{        
		font-size: 1em; color: #fff; text-decoration: none;
    }
    
    #footer a:hover 
    {
        text-decoration: underline;
    }
.UC-News
{
	background:url(../../images/newsbar_white.jpg) no-repeat center; width:543px; float:right; line-height:24px; 
}
UC-News2
{
	  margin:0 25px 0 50px; text-transform:uppercase;  color: #336699; line-height:24px;
}
	.UC-News img
	{
		margin-top:5px; margin-right:3px; border:0px; float:right;
	}
	.UC-NewsContainter
	{
		margin:0 25px 0 50px; border:0px; width:460px; text-transform:uppercase;  color: #336699;
		font-weight:bold;	
	}
	
.EmailFriend
{
	float:right; margin-top:0px; height:29px; padding:2px 0 0 0; cursor:pointer;
}

.headerContactus
	{
		width: 520px; height:23px; float:right; margin:45px 25px 0  0; text-align:right;  font-size:18px; font-weight:bold; color:#c0ddef; 
	}	
		
	.headerContactus img
		{
			margin-right:32px; cursor:pointer;
		}	
		.headerContactus a
		{
			padding-bottom:10px; padding-right:3px; color:#c0ddef; text-decoration:none; font-style:italic;
		}
		.headerContactus :hover
		{
			 color:#fff; text-decoration:none;
		}
		
.SearchArea
	{
		width: 520px; height:23px; float:right; margin:5px 10px 6px  0; text-align:right;  font-size:12px; font-weight:bold; color:#c0ddef; line-height:23px;
	}	
	.SearchArea-img
		{
			margin-right:32px; cursor:pointer;
		}	
		.SearchArea a
		{
			color:#c0ddef; text-decoration:none;
		}				

.GrayNav
{
	width: 545px; height:32px; line-height:32px;  float:right;  cursor:pointer;
}
.GrayNav img
{
	cursor:pointer; margin-top:2px; border:0;
}
	.btn-GrayNav 
	{
		padding:0 4px; /*font-size:10px; color:#3b3b45; background:#fff; border:solid 1px #333;*/
		 display:inline-block !important; height: 30px; line-height:30px; cursor:pointer !important; text-decoration:none;
		 
	}
	.btn-GrayNav a
	{
		padding:0 4px; color:#333; font-size:10px; text-decoration:none; cursor:pointer; 
	}
	.btn-GrayNav :hover
	{
		color:#3b3b45; text-decoration:underline;cursor:pointer;
	}
	.btn-level
	{ 
		display:block; cursor:pointer;
	}
	
/*Left Static buttons*/

div.btnContactus,
div.btnRecycle,
div.btnNewsletter,
div.btnAwards
{
	float:right; margin:8px 4px 8px 16px; width:176px; 
}
a.btnContactus
{
   display: block;   width: 176px;   height: 25px;  text-decoration: none; 	background: url(../../images/nav_contact.gif);
}

a.btnContactus:hover 
{
    background: url(../../images/nav_contactc.gif);
 }

a.btnRecycle
{
   display: block;   width: 176px;   height: 39px;  text-decoration: none; 	background: url(../../images/nav_recycling.gif);
}

a.btnRecycle:hover 
{
    background: url(../../images/nav_recyclingb.gif);
 }
 a.btnNewsletter
{
   display: block;   width: 176px;   height: 27px;  text-decoration: none; 	background: url(../../images/btn_newsletter.gif);
}

a.btnNewsletter:hover 
{
    background: url(../../images/btn_newsletter2.gif);
 }
 
 a.btnAwards
 {
 	display: block;   width: 176px;   height: 39px;  text-decoration: none; 	background: url(../../images/nav_mye.gif);
 }
 a.btnAwards:hover
 {
 	background: url(../../images/nav_myeb.gif);
 }

/*End Left Static buttons*/

/*Splash page*/

.SplashBg
{
	background: url(../../images/Nbg.jpg) top repeat-x; 
}
#Splashwrapper
{
	width:1035px; margin:auto; 
}
.SplashHeader
{
	height:126px; width:100%; 
}
	.SplashHeader img
	{
		border:0;
	}
	.SplashEnter-btn
	{
		float:right; width:462px; margin:30px 20px 18px 20px;
	}
	.SplashLogo
	{
		float:left; width:413px; 
	}
.Splashcontainer
{
	 width:1035px
}	
.Splashbanner
{
	height:345px; width:100%; background: url(../../images/SplashBanner.png) no-repeat top; behavior: url('../images/iepngfix.htc');
}	
	.SplashBannerContent
	{
		height:182px; float:right; /*margin:110px 6em 15px 20em;border:solid 1px #ff00ff;*/  margin-right:6em; margin-top:110px
	}	
	.SplashBannerContent div
	{
		padding:10px;  width:650px; float:right;
	}
.Splashcontent
{
	width:1035px;  top:0; margin:0;  background: url(../../images/containerbg.png) repeat-y bottom ; 
}
/*div.Splashcontent 
{
	behavior: url('../images/iepngfix.htc');
}*/
.SplashContentPlace
{
	float:left;	width:72em;
}
	.SplashContentPlace div
	{
		margin:1em 2em 1em 7em; 
	}
	
.SplashNav
{
	 float:left; width:218px;/* margin-right:5em;*/margin-top:1em; height:auto; text-align:left;
	 color:#0172b4; font-weight:bold; font-size:13px;
}
	.SplashNav img
	{
		 border:0; padding:3px;
	}
.SplashFooter
{
	height:60px; width:1035px; background: url(../../images/SplashFooter.gif) no-repeat bottom;
}	

/*End Splash page*/

/*Content  Classes*/
.MediaContent
{
	border: 1px solid #dce1e7;	padding:0;	width:542px; 

}
.TableContent
{
	border: 1px solid #dce1e7; 	padding: 12px 12px; text-align:left; font-size:12px;/*	padding: 20px 12px; */

}
	.TableContent p
	{
		padding:0 12px 0 12px; 

	}
		
	/*Current mile classes related to content*/
	
	.Title_blue 
	{
		color: #245d8a;
	}	
	.Note 
	{
		font-size: 10px	      
	}	
	.Title_green 
	{
		color: #009933; font-weight: bold;
	}
	.Title_teal 
	{
		color: #02777a; font-weight: bold; font-size:12px;
	}
	
	.Title_Red 
	{
		color: #FF0000;	font-weight: bold; font-size: 12px;
	}	
	.Title_Orange
	{
		color: #ff7800;	font-weight: bold; font-size: 12px;
	}
	
	.Gray_bold 
	{
		color: #666; font-weight: bold; font-size: 11px;
	}
	/** Press CSS **/
.pagetitle 
	{
		font-size:16px;	text-transform:uppercase; padding-top:0px; padding-bottom:0px;
		 font-weight:bold; font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
	}
	
.white
{
	color:#fff;
}
.PressTableContent,
.PresentationTable
{
		border: 1px solid #dce1e7;	padding: 15px 12px;		
}
	.PressTableContent
	{
		background:url('../../images/press_bg.jpg') no-repeat right top;
		}
	.PresentationTable
	{
		background:url(../../images/gradient_blue3.jpg) repeat-x bottom;	
	}
.TableContentPress2,
.TableContentPress
{
	border: 1px solid #dce1e7; background:url(../../images/table_bg.png);
}
	.TableContentPress
	{
		width:480px;  margin-bottom:10px;
	}
.Press-td
{
	padding:5px 15px 5px 15px;
}
.PressBlue
	{
		font-size:12px;	color:#245d8a
	}
	/** Testimonial CSS ***/
	.TestimonialTitle_Blue
	{
		color: #245d8a; font-weight:bold; font-size:14px;
	}
	/*End of Current mile classes  to content*/
	
/*----------------- Utilities Page------------------*/
.content_utilities 
{
	border: 1px solid #dce1e7;	padding: 10px 6px; background:url(../../images/utilitiesbg.gif) repeat-x top; 
}
.content_utilities h1 {
	color: #245d8a; font-size:20px; font-weight:normal; 
}
.content_utilities li {
	margin: 0 0 0 5px; padding:0 0 15px 0px;background: url(../../images/right.gif) no-repeat 0px 0px; list-style:none; font-size:14px;
}
.content_utilities a:link{
	color:#245d8a; text-decoration:none; font-size:14px;
}
.content_utilities a:hover {
	color:#245d8a; text-decoration:underline; font-size:14px;
}
.content_utilities a:active {
	color:#245d8a; text-decoration:none; font-size:14px;
}
.content_utilities a:visited {
	color:#245d8a; text-decoration:none; font-size:14px;
}
.UtilitiesTextboxes
{
		border:#185184 1px solid; font-size: 11px; line-height:15px;
}
/*********---------- Live Chat ------------------********/
div.LiveChat
{
		/*float:right;*/ margin:8px 8px 8px 30px; 
}
/*-------------------------------------BSS lifecycle Unique classes--------------------------------*/
.content_table_flash_bss {
	border: 1px solid #dce1e7;	padding: 0px;
}

.content_table_bss {
	border: 1px solid #dce1e7; 	padding:1px;
}
.BSS-stage{
	text-align:left; 
}
.BSS-stage div{
	background:#4384d1; color:#fff; font-size:11px; text-align:left; padding:4px; display:block; width:130px;
}
.BSS-description{
	background:#d6e4f5; color:#333; font-size:11px; text-align:left; padding:5px 5px 5px 5px; border-left:solid 1px #fff;
}
.BSS-description h1{
	color:#264fa7; font-size:11px; text-align:left; border-bottom:dotted 1px #666; padding:5px 5px 5px 5px; line-height:20px;
}
.BSS-description h1 span{
	color:#264fa7; font-size:9px; text-align:left; padding:5px 5px 5px 5px; line-height:20px;
}
.BSS-stage2{
	text-align:left;
}
.BSS-stage2 div{
	background:#4384d1; color:#fff; font-size:11px; text-align:left; padding:4px; display:block; width:130px;
}
.BSS-description2{
	background:#d6e4f5; color:#333; font-size:11px; text-align:left; padding:5px 5px 5px 5px; 
}
.BSS-description2 h1{
	color:#264fa7; font-size:11px; text-align:left; border-bottom:dotted 1px #666; padding:5px 5px 5px 5px; line-height:20px;
}
.BSS-description2 h1 span{
	color:#264fa7; font-size:9px; text-align:left; padding:5px 5px 5px 5px; line-height:20px;
}


/*-----------------------------------END BSS lifecycle Unique classes-------------------------------*/
/*--Unique Classes for Web Portfolio--------PGG-04-02-09*/
.CS_BlueBoxContent
{
	background: url(../../images/cs-portbg.gif) repeat-x bottom ;width:523px;
}
	.CS_BlueBoxContentbtm
	{
		height:170px; color:#fff; width:523px;	padding-left:25px; line-height:1.2em;
	}
	.CS_ImageContainer
	{
		padding-left: 122px;
	}
	.CS_BlueBoximage
	{
		border: solid 2px #000; float: left; width: 290px; height: 225px; 
	}
/*--End Unique Classes for Web Portfolio-----PGG-04-02-09*/

/*--WebPortfolio--*/
/*.CS_BlueBoxContent
{
	background: url(../../images/topbar2.jpg); background-repeat:repeat-x; background-position:bottom; height:248px; width:523px;
	
}

.CS_BlueBoxContentbtm
{
	background: url(../../images/contentarea.jpg); background-color:#2a89cd; background-repeat:repeat-x; background-position:top; height:170px; color:#fff; width:523px;
	padding-left:25px; line-height:1.2em;
}*/
.imgborder 
{
	border: #000 1px solid;
	padding:2px 0px 5px 2px;
}
.link:active, .link:link, .link:visited {
	/*font-family:Arial, Helvetica, San-Serif;*/
	font-size:12px;
	font-weight:bold;
	color:#ebd305;
	text-decoration:underline;

}

.link:hover {
	/*font-family:Arial, Helvetica, San-Serif;*/
	font-size:12px;
	font-weight:bold;
	color:#cccccc;
	text-decoration:underline;
}

.webporttitle {
	/*font-family:Arial, Helvetica, San-Serif;*/
	font-size:12px;
	font-weight:bold;
	color:#fff;

}

.webportcontent {
	/*font-family:Arial, Helvetica, San-Serif;*/
	font-size:12px;
	font-weight:normal;
	color:#fff;

}




/**
THIS IS FOR A STEP TOWARD HOPE's WEBSITE AND ONLY FOR THAT
*/
/*.STH-html, .STH-body {
background-color: #f9f9f7;
height: 100%;
margin: 0px; 
font-family: Tahoma, Arial, Helvetica, sans-serif; 
font-size: 11px;
background: url(../../images/bg.jpg);
background-repeat: repeat-x;
}*/
.STH-BG
{
	background: url(../../images/bg.jpg) repeat-x #f9f9f7;
}

.STH-content {
margin:0 auto;
width:735px;
height:800px;
}

.STH-content a {
color:#003399;
}

.STH-content a:hover {
color:#416CC3;
}

.STH-top {
  width:704px;
  height:157px;
  background:url(../../images/top.gif) no-repeat;
  margin:0px;
  padding:0px; 
  font-size:10px; font-family: Tahoma, Arial, Helvetica, sans-serif; 
}

.STH-top2 {
  margin:0px;
  padding:0px;
  width:704px;
  height:170px;
  background:url(../../images/flashbg.jpg) no-repeat;
}

.STH-top2 a{
  color:#000000;
}
.STH-top a {
  color:#FFFFFF;
  text-decoration:none;
}

.STH-top p {
  margin:0px; 
  padding:0px; 
}

.STH-top a:hover{
  color:#FF6600;
}


.STH-txt {
	margin-left:10px; 
	font-size: 12px;
	font:Arial, Helvetica, sans-serif;
}

.STH-main 
{
	margin: 0; padding: 0; background: url(../../images/middle.gif) repeat-y; width:695px; height:auto; border: solid 1px #AEAEAE;
}

.STH-maintext {
float:left;
margin-top:10px; 
width: 515px;
height:auto;}

.STH-maintext p {
margin-left:10px; font-family: Verdana, Arial, Helvetica, sans-serif;
margin-right:20px;
line-height:16px;
}

.STH-bluetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0072AE;
}

.STH-leftmenu {
float:left; /*border:solid 1px #000;*/
width: 180px;
}

.STH-bottom {
  width:704px;
  height:15px;
  background:url(../../images/bottom.gif) no-repeat;
  margin:0px;
  padding:0px;
}

.STH-flash {
float:left;
width:400px;
}

.STH-uevents {
float:left;
background:url(../../images/uevents.gif) no-repeat;
width:290px;
height:180px;
}

.STH-list {
background:url(../../images/joinlist.jpg) no-repeat;
margin-top:10px; 
margin-left:10px;
padding-left:15px;
width:152px;
height:160px;
}