@import url("../logo/css/sifr.css");
@import url("../themed_images/theme.css");


/* BOX 1 ***************************************************************************************************************************/
.box1						{margin:0px;	padding:0px;}
	/* Top corners and border */
.bt 						{height:39px; 	margin:0px 0px 0px 37px; 			background:url('../graphics/box1.png') no-repeat 100% 0;}
.bt div 					{height:39px; 	left:-37px; width:37px; 			background:url('../graphics/box1.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}
 
	/* Bottom corners and border */
.bb 						{height:39px; 	margin:0px 0px 0px 37px; 			background:url('../graphics/box1.png') no-repeat 100% 100%;}
.bb div 					{height:39px; 	left:-37px; width:37px; 			background:url('../graphics/box1.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}
 
	/* Left border */
.i1 						{padding:0px 0px 0px 20px;							background:url('../graphics/box1_l.png') repeat-y 0 0;}
	/* Right border */
.i2 						{padding:0px 20px 0px 0px;							background:url('../graphics/box1_r.png') repeat-y 100% 0;}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 						{display:block;}
.i3 						{padding:0px 1px 0px 1px; margin:0px 0px 0px 0px;}
.i3 						{background:url('../graphics/box1_bg.png');}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after 					{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i3 						{display:inline-block;}
.i3 						{display:block;}
/* BOX 1 ***************************************************************************************************************************/



/* BOX2 *****************************************************************************************************************************/
.box2						{margin:0px;	padding:0px;}
	/* Top corners and border */
.bt2 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box2.png') no-repeat 100% 0;}
.bt2 div 					{height:25px; 	left:-15px; width:15px; 			background:url('../graphics/box2.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}
 
	/* Bottom corners and border */
.bb2 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box2.png') no-repeat 100% 100%;}
.bb2 div 					{height:25px; 	left:-15px; width:15px; 			background:url('../graphics/box2.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}
 
	/* Left border */
.i12 						{padding:0px 0px 0px 4px;							background:url('../graphics/box2_l.png') repeat-y 0 0;}
	/* Right border */
.i22 						{padding:0px 4px 0px 0px;							background:url('../graphics/box2_r.png') repeat-y 100% 0;}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i32 						{display:block;}
.i32 						{padding:0px 1px 0px 1px;	margin:0px 5px 0px 5px;}
.i32 						{background:url('../graphics/box2_bg.png');}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i32:after 					{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i32 						{display:inline-block;}
.i32 						{display:block;}
/* BOX2 *****************************************************************************************************************************/



/* BOX 3 ******************************************************************************************************************************/
.box3 						{margin:0px; 	padding:0px;}
	/* Top corners and border */
.bt3 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box3.png') no-repeat 100% 0;}
.bt3 div 					{height:25px; 	left:-15px; 	width:15px; 		background:url('../graphics/box3.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}
 
	/* Bottom corners and border */
.bb3 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box3.png') no-repeat 100% 100%;}
.bb3 div 					{height:25px; 	left:-15px; 	width:15px; 		background:url('../graphics/box3.png') no-repeat 0 100%;	 	position:relative;   font-size:0; line-height:0;}
 
	/* Left border */
.i13 						{padding:0px 0px 0px 4px;							background:url('../graphics/box3_l.png') repeat-y 0 0;}
	/* Right border */
.i23 						{padding:0px 4px 0px 0px;							background:url('../graphics/box3_r.png') repeat-y 100% 0;}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i33 						{display:block;}
.i33 						{padding:0px 1px 0px 1px;		margin:0px 5px 0px 5px;}
.i33 						{background:url('../graphics/box3_bg.png');}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i33:after 					{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i33 						{display:inline-block;}
.i33 						{display:block;}
/* BOX 3 ******************************************************************************************************************************/



/* BOX 4 ********************************************************************************************************************************/
.box4 						{margin:0px; 	padding:0px;}
	/* Top corners and border */
.bt4 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box4.png') no-repeat 100% 0;}
.bt4 div 					{height:25px; 	left:-15px; width:15px; 			background:url('../graphics/box4.png') no-repeat 0 0;		position:relative; font-size:0;line-height:0;}
 
	/* Bottom corners and border */
.bb4 						{height:25px; 	margin:0px 0px 0px 15px; 			background:url('../graphics/box4.png') no-repeat 100% 100%;}
.bb4 div 					{height:25px; 	left:-15px; width:15px; 			background:url('../graphics/box4.png') no-repeat 0 100%; 		position:relative;   font-size:0; line-height:0;}
 
	/* Left border */
.i14 						{padding:0px 0px 0px 4px;							background:url('../graphics/box4_l.png') repeat-y 0 0;}
	/* Right border */
.i24 						{padding:0px 4px 0px 0px;							background:url('../graphics/box4_r.png') repeat-y 100% 0;}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i34 						{display:block;}
.i34 						{padding:0px 1px 0px 1px;		margin:0px 5px 0px 5px;}
.i34 						{background:url('../graphics/box4_bg.png');}

	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i34:after 					{content:"."; display:block; 	height:0px; 		visibility:hidden;}
.i34 						{display:inline-block;}
.i34 						{display:block;}
/* BOX 4 ********************************************************************************************************************************/



/* BOXES ie6 ******************************************************************************************************************************************/
/* box1 ie6 */
* html .bt 					{height:0px; margin:0px; 						background:none;}
* html .bt div 				{height:0px; left:0px; width:0px; 				background:none;		position:relative; 	font-size:0;	line-height:0;}
* html .bb 					{height:0px; margin:0px; 						background:none;}
* html .bb div 				{height:0px; left:0px; width:0px; 				background:none; 		position:relative;  font-size:0; 	line-height:0;}
* html .i1 					{padding:0px;									background:none;}
* html .i2 					{padding:0px;									background:none;}

/* box2 ie6 */
* html .bt2 				{height:0px; margin:0px; 						background:none;}
* html .bt2 div 			{height:0px; left:0px; width:0px; 				background:none;		position:relative; 	font-size:0;	line-height:0;}
* html .bb2 				{height:0px; margin:0px; 						background:none;}
* html .bb2 div 			{height:0px; left:0px; width:0px; 				background:none; 		position:relative;  font-size:0; 	line-height:0;}
* html .i12 				{padding:0px;									background:none;}
* html .i22 				{padding:0px;									background:none;}

/* box3 ie6 */ 
* html .bt3 				{height:0px; margin:0px; 						background:none;}
* html .bt3 div 			{height:0px; left:0px; width:0px; 				background:none;		position:relative; 	font-size:0;	line-height:0;}
* html .bb3 				{height:0px; margin:0px; 						background:none;}
* html .bb3 div 			{height:0px; left:0px; width:0px; 				background:none; 		position:relative;  font-size:0; 	line-height:0;}
* html .i13 				{padding:0px;									background:none;}
* html .i23 				{padding:0px;									background:none;}

/* box4 ie6 */ 
* html .bt4 				{height:0px; margin:0px; 						background:none;}
* html .bt4 div 			{height:0px; left:0px; width:0px; 				background:none;		position:relative; 	font-size:0;	line-height:0;}
* html .bb4 				{height:0px; margin:0px; 						background:none;}
* html .bb4 div 			{height:0px; left:0px; width:0px; 				background:none; 		position:relative;  font-size:0; 	line-height:0;}
* html .i14 				{padding:0px;									background:none;}
* html .i24 				{padding:0px;									background:none;}
/* BOXES ie6 ******************************************************************************************************************************************/






/* MENU TOP ***************************************************************************************/
 /* do not alter*/
.ddsmoothmenu							{width: 100%;}
.ddsmoothmenu ul						{z-index:100;margin: 0;padding: 0;list-style-type: none;}
.ddsmoothmenu ul li						{position: relative;display: inline;float: left;}
.ddsmoothmenu ul li a					{display: block;}
 /* do not alter*/

/* set top level padding */
.ddsmoothmenu ul li a					{padding: 7px 18px 6px 16px;}

* html .ddsmoothmenu ul li a			{/*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}

/*1st sub level menu*/
.ddsmoothmenu ul li ul					{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;}
.ddsmoothmenu ul li ul li				{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul			{top: 0;}

/* set sub level width */
.ddsmoothmenu ul li ul li a				{width: 165px;}

/* set sub level padding */
.ddsmoothmenu ul li ul li a				{padding:5px 5px 5px 5px; margin-bottom:0px; margin-left:-2px; }

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{position: absolute;top: 9px;right: 7px;}

.rightarrowclass{position: absolute;top: 12px;right: 5px;}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.4;filter: alpha(opacity = 40);}
/* MENU TOP ***************************************************************************************/


/* MENU SIDE ***************************************************************************************/
/* set the position of the main buttons*/
.ddsmoothmenu-v 						{margin:0px 0px 0px -20px;}

/* set the main button width */
.ddsmoothmenu-v ul						{width: 230px; }
/* set the sub level button width  */
.ddsmoothmenu-v ul li ul				{width: 170px;}

/* set the main button border color */
.ddsmoothmenu-v ul li a					{border-top: 1px solid #77b91c; border-right: 0px solid #77b91c; border-bottom: 1px solid #77b91c; border-left: 0px solid #77b91c; margin-bottom:-1px;}

.ddsmoothmenu-v ul						{margin: 0;padding: 0;list-style-type: none;}
.ddsmoothmenu-v ul li					{position: relative;}

/* Top level menu links style */
.ddsmoothmenu-v ul li a					{display: block; overflow: auto;padding: 6px 15px 6px 15px; text-decoration:none;} /*force hasLayout in IE7 */

/*Sub level menu items */
.ddsmoothmenu-v ul li ul				{position: absolute; top: 0; visibility: hidden;}  

/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li 			{float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a 			{height: 1%; }
/* End */
/* MENU SIDE ***************************************************************************************/


/* FONT STYLES ***************************************************************************************/

/* base colors (spring green)
bright green	=	#88d21d
mid green		=	#77b81c
darker green	=	#4f8215
darkest green	=	#395f10
spring green	= 	#a8db4e
bright yellow/green 	=	#ade510
yellow			=	#dffb46
pale			=	#e1f6be
palest			=	#EDFAD8
 */

 /* seo h1/h2 */										
#seo_1 h1								{color: #4f8215;font-size: 20px;font-family: Verdana, Arial, sans-serif;height: 40px;padding: 20px 0px 0px 20px;margin: 0px 0px 0px 0px;font-variant: small-caps;letter-spacing: 7px; background: url('../themed_images/css_h3.png') no-repeat left top; text-indent: 60px; }


#seo_2 h2								{color: #77b81c;text-indent: 60px;font-size: 12px;font-family: tahoma, Arial, sans-serif;padding: 0px 10px 0px 20px;margin: 0px;font-variant: small-caps;letter-spacing: 3px;}

/* -------------------------- top menu styles--------------------- */

/* topmenu font color */
.ddsmoothmenu ul li a:link				{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li a:visited			{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li a:hover				{color: #0026ff; 	text-decoration: none;}
.ddsmoothmenu ul li a:active			{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li a:selected			{color: #000000; 	text-decoration: none;}

/* topmenu SUBMENU font color */
.ddsmoothmenu ul li ul li a:link		{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li ul li a:visited		{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li ul li a:hover		{color: #0026ff; 	text-decoration: none;}
.ddsmoothmenu ul li ul li a:active		{color: #000000; 	text-decoration: none;}
.ddsmoothmenu ul li ul li a:selected	{color: #000000; 	text-decoration: none;}

/* topmenu button background color */
.ddsmoothmenu ul li a					{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:left;background-repeat:no-repeat;}
.ddsmoothmenu ul li a:link				{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:right;background-repeat:no-repeat; margin-right:2px;}
.ddsmoothmenu ul li a:visited			{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:right;background-repeat:no-repeat; margin-right:2px;}
.ddsmoothmenu ul li a:hover				{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:right;background-repeat:no-repeat; margin-right:2px;}
.ddsmoothmenu ul li a:active			{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:right;background-repeat:no-repeat; margin-right:2px;}
.ddsmoothmenu ul li a:selected			{background-color:transparent; background-image:url('../graphics/topmenu_bg.gif'); background-position:right;background-repeat:no-repeat; margin-right:2px;}

/* topmenu SUBMENU button background color */
.ddsmoothmenu ul li ul li a:link		{background-color: #EDFAD8; background-image:none;}
.ddsmoothmenu ul li ul li a:visited		{background-color: #EDFAD8; background-image:none;}
.ddsmoothmenu ul li ul li a:hover		{background-color: #88d21d; background-image:none;}
.ddsmoothmenu ul li ul li a:active		{background-color: #EDFAD8; background-image:none;}
.ddsmoothmenu ul li ul li a:selected	{background-color: #77b81c; background-image:none;}

/* topmenu border color*/
.ddsmoothmenu ul li a					{border-right: 0px solid #4f8215 ; border-left: 0px solid #4f8215 ; margin-right:-1px;}

/* topmenu SUBMENU borders */
.ddsmoothmenu ul li ul li a				{border-right: 1px solid #4f8215 ; border-left: 1px solid #4f8215 ; border-top: 1px solid #4f8215 ; border-bottom: 1px solid #4f8215 ; margin-bottom:-1px;}

/* -------------------------- side menu styles--------------------- */

/* sidemenu font color */
.ddsmoothmenu-v ul li a:link 			{color: #000000; text-decoration: none;}
.ddsmoothmenu-v ul li a:visited 		{color: #000000; text-decoration: none;}
.ddsmoothmenu-v ul li a:hover			{color: #0026ff; text-decoration: none;}
.ddsmoothmenu-v ul li a:active 			{color: #000000; text-decoration: none;}
.ddsmoothmenu-v ul li a.selected		{color: #000000; text-decoration: none;}

/* sidemenu SUBMENU font color */
.ddsmoothmenu-v ul li ul a 				{color: #000000}
.ddsmoothmenu-v ul li ul a:link 		{color: #000000}
.ddsmoothmenu-v ul li ul a:visited 		{color: #000000}
.ddsmoothmenu-v ul li ul a:hover 		{color: #0026ff}
.ddsmoothmenu-v ul li ul a:active 		{color: #000000}
.ddsmoothmenu-v ul li ul a:selected 	{color: #000000}

/* sidemenu button background color */
.ddsmoothmenu-v ul li a:link 			{background-color: transparent;}
.ddsmoothmenu-v ul li a:visited 		{background-color: transparent;}
.ddsmoothmenu-v ul li a:hover			{background-color: #dde5b4;}
.ddsmoothmenu-v ul li a:active 			{background-color: transparent;}
.ddsmoothmenu-v ul li a.selected		{background-color: #dde5b4;}

/* sidemenu SUBMENU button background color */
.ddsmoothmenu-v ul li ul a 				{background-color: #A8DB4E;}
.ddsmoothmenu-v ul li ul a:link 		{background-color: #A8DB4E}
.ddsmoothmenu-v ul li ul a:visited 		{background-color: #A8DB4E}
.ddsmoothmenu-v ul li ul a:hover 		{background-color: #edfad8}
.ddsmoothmenu-v ul li ul a:active 		{background-color: #A8DB4E}
.ddsmoothmenu-v ul li ul a:selected 	{background-color: #ade510}

/* sidemenu border color */
.ddsmoothmenu-v ul li ul a 				{border-left:1px #4f8215 solid; border-right:1px #4f8215 solid; margin-right:-1px}

/* menu font type, size and family */
.ddsmoothmenu ul						{font: bold 12px Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;}
.ddsmoothmenu ul li ul li a				{font: normal 11px Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;}



/* -------------------------- content box styles --------------------- */

.box1-content h3						{color: #FFFFFF; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:20px;	margin:0px 0px 0px 0px; padding:0px 0px 10px 5px; 		font-weight:normal;}
.box1-content h4						{color: #333333; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:13px; margin:0px 0px 10px 0px; padding:0px 0px 0px 10px;}
.box1-content h5						{color: #34391c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; 		font-weight:normal;}
.box1-content p							{color: #edfad8; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 		line-height:1.4em; 	vertical-align:top;}
.box1-content							{color: #edfad8; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:11px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; min-height: 50px; vertical-align: top;}

.box1-content a:link					{color: #000000; 	text-decoration:underline;}
.box1-content a:visited					{color: #000000; 	text-decoration:underline;}
.box1-content a:hover					{color: #0026ff; 	text-decoration:none;}
.box1-content a:active					{color: #0026ff; 	text-decoration:underline;}

.box1-content ul						{color: #333333;}

.box2-content h3						{background: url('../graphics/h3_bg.png') no-repeat left top;text-indent: 10px;color: #4f8215;font-family: Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;font-size: 22px;margin: 0px 0px 0px 0px;padding: 20px 0px 20px 0px;letter-spacing: 5px;}
.box2-content h4						{color: #333333; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-indent: 20px;}
.box2-content h5						{color: #77b81c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size: 14px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; 		font-weight:normal;}
.box2-content p							{color: #edfad8; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;font-size: 13px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; line-height: 1.6em; vertical-align: top;}
.box2-content							{color: #edfad8;	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:13px; margin:0px 0px 0px 0px; padding:0px 25px 10px 20px; 		vertical-align:top;}

.box2-content a:link					{color: #77b91c; 	text-decoration:underline;}
.box2-content a:visited					{color: #77b91c; 	text-decoration:underline;}
.box2-content a:hover					{color: #4f8215; 	text-decoration:none;}
.box2-content a:active					{color: #77b91c; 	text-decoration:underline;}

.box2-content ul						{color: #656f35;}

.box3-content h3						{color: #e1f6be; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:20px; margin:0px 0px 0px 0px; padding:0px 0px 10px 10px; 		font-weight:normal;}
.box3-content h4						{color: #656f35; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:16px; margin:0px 0px 10px 0px; padding:0px 0px 10px 10px;}
.box3-content h5						{color: #34391c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size: 14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; 		font-weight:normal;}
.box3-content p							{color: #2c3016; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 		line-height:1.4em; 	vertical-align:top;}
.box3-content							{color: #2c3016; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:11px; margin:0px 0px 0px 0px; padding:0px 10px 10px 10px; 		min-height:50px; 	vertical-align:top;}

.box3-content a:link					{color: #656f35; 	text-decoration:underline;}
.box3-content a:visited					{color: #656f35; 	text-decoration:underline;}
.box3-content a:hover					{color: #000000; 	text-decoration:none;}
.box3-content a:active					{color: #656f35; 	text-decoration:underline;}

.box3-content ul						{color: #333333;}

.box4-content h3						{color: #77b81c;font-family: Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;font-size: 22px;margin: 0px 0px 0px 0px;padding: 0px 0px 15px 0px;}
.box4-content h4						{color: #666666;font-family: Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;font-size: 18px;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px}
.box4-content h5						{color: #34391c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size: 14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 		font-weight:normal;}
.box4-content p							{color: #2c3016;	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif;font-size: 13px;	margin: 0px 0px 10px 0px;	padding: 5px 0px 5px 10px;	line-height: 1.6em;	vertical-align: top;}
.box4-content							{color: #2c3016;	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:13px; margin:0px 0px 0px 0px; padding:0px 20px 10px 20px; 		vertical-align:top;}

.box4-content a:link					{color: #4f8215;text-decoration: underline;}
.box4-content a:visited					{color: #3d5970; 	text-decoration:underline;}
.box4-content a:hover					{color: #0026ff; 	text-decoration:none;}
.box4-content a:active					{color: #3d5970; 	text-decoration:underline;}

.box4-content ul						{color: #4f8215;}

#footer									{color: #77b81c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:13px;}
#footer p								{color: #77b81c; 	font-family:Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size:13px;}
#footer a:link							{color: #4f8215; 	text-decoration:underline;}
#footer a:visited						{color: #4f8215; 	text-decoration:underline;}
#footer a:hover							{color: #395f10; 	text-decoration:none;}
#footer a:active						{color: #4f8215; 	text-decoration:underline;}

/* ---------------------  css heading image -----------------------*/

.css_h4							{background: url('../themed_images/css_h3.png') no-repeat left top; text-indent: 60px; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 10px;}

.css_h4	h4						{color: #77b81c; font-family : Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size: 22px; margin: 0px 0px 0px 0px; padding: 25px 0px 5px 15px; font-weight: normal; letter-spacing: 3px;}


.css_accent_bar					{background-image: none; color: #4f8215; font-family: Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; font-size: 22px; padding: 0px 0px 20px 0px; margin: 10px 0px 0px 0px; font-weight: bold;letter-spacing: 6px; }



#headertext h3							{color: #9FCDD4; 	font-family:"Trebuchet MS", Tahoma; font-size:16px; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;}
#headertext h4							{color: #D5E5F5; 	font-family:"Trebuchet MS", Tahoma; font-size:13px; margin:0px 0px 20px 0px; padding:5px 0px 5px 0px;}
#headertext h5							{color: #9bc6e8; 	font-family:"Trebuchet MS", Tahoma; font-size: 9px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 	font-weight:normal;}
#headertext p							{color: #FFF0EB; 	font-family:"Trebuchet MS", Tahoma; font-size:11px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 	line-height:1.4em; 	vertical-align:top;}
#headertext								{color: #FFF0EB; 	font-family:"Trebuchet MS", Tahoma; font-size:11px; margin:0px 0px 10px 0px; padding:0px 10px 10px 10px; 	min-height:50px; 	vertical-align:top;}

#headertext a:link						{color: #D9BEAF; 	text-decoration:underline;}
#headertext a:visited					{color: #D9BEAF; 	text-decoration:underline;}
#headertext a:hover						{color: #ffffff; 	text-decoration:none;}
#headertext a:active					{color: #D9BEAF; 	text-decoration:underline;}

/*icons*/
#icons									{color: #303F28; 	font-size:11px;} 
 #icons a:link							{color: #303F28;}
 #icons a:visited						{color: #303F28;}
 #icons a:hover							{color: #57563C;}
 #icons a:active						{color: #303F28;}
 
/* company name used in Privacy page */
.redfont 								{color: #333333; 	font-size:9px;	font-weight:bold;}


/* -------------------------- Global styles --------------------- */

body 									{font-family: Arial, Georgia, "Palatino Linotype", "Book Antigua", Palatino, serif; color:#2c3016; font-size:11px; line-height:1.5em;}
textarea								{color: #34391c;}
input									{color: #34391c;}
a:link 									{color: #656f35;	text-decoration:none;}
a:visited 								{color: #656f35;	text-decoration:none;}
a:hover 								{color: #000000; 	text-decoration:underline;}
a:active 								{color: #656f35;	text-decoration:none;}
a:focus 								{color: #656f35;	text-decoration:none;}

h1										{color: #656f35; 	padding: 0px; margin: 0px;}
h2										{color: #96a64f; 	padding: 0px; margin: 0px;}
h3										{color: #656f35;	padding: 5px;margin: 0px 0px 0px 20px; font-size:20px;}
h4										{color: #34301c;	padding: 7px;margin: 0px;font-size: 14px;}
h5										{color: #34301c;	padding: 0px 0px 0px 15px;margin: 0px;font-size: 13px;}
h6										{
	color: #656f35;
	padding: 0px 0px 10px 15px;
	margin: 0px;
	font-size: 9px;
}
p										{color: #2c3016; 	padding: 0px; margin:0px; font-size:11px;}
ul										{color: #34391c;}
hr										{
	height: 1px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	color: #665f35;
}

/* -------------------------- TEXT LOGO styles ------------------ */
#textlogo 								{color: #ffffff;	font-size:50px; padding: 30px; font-family:Arial, Georgia, Times; font-style:italic; }
#textlogo a:link 						{color: #ffffff;}
#textlogo a:visited 					{color: #ffffff;}
#textlogo a:hover 						{color: #009900;}
#textlogo a:active 						{color: #ffffff;}
/* FONT STYLES ***************************************************************************************/



.catalog 					{}
.product 					{border: 1px solid #96a64f; height: 200px; min-width: 100px; text-align: left; padding: 10px; vertical-align: top;}
.paypalbtn					{height: 36px; border: 1px #96a64f solid; text-align: center; width: auto; display: block; clear: both;padding: 2px;}


.component-index			{border: 1px #724639 solid; padding:5px; display:block; height:80px;}
.features-index				{margin: 10px;border: 1px solid #724639;padding: 5px;display: block;min-height: 80px;}
.features-title				{font-size: 16px;font-variant: small-caps;color: #724639;padding-right: 10px;padding-left: 10px;}

.demopic 					{padding:5px 5px 5px 5px;}


#icon1						{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left; border:0px;}
#icon2						{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;border:0px;}
#icon3						{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; vertical-align:top; text-align:left;border:0px;}


input.button 				{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19; padding:1px .5em; background:#1F2E19 url(../graphics/submit-button-bg.jpg) left center repeat-x; color:#3D4026;}


button 						{width:auto !important; margin-right:2px; margin-left:3px; border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19; padding:1px .5em; background:#1F2E19 url(../graphics/submit-button-bg.jpg) left center repeat-x; color:#3D4026;}
input.button:active 		{border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19;}
button:active 				{border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19;}
input.button:hover 			{cursor:pointer;}
button:hover 				{cursor:pointer;}
input.button.primary 		{border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color: #1F2E19; background:#1F2E19  url(../graphics/submit-button-bg.jpg) right center repeat-x;}
button.primary 				{border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color: #1F2E19; background:#1F2E19  url(../graphics/submit-button-bg.jpg) right center repeat-x;}
input.button.primary:active {border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19;}


button.primary:active 		{border:1px solid #1F2E19; border-right-color:#1F2E19; border-bottom-color:#1F2E19;}