/**********General Styles*****************************************/


*	{margin:0;
	padding:0;}

body 
	{background: #c9d9d5 url('../images/bodybg.png') repeat-x fixed;
	color: #08765d;
	font-size: 12px;
	font-family: tahoma,verdana,sans-serif;
	margin: 0px auto 0px;
	padding: 0px;}

img 
	{border:0;
	margin-right: 5px;}
	
br 
	{clear: left;}
	
h1
	{color: #377566;
	font-size: 26px;
	margin-bottom: 15px;}

#mainbox 
	{width:980px;
	background: #0e6350 url('../images/content_bg.gif') repeat-y top center;
	color: #333333;
	font-size: 12px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;}
	
#errors {
	background-color:#E0EFEA;
	border: 5px solid #FF0000;
	color:#006600;
	font-size:13px;
	margin: 0 auto;
	padding: 5px 10px 5px 10px;
	width:80%;
	text-transform: uppercase;
}
#errors ul {
	font-style:italic;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:decimal;
}
#errors ul li {
	margin-bottom: 5px;
}
.mandatory {color: #FF0000; font-style:  italic; font-size: 11px;}
.programs {display: block; width: 700px;}

.td-first {background-color: #DEE8CA; padding: 15px 8px 15px 8px;}
.td-alt {background-color: #B5CFA8; padding: 10px;}
.td-center {text-align: center; margin: 0 auto;}
.backtotop {background-color:#006600; background-image:url('../images/backtotoparrow.gif'); background-position:2px 50%; background-repeat:no-repeat; color:#FFFFFF; float:right; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-left:18px; padding-right:3px; padding-top: 3px; padding-bottom: 3px; text-decoration:none;}
.navtxt {display: block; font-size: 12px; text-align: center; padding: 10px 10px 10px 10px; margin-right: 5px; margin-top: 5px; background-color: #EFE577; float: left; border: 1px solid #006600; min-width: 310px;}
.navtxt a, .navtxt a:active, .navtxt a:link, .navtxt a:visited {color: #006600; text-decoration: none;}
.navtxt a:hover {color: #779F95; text-decoration: none;}
#content h2 {font-size: 20px; color: #377566; padding-bottom: 5px;}
#content h3 {-x-system-font:none;border-bottom-color:#C0C0C0;border-bottom-style:dotted;border-bottom-width:1px;border-top-color:#C0C0C0;border-top-style:dotted;border-top-width:1px;color:#377566;font-family:Arial,Verdana,Arial,Sans-Serif;font-size:14px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:700;line-height:normal;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;padding-bottom:5px;padding-left:0;padding-right:0;padding-top:5px;}
	
/**********Hyperlinks*******************************************/

a, a:visited
	{color: #017358;
	text-decoration: none;}
	
a:hover
	{text-decoration: underline;
	color: #FBB000; /*ADDDED BY JJUN*/}

.more-link a:link
	{padding:5px;
    text-align:right;
    font-size:110%;}

/******************Header***************************************/

#header 
	{background: #ffffff url('../images/contbg.png') no-repeat top center;
	width: 980px;
    height:200px;
	margin: 30px auto 0px;
	text-align: left;
    padding: 0px;}
	#header a 
		{font-family: Times New Roman, Helvetica, Sans-Serif;
		font-size: 2.2em;
		color: #333333;
		font-weight:bold;
		text-decoration: none;
		padding: 0px;
		margin: 0px;}
	#header p 
		{font-family: Times New Roman, Helvetica, Sans-Serif;
		font-size: 1.5em;
		color: #333333;
		font-weight:bold;
		text-decoration: none;
		padding: 0px 10px 0px 10px;
		margin: 0px;}
		#header p .languageSwitcher{
			font-family: Times New Roman, Helvetica, Sans-Serif;
			font-size: 1.5em;
			color: #ffffff;
			font-weight:bold;
			text-decoration: none;
			text-align: right;
			padding: 0px 10px 0px 10px;
			margin: 0px;}

	#logo
		{float: left;
		position:relative;
		width: 200px;
		display: block;
		margin-top: 0px;
		padding-left: 0px;
		overflow: visible;}
		#logo h1
			{position:relative;
			left:0px;
			top:0px;
			padding:0;
			margin: 0px;}
		#logo a
			{display:block;
			text-indent:-5000px;
			text-decoration:none;
			width:184px;}
			
#header_banner
	{position: absolute;
	margin-left: 205px;
	margin-top: 7px;}			
			
/*****IMAGES****/

.standards-bot {display: block; padding: 10px 10px 10px 0px;}

/************************************************
*	FLASH Slideshow Config						*
************************************************/

#headerBanner
	{padding-top:10px;
	padding-right: 10px;
	text-align:right;
    display: block;}
#headerBanner h1
	{font-style: italic;
	font-family: "Times New Roman", Verdana, Arial;}
	

/*****************Left Sidebar******************************/
#l_sidebar 
	{float: left;
	width: 170px; 
	padding: 5px 5px 15px 5px;}
	
#l_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#l_sidebar ul li {
    width: 160px;
	list-style: none;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	float: left; /* cure IE5.x "whitespace in lists" problem */	
	line-height: 15px;
	text-decoration: none;
}	


#l_sidebar ul li a:link, #l_sidebar ul li a:visited {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 4px 0px 2px 2px;
	height:25px; 


}

#l_sidebar ul li a:hover {
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #fbb000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;}
	
/************************************************
	background-color: #606239;
************************************************/

#l_sidebar ul li li a:link, #l_sidebar ul li li a:visited {
	margin-left: 0px;
	padding-left: 0px;
}
#l_sidebar ul li li li a:link, #l_sidebar ul li li li a:visited {
	margin-left: 0px;
	padding-left: 0px;
}

/************************************************
*	TRADEMARK PAGE 				*
************************************************/
.page_trademark {
	float: left;
	width: 300px; 
	padding: 5px 5px 15px 5px;}

#page_trademark_wrap {
	float: left;
	width: 700px;
	min-width: 700px!important;
	}
	
.page_trademark ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.page_trademark ul li {
	list-style: none;
	margin: 0 0 10px 0;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	background: url('../images/li-star.jpg') no-repeat;
	padding-left: 25px;
	float: left; /* cure IE5.x "whitespace in lists" problem */	
	line-height: 19px;
	text-decoration: none;
	font-style:  italic;
	font-size: 11pt;
	width: 100%!important;
	_width:300px;
	min-width: 300px;
}	
.page_trademark ul li a:link, #page_trademark ul li a:visited {
	display: block;
	font-size: 11pt;
	font-weight: bold;
	color: #006600;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 4px 0px 2px 2px;
	height:25px; 
}
.page_trademark ul li a:hover {
	display: block;
	font-size: 11pt;
	font-weight: bold;
	color: #fbb000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;}
/************************************************
*	GALLERY PAGE  				*
************************************************/
.nostyle {
	float: left;
	width: 700px; 
	padding: 10px 0px 0px 0px;
	}
	
.nostyle ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.nostyle ul li {
	list-style: none;
	margin: 0 0 10px 0;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	height: 125px;
	padding-left: 25px;
	float: left; /* cure IE5.x "whitespace in lists" problem */	
}	
.nostyle ul li a:link, #nostyle ul li a:visited {
	display: block;
	text-transform: uppercase;
	padding: 4px 0px 2px 2px;
}
.nostyle ul li a:hover {
	display: block;
	font-size: 11pt;
	font-weight: bold;
	color: #fbb000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;}


/************************************************
*	MENU ICONS   				*
************************************************/

#l_sidebar ul li.icon-1{
    background: url('../images/menuicons/icons-02.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-2{
  background: url('../images/menuicons/icons-12.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-3{
  background: url('../images/menuicons/icons-01.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-4{
  background: url('../images/menuicons/icons-08.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-5{
  background: url('../images/menuicons/icons-10.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-6{
  background: url('../images/menuicons/icons-15.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-7{
  background: url('../images/menuicons/icons-10b.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-8{
  background: url('../images/menuicons/icons-20.gif') 0 0px no-repeat;
    padding: 2px 0px 2px 35px;
}
#l_sidebar ul li.icon-9{
  background: url('../images/menuicons/icons-16.gif') 0 0px no-repeat;
    padding: 5px 0px 2px 35px;
}
#l_sidebar ul li.icon-10{
  background: url('../images/menuicons/icons-04.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-11{
  background: url('../images/menuicons/icons-19.gif') 0 0px no-repeat;
    padding: 5px 0px 2px 35px;
}
#l_sidebar ul li.icon-12{
  background: url('../images/menuicons/icons-13.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}
#l_sidebar ul li.icon-13{
  background: url('../images/menuicons/icons-03.gif') 0 0px no-repeat;
    padding:2px 0px 2px 35px;
}


/************************************************
*	Main Content      							*
************************************************/


#content
	{float: left;
	width: 748px;
	margin-top: 20px;
	margin-left: 40px;}

	
#contenttext
	{margin-top: 0px;}	
	
	
#contentbox
	{ }
	#contentbox h1
		{color: #377566;}
	#contentbox p
		{margin-bottom: 20px;
		line-height: 18px;
		font-size: 14px;}	

#contentbox-index
	{ display: block; float: left; width: 480px;}
	#contentbox-index h1
		{color: #377566;}
	#contentbox-index p
		{margin-bottom: 20px;
		line-height: 18px;
		font-size: 14px;}	
		
#contentbox-index-side
	{ display: block; float: right; margin-top:35px; padding-left:13px;}
	#contentbox-index h1
		{color: #377566;}
	#contentbox-index p
		{margin-bottom: 20px;
		line-height: 18px;
		font-size: 14px;}	
		
.placeholder { display: block; padding-top: 0px; padding-bottom: 15px;}

/************************************************
*	Franchise Opportunities on Front Page		*
************************************************/

.franchisebox
	{color: #006600;
    width: 700px;
	height: 400px;
	margin-left: 10px;
	margin-top: 0px;
	text-align: center;
	font-weight: bold;
    background: url(../images/starsbg.jpg) no-repeat;}
	.franchisebox h1
		{font-size: 22px;}

#higherstandardslogo
	{display: block;}
	
#higherstandardslogo h3
	{text-indent: -50000px;}
	
#franchise_icon_set
	{width: 660px;
	margin-top: -20px;
	margin-left: 20px;}

#franicon_advantage
	{float: left;
	width: 165px;}
#franicon_advantage a
	{display: block;
	height: 169px;
	width: 150px;
	text-indent: -50000px;
	background: url(../images/hladvantages.gif) top no-repeat;}
#franicon_advantage a:hover
	{background-position: bottom;}


#franicon_careers
	{float: left;
	width: 165px;}
#franicon_careers a
	{display: block;
	height: 169px;
	width: 150px;
	text-indent: -50000px;
	background: url(../images/hlcareers.gif) top no-repeat;}
#franicon_careers a:hover
	{background-position: bottom;}
	
	
#franicon_5star
	{float: left;
	width: 165px;}
#franicon_5star a
	{display: block;
	height: 169px;
	width: 150px;
	text-indent: -50000px;
	background: url(../images/hlfivestar.gif) top no-repeat;}
#franicon_5star a:hover
	{background-position: bottom;}
	
	
#franicon_income
	{float: left;
	width: 165px;}
#franicon_income a
	{display: block;
	height: 169px;
	width: 150px;
	text-indent: -50000px;
	background: url(../images/hlincome.gif) top no-repeat;}
#franicon_income a:hover
	{background-position: bottom;}
	
	

/************************************************
*	Footer      								*
************************************************/

#footer {
	background: #FFFFFF url('../images/footerbg.png') no-repeat bottom center;
	width: 980px;
	margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
	text-align: center;
	border-top: 1px solid #C0C0C0;
	}
	
/************************************************
*	Fieldset / Forms							*
************************************************/
legend, #legend {
	border-top-style:none;
	border-top-width:medium;
	padding-left:2px;
	padding-right:2px;
	padding-bottom: 15px;
	padding-top: 5px;
	white-space:nowrap;
	font-size: 12pt;
	
}
fieldset {
	border: 0 none;
	display:block;
	margin-left:2px;
	margin-right:2px;
	padding-bottom:0.75em;
	padding-left:0.625em;
	padding-right:0.625em;
	padding-top:0.35em;
}
label {
	cursor:default;
	color: #377566;
	font-size: 11pt;
}

input {
	padding: 2px;
	margin-bottom: 8px;
}
.referral { width: 25em;}