/* = Ekos Consulting CSS Document
-----------------------------------------------------------------------------*/

body{
	margin: 0px;
	text-align: center;
	background-color: #E9CCD1;
	margin-top: 45px;
}	

/* = Main Styles
-----------------------------------------------------------------------------*/

#wrapper{
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

#headSpace{
	width: 896px;
	margin: 0px 0px 2px 2px;
	position: relative;
	height: 310px;
	border-bottom: 2px solid #97888F;
}

#bodySection{
	position: relative;
	width: 896px;
	margin: 0px 0px 2px 2px;
	text-align: left;
	background-image: url(../images/stretch-bkgd2.gif);
	background-repeat: repeat-y;
	background-position: bottom right;
}

#leftMore{
	position: absolute;
	display: block;
	left: 2px;
	bottom: 104px;
	width: 598px;
	text-align: right;
	border-bottom: 2px solid #E3CBD0;
	z-index: 999;
}

#leftMore a{
float: right;                            
	text-align: center;
	display: block;
	width: 80px;
	line-height: 20px;
	background-color: #E4CBD1;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F2638;
	text-decoration: none;
}

#leftMore a img{
	margin-left: 9px;
}

#callBack{
	position: relative;
	width: 296px;
	height: 60px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

#callBack a{
	display: block;
	width: 288px;
	height: 52px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px 0px 0px 8px;
	background-image: url(../images/bkgd-callback-norm.gif);
	background-repeat: no-repeat;
}

#callBack a:hover{
	background-image: url(../images/bkgd-callback-over.gif);
	background-repeat: no-repeat;
}

#callBack a img{
	float: right;
	border: none;
	margin: -8px 0px 0px 0px;
}

/* = Header Styles
-----------------------------------------------------------------------------*/

#header{
	position: relative;
	width: 730px;
	height: 80px;
	margin-left: 15px;
	margin-bottom: 1px;
}

#plusone{
	position: absolute;
	top: -34px;
	right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 180px;
	margin: 4px 0 0 0;
}

#blog{
	position: absolute;
	top: -34px;
	right: 43px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 480px;
}
#blog a{
	color: #0099FF;
	cursor: pointer;
}

#blog a img{
	border: none;
}

#blog a:link, #blog a:visited{
	color: #0099FF;
	cursor: pointer;
}

#blog a:hover{
	color: #0099FF;
}


#topLinks{
	position: absolute;
	top: -34px;
	left: 3px;
}

#topLinks ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#topLinks li{
	display: inline;
	float: left;
	margin-left: 2px;
	text-align: center;
}

#topLinks li a{
	color: #4F2638;
	width: 52px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	background-color: #FFFFFF;
	cursor: pointer;
	padding: 6px 0px 6px 0px;
}

#topLinks li a img{
	border: none;
}

#topLinks li a:link, #topLinks li a:visited{
	display: block;
	color: #4F2638;
	width: 52px;
	background-color: #FFFFFF;
	cursor: pointer;
	padding: 6px 0px 6px 0px;
}

#topLinks li a:hover{
	background-color: #FAF4F6;
	color: #4F2638;
}

#headerLeftColumn{
	position: absolute;
	width: 598px;
	height: 272px;
	left: 2px;
	top: 2px;
	background-image: url(../images/bkgd-header-image.gif);
	background-repeat: no-repeat;
}

#headerRightColumn{
	position: absolute;
	width: 296px;
	right: 2px;
	top: 2px;
}

.headerRightBox{
	position: relative;
	width: 296px;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6D7987;
}

.headerRightBox a{
	display: block;
	padding-left: 10px;
	width: 286px;
	line-height: 60px;
	background-color: #C6D6EF;
	color: #6D7987;
	text-decoration: none;
}

.headerRightBox a:hover{
	background-color: #BDCBE1;
	color: #6D7987;
	text-decoration: none;
}

.headerRightBox a img{
	float: right;
	border: none;
}

/* = Left Column Styles
-----------------------------------------------------------------------------*/

#leftColumn{
	position: relative;
	float: left;
	width: 598px;
	text-align: left;
}

#leftColumn a{
	font-weight: bold;
	color: #4E2537;
	text-decoration: underline;
}

#mainTextTop{
	position: relative;
	width: 554px;
	margin: 22px 0px 26px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
}

#mainTextcomplete{
	position: relative;
	width: 554px;
	
	margin: 22px 0px 26px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
}


#mainTextTop img{
                border: 2px solid #AC9D74;
                margin: 0px 10px 0px 10px;
}

#expandedMainText img{
                border: 2px solid #AC9D74;
                margin: 0px 10px 0px 10px;
}


#mainTextcomplete img{
                border: 2px solid #AC9D74;
                margin: 0px 10px 0px 10px;
}


h1{
	font-size: 12px;
	color: #4E2537;
}

#mainTextTop h1{
	font-size: 12px;
	color: #4E2537;
}

#mainTextTop h2{
	font-size: 12px;
	color: #4E2537;
}

#mainTextTop h2.sitemap{
	font-size: 12px;
	color: #7298AA;
	border-bottom: 2px dotted #DBBCC1;
}

#mainTextTop a{
	color: #4E2537;
	text-decoration: underline;
	font-weight: bold;
}

#mainTextTop a:hover{
	color: #7298AA;
	text-decoration: underline;
	font-weight: bold;
}

#mainTextTop hr{
	border: none 0; 
	border-bottom: 2px dotted #DBBCC1;
	height: 2px;
}

#expandedMainText{
	position: relative;
	width: 554px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
	margin: 0px 0px 26px 22px;
}

#expandedMainText h1{
	font-size: 12px;
	color: #4E2537;
}

#expandedMainText h2{
	font-size: 12px;
	color: #4E2537;
}

#expandedMainText h2.sitemap{
	font-size: 12px;
	color: #7298AA;
	border-bottom: 2px dotted #DBBCC1;
}

#expandedMainText a{
	color: #4E2537;
	text-decoration: underline;
	font-weight: bold;
}

#expandedMainText a:hover{
	color: #7298AA;
	text-decoration: underline;
	font-weight: bold;
}

/* = Right Column Styles
-----------------------------------------------------------------------------*/

#rightColumn{
	float: right;
	width: 296px;
	text-align: left;
	background-color: #FFFFFF;
}

#rightOffersTitle{
	position: relative;
	width: 296px;
	height: 22px;
	background-image: url(../images/bkgd-titles-offers-right.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 2px;
}

.rightOffersTitleBarText{
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	left: 8px;
}

.rightOffersTitleBarMore{
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
	line-height: 22px;
	right: 5px;
}

.rightOffersTitleBarMore a{
	color: #4E2537;
	text-decoration: none;
	display: block;
}

.rightOffersTitleBarMore a:hover{
	color: #4E2537;
	text-decoration: underline;
}

.rightOffersTitleBarMore a img{
	margin-left: 2px;
	border: none;
}

.offerBox{
	position: relative;
	width: 296px;
	height: 55px;
	text-align: left;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
}

.offerBox a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #E4CBD1;
	color: #4E2537;
	text-decoration: none;
}

.offerBox a:hover{
	background-color: #DBBCC1;
	color: #4E2537;
	text-decoration: none;
	cursor: pointer;
}

.offerBox a img{
	float: right;
	border-left: #FFFFFF solid 2px;
}

.offerBox a .offerText{
	float: right;
	width: 199px;
	height: 39px;
	margin-top: 8px;
	margin-right: 10px;
	text-align: left;
}

.offerBox a .offerMore{
	position: absolute;
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	background-color: #B9A4AD;
	left: 208px;
	top: 44px;
}

.offerBox a:hover .offerMore{
	background-color: #4E2537;
}


.offerBox a .offerText2{
	float: left;
	width: 275px;
	height: 39px;
	margin-top: 8px;
	margin-left: 8px;
	text-align: left;
	
}

.offerBox a .offerMore2{
	position: absolute;
	border-left: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	background-color: #B9A4AD;
	left: 285px;
	top: 44px;
}


/* = Sub Nav Styles
-----------------------------------------------------------------------------*/

#subNavTitle{
	position: relative;
	width: 296px;
	height: 22px;
	background-image: url(../images/bkgd-titles-subnav.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-bottom: 2px;
}

.subNavTitleBarText{
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	left: 8px;
}

#subNavWrapper{
	position: relative;
	width: 296px;
	text-align: left;
}

#subNavWrapper ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 296px;
}

#subNavWrapper li{
	margin-bottom: 2px;
}

#subNavWrapper li.noSubPad{
	margin-bottom: 0px;
}

#subNavWrapper li a{
	line-height: 22px;
	width: 288px;
	padding-left: 8px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	font-family: Arial, Helvetica, sans-serif;
	color: #4C4548;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background-color: #D3C9CD;
}

#subNavWrapper li a:link, #subNavWrapper li a:visited{
	color: #4C4548;
	display: block;
	line-height: 22px;
	width: 288px;
	padding-left: 8px;
	background-color: #D3C9CD;
}

#subNavWrapper li a:hover{
	background-color: #C5B7BD;
	color: #FFFFFF;
}
	
#subNavWrapper li a:active{
	color: #FFFFFF;
	background-color: #CCC0C5;
}

#subNavWrapper li.pageSpecific{
	background-color: #E9E4E6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4548;
	padding: 8px 8px 8px 8px;
	width: 280px;
}

#subNavWrapper li.pageSpecific .optionButton{
	border: 2px solid #7C7A87;
	background-color: #D7D6DA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #61606B;
}

#subNavWrapper li.pageSpecific select{
	font-size: 11px;
	color: #61606B;
}

/* = News Styles
-----------------------------------------------------------------------------*/

#newsTitle{
	position: relative;
	width: 896px;
	height: 22px;
	background-image: url(../images/bkgd-titles-news.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #B1BCB4;
	text-align: left;
	margin: 0px 0px 2px 2px;
}

.newsTitleBarText{
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 22px;
	left: 8px;
	color: #616763;
}

.newsTitleBarMore{
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616763;
	line-height: 22px;
	right: 5px;
}

.newsTitleBarMore a{
	color: #353734;
	text-decoration: none;
	display: block;
}

.newsTitleBarMore a:hover{
	color: #353734;
	text-decoration: underline;
}

.newsTitleBarMore a img{
	margin-left: 2px;
	border: none;
}

#newsContainer{
	position: relative;
	width: 896px;
	height: 76px;
	text-align: left;
	border-right: 2px solid #B6C0B8;
}



.basemargin{
padding: 30px 10px 0 10px;

}

.newsBox{
	position: relative;
	width: 222px;
	height: 76px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616763;
	display: inline;
	float: left;
	margin-left: 2px;
}

.newsBox a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #C2CBC6;
	background-image: url(../images/bkgd-news-box.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #616763;
	text-decoration: none;
}

.newsBox a:hover{
	color: #353734;
	text-decoration: none;
	cursor: pointer;
}

.newsBox a img.newsThumb{
	float: left;
	border: #FFFFFF solid 2px;
	margin: 4px 0px 0px 4px;
}

.newsBox a .newsText{
	float: right;
	width: 130px;
	height: 64px;
	margin: 8px 8px 0px 0px;
	text-align: left;
}

.newsMore{
	position: absolute;
	text-align: right;
	width: 50px;
	right: 4px;
	bottom: 4px;
	line-height: 13px;
	font-weight: bold;
}

.newsMore img{
	border: #FFFFFF solid 2px;
	margin-left: 4px;
	background-color: #606662;
}

.newsBox a .newsText2{
	float: left;
	width: 160px;
	height: 64px;
	margin: 8px 8px 0px 8px;
	text-align: left;
}


/* = Base Tab Styles
-----------------------------------------------------------------------------*/

#baseTabs{
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 2px 0px 2px 0px;
}

#baseTabs ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#baseTabs ul td{
	vertical-align: bottom;
	width: 79;
	height: 42px;
}

#baseTabs li{
	display: inline;
	float: left;
	margin-left: 2px;
	vertical-align: 50%;
}

#baseTabs li a{
	color: #655E54;
	height: 42px;
	width: 73px;
	padding-left: 5px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	background-color: #D4BE97;
	border-left: 2px solid #AC9D74;
	cursor: pointer;
}

#baseTabs li a:link, #baseTabs li a:visited{
	display: block;
	color: #655E54;
	height: 42px;
	width: 73px;
	padding-left: 5px;
	background-color: #D4BE97;
	cursor: pointer;
}

#baseTabs li a.smallTab{
	width: 72px;
	padding-left: 5px;
}

#baseTabs li a.smallTab:link, #baseTabs li a.smallTab:visited{
	width: 72px;
	padding-left: 5px;
}

#baseTabs li a:hover{
	background-color: #AC9D74;
	color: #FFFFFF;
}

#baseTabs li .tabTextMove{
	position: absolute;
	bottom: 4px;
}

/* = Base Link Styles
-----------------------------------------------------------------------------*/

#baseLinks{
	position: relative;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	padding: 18px 0px 18px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #92727D;
}

#baseLinks a{
	color: #92727D;
	text-decoration: underline;
}

/* = Clearing Divs
-----------------------------------------------------------------------------*/



.asterisk{
	color: #990000;
	font-weight: bold;
}

.news_image{
float: left;
margin: 4px 4px 0px 0px;
}

.news_summary_box{
margin: 4px;
}



#news_summary_box a:link  {
   text-decoration : none; 
   color : #626C80; 
}
#news_summary_box a:visited  { 
   text-decoration : none; 
   color : #626C80; 
}

#news_summary_box a:hover  {
text-decoration : underline; 
   color : #4E2537; 
   cursor: pointer;
}	


.button{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F2538;
	background-color: #EBDADE;
	border: 2px solid #4F2538;
	margin-top: 12px;
	cursor: pointer;
}

.button2{
	padding: 4px 2px 4px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F2538;
	background-color: #EBDADE;
	border: 2px solid #4F2538;
	margin-top: 12px;
	cursor: pointer;
}

/* = Clearing Divs
-----------------------------------------------------------------------------*/

#bodyClear{
	clear: both;
	width:896px;
	height: 0px;
}


/* = Clearing Divs
-----------------------------------------------------------------------------*/

#siteMapTop{
	position: relative;
	margin: 22px 0px 24px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4E2537;
	width: 542px;
	height: 400px;
	overflow: scroll;
	overflow-x: hidden;
	padding-right: 12px;
	scrollbar-base-color: #E4CBD1;
	scrollbar-arrow-color: #997884;
	scrollbar-track-color: #F2E7E9;

	scrollbar-shadow-color: #DBBCC1;
	scrollbar-lightshadow-color: black; 
	scrollbar-darkshadow-color: #DBBCC1;

	scrollbar-highlight-color: #DBBCC1;
	scrollbar-3dlight-color: #DBBCC1;
}

#siteMapTop h1{
	font-size: 12px;
	color: #4E2537;
}

#siteMapTop h2{
	font-size: 12px;
	color: #4E2537;
}

#siteMapTop h2.sitemap{
	font-size: 12px;
	color: #7298AA;
	border-bottom: 2px dotted #DBBCC1;
}

#siteMapTop a{
	color: #4E2537;
	text-decoration: underline;
	font-weight: bold;
}

#siteMapTop a:hover{
	color: #7298AA;
	text-decoration: underline;
	font-weight: bold;
}

#mainTextTop hr{
	border: none 0; 
	border-bottom: 2px dotted #DBBCC1;
	height: 2px;
}



.button{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F2538;
	background-color: #EBDADE;
	border: 2px solid #4F2538;
	margin-top: 12px;
	cursor: pointer;
}

.newcustomer{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4F2538;
	background-color: #FFFFA8;
	border: 2px solid #4F2538;
	margin-top: 12px;
	cursor: pointer;
}

.size18point
{
	font-size: 18px;
}

.size12point
{
	font-size: 12px;
}

.treatment_delete{
	cursor: pointer;
}

#mainTextcomplete img.noborder {
                border: 0px solid #AC9D74;
                margin: 0px 0px 0px 0px;
}

#searchbox{
border: 1px solid #AC9D74;
padding: 5px;
background: #F2E7E9;
}


#mobileLink{
	position: absolute;
	top: -29px;
	left: 170px;
	width: 120px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F2638;
}

#mobileLink a{
	display: block;
	line-height: 24px;
	color: #fff;
	padding: 0px 0px 0px 24px;
	text-decoration: none;
	background: url(../images/mobile-icon.png) no-repeat top left #dba2ab; 
}

#mobileLink a:hover{
	text-decoration: underline;
}
