/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
   This file contain also clearfix and round corners reset
   
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
	
body {	line-height: 1;}

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}

del {	text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after,  .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix { display: inline-block; }   

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* Round Corners Reset */
/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */	/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

body { 
  color: #454545;
  font-family:Arial, Helvetica, sans-serif;
  line-height:1.5;
  background:#574014;
  font-size:75%}
  

body.font-small { font-size:65%;}
body.font-medium { font-size:75%;}  
body.font-large { font-size:85%;}
  
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { 
	color: #444;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; }
	
h1 { 
	font-size: 3em;
	margin-bottom: 0em;}
	
h2 { 
	font-size: 2.5em; 
	margin-bottom:0.5em; }
	
h3 { 
	font-size: 1.5em; 
	line-height: 1; 
	margin-bottom: 1em; }
	
h4 { 
	font-size: 1.5em; 
	line-height: 1.25; 
	margin-bottom:0.5em; }
	
h5 { 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-bottom: 1.5em; }
	
h6 { 
	font-size: 1em; 
	font-weight: bold;}


/* General elements
-------------------------------------------------------------- */
p { margin: 0 0 1.2em;}
	p.last { margin-bottom: 0!important}
	p img { 
		float: left; 
		margin: 0 15px 10px 0; 
		padding: 0}
	
img { margin: 0 0 15px}
.reflectimg {
   float: left;
   margin: 20px;}

div.captionimage { width:285px; margin-right:15px; float:left;}
div#page div.captionimage { width:150px;}

p.textcaption { color:#999; font-size:.9em; text-align: center; font-style: italic; text-indent: 0;}

a:link { 
	text-decoration: none; 
	outline:none;
	color:#993300}
	a:visited { text-decoration:none; color:#993300}
	a:hover{ text-decoration:underline}
	
#header a,
#footer a { color:#FF2D00}
	
strong { font-weight: bold}
	
em { font-style: italic; background: #ffc}

.small { font-size: .9em; color:#999999; }
	
.large { font-size: 1.2em}

.highlight  { background:#FCF7EC;}

.dropcap { 
	display: block; 
	float:left; 
	font: 5em/75% Georgia, "Times New Roman", Times, serif ;
	padding: 4px 8px 0 0; }

hr {
	background:url(hr.gif) no-repeat center center; 
	clear: both; 
  	float: none; 
  	width: 400px; 
  	height: 10px;
	display:block;
  	border:none;
	margin:10px auto 20px;
	overflow:hidden;
	visibility:visible;}


/* Lists 
-------------------------------------------------------------- */

/* Unordered and Ordered Lists */
ul, ol { 
	margin:.5em 1.5em 2em 1.5em}

ul { 	list-style-type:disc;}
	ul.checklist { list-style: none; margin:.25em 0 1.5em 1em}
		ul.checklist li{
			list-style-image: url(checkbox.png);
			margin-left:1em;
			padding: .1em 0 .12em}

	ul.arrow { list-style:none}
		ul.arrow li {
			list-style-image: url(arrow-right.gif);
			margin-left:1em;
			padding: .2em 0 .3em}

	
ol { list-style-type: decimal}
	/* on the search results page */
	ol.list li { margin-bottom:2em}
	ol.list h4 { margin:0 0 .2em}

/* Definiton Lists */	
dl { margin: 0 0 1.5em 0}
	dl dt { font-weight: bold}
	dd { margin-left: 1.5em}


/*Blockquotes*/
blockquote  { 
	margin: 1.5em 1.5em 2em; 
	color: #666; 
	font-style: italic;
	background: transparent url(quote_start.png) left top no-repeat;}
	blockquote div {
	  padding: 0 30px;
	  background: transparent url(quote_end.png) right bottom no-repeat;}


/*Codes*/	  
pre,code    { 
	white-space: pre; 
	background:#F9F9F9;
	border: 1px solid #ccc;	
	border-left: 10px solid #ccc;	
	margin: .5em 0 1.5em;
	padding: 20px;
	font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; 
	line-height: 1.7}
	

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }

table.custom {
	width:100%;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:1em auto;
	border-collapse:collapse;}
		
table.custom caption  {
	color: #ccc;
	font-size:1em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;}	
		
table.custom tr.odd td	{
	background:#F9F9F9}
	
table.custom tr.odd .column1	{
	background:#F0F0F0;}
		
table.custom .column1 {
	background:#F0F0F0;}
	
table.custom td {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:.5em 1.2em;
	text-align:center;}	
				
table.custom th {
	font-weight:normal;
	text-align:left;
	border-bottom: 1px solid #ccc;
	border-left:1px solid #ccc;
	padding:.3em 1em;}	
							
table.custom thead th {
	background:#F0F0F0;
	text-align:center;
	font:bold 1.3em/2.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#555}	
	
table.custom tfoot th {
	text-align:center;
	background:#F0F0F0;}	
	
table.custom tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;}		
	
table.custom tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;}	
	
/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/* General Forsm Styles */

label { 
	font-weight: normal}

fieldset { 
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border: 1px solid #E6E6E6;}
	
legend  { 
	font-size:2em;
	background:#fff;
	border:1px solid #E6E6E6;
	padding:0.3em 1.5em}

/* Text fields */
	.inputbox {
	width:250px;
	margin:0 0.25em 0 0;
	border: 1px solid #E6E6E6;
	color: #555;
	line-height:18px;
	padding:3px 5px;}
	.inputbox:hover,
	.inputbox:focus { background:#fff; border-color:#ccc;}
	.inputbox:focus	{color:#333;}
	
textarea { 
	width: 90%; 
	height: 200px; 
	border: 1px solid #E6E6E6;
	color: #999;
	padding:5px 8px;
	margin:0.5em 0.5em 0.5em 0;
	overflow:hidden; }
	textarea:hover,
	textarea:focus { background:#F9F9F9;}
	textarea:focus {color:#333}


select { 
	border:1px solid #E6E6E6;
	width:300px;
	color: #999;
	padding:2px 2px 2px 4px!important;
	outline:none;}
	select:focus { 
		background:#fff}

/* Other */
form p img {
	float:none;
	margin:0;
	vertical-align:middle}


/* Success, Notice and Error Form Messages */
.success,
.notice,
.error { 
	padding:10px 15px;
	margin-bottom: 1em; 
	background:#F9F9F9;}
	.success { 
		color: #529214; }
		.success a { 
			color: #529214}
	.notice { 
		color: #777; }
		.notice a { 
			color: #817134}
	.error { 
		color: #D12F19; }
		.error a { 
			color: #D12F19}

	
/* Buttons 
-------------------------------------------------------------- */

	
/* Button */
/* rounded buttons */
p.buttonarea {
	border:1px solid #e9e9e9;
	margin:0 0 2em 0;
	zoom:1;
	padding:15px;}

.round {
	cursor:pointer; 
	color:#555!important;
	cursor:hand; 
	line-height:30px;
	background:url(button.png) no-repeat right top; 
	padding-right:15px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
}

.round span { 
	background:url(button.png) no-repeat left top; 
	height:30px;
	display:block;
	display:inline-block;
	padding-left:15px; 
	line-height:30px;
}

	
	
	/*button tag*/
	
	button {border:0; border:none; background:transparent; width:1; overflow:visible; white-space:nowrap; padding:0 2px; cursor:pointer; cursor:hand;}
	
	button:hover .round {background-position:right bottom;}
	button:hover .round span {background-position:left bottom;}
	
	.round:hover {background-position:right bottom;}
	.round:hover span {background-position:left bottom;}
	
/* end rounded buttons */


/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

		
/*---------------
 Main Nav
----------------*/

#nav{
	height:45px;
	margin:0 -9px 0 -10px;
	z-index:9999;
	position:relative;
	overflow:visible;
	background:#2A2111 url(nav.jpg) no-repeat center center;}
	#nav .padding { padding:0 9px 15px 20px} 	
	
	
/* this is the main UL element*/
#nav ul.menu-nav {
	margin:0;
	padding:0;
	list-style:none;
	height:45px;}
	
	/* first childs */
	#nav ul.menu-nav ul{
		margin:0;
		padding:0;
		list-style:none;}
		
	/* second childs */
	#nav ul.menu-nav ul ul{
		margin:0;
		z-index:2;}
		

#nav ul.menu-nav li{
	margin:0; 
	padding:0;
	cursor:pointer;}

#nav ul.menu-nav li a{
	text-decoration:none;
	display:block;
	height:45px;
	cursor:pointer;
	line-height:47px;
	font-size:1.10em;
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin:0;
	padding-right:22px;
	color:#D69929;
	background:url(nav_item_border.png) no-repeat right center;}
	#nav ul.menu-nav li a span{
		display:block;
		height:45px;
		padding-left:22px;}
	
	#nav ul.menu-nav li a:hover{
		text-decoration:none;
		color:#F7EBD4}
		

/* these are the LIs that only belong to submenu*/
#nav ul.menu-nav ul li{
	border:1px solid #3D2E0F;
	border-top:0;
	width:200px;
	background:#2B1F09;}
	
		
/* First Childs */
#nav ul.menu-nav ul a{
	text-decoration:none;
	display:block;
	height:30px;
	text-align:left;
	line-height:32px;
	padding:0;
	font-size:1em;
	text-transform:none;
	letter-spacing:0;
	color:#FFB119;
	background-image:none;}
	
	
					
					
/* Current Menu Item decoration - Parents */
#nav ul.menu-nav li#current a { background:url(nav_item_right.jpg) no-repeat top right; margin:-4px 0 -1px; height:50px; line-height:56px; color:#F7EBD4;}
#nav ul.menu-nav li#current a span { background:url(nav_item_left.jpg) no-repeat top left; height:50px; display:block;}

/* Make also the parent item active when a child is active */
#nav ul.menu-nav li.active a { background:url(nav_item_right.jpg) no-repeat top right; margin:-4px 0 -1px; height:50px; line-height:56px; color:#F7EBD4;}
#nav ul.menu-nav li.active a span { background:url(nav_item_left.jpg) no-repeat top left; height:50px; display:block;}
#nav ul.menu-nav li li.parent { background:#2B1F09 url(nav_drop_arrow.png) no-repeat center right}

#nav ul.menu-nav li.active  ul { margin-top:-5px}
#nav ul.menu-nav li.active li a { background:none; height:30px; line-height:32px; color:#FFB119; margin:0;}
#nav ul.menu-nav li.active li a span { background:none; height:none; height:none;  display:block;}
	#nav ul.menu-nav li.active li a:hover { color:#F7EBD4}

/* Current Menu Item decoration - Childs */
	
#nav ul.menu-nav li li#current a{ background:#523D14; height:30px; line-height:32px; color:#F7EBD4;}
#nav ul.menu-nav li li#current a span { background:none; height:30px; display:block;}

#nav ul.menu-nav li#current ul { margin-top:-5px}	
#nav ul.menu-nav li#current li a { background:none; height:30px; line-height:32px; color:#FFB119; margin:0;}
#nav ul.menu-nav li#current li a span { background:none; height:30px; display:block;}
	#nav ul.menu-nav li#current li a:hover { color:#F7EBD4}
		
		
/*---------------
 Other Menu
----------------*/

#othermenu {
	margin:2px  -9px  15px -9px;
	overflow:hidden;
	position:relative;}
	#othermenu ul{
		margin:0;
		float:left;
		list-style-type:none;}
		#othermenu ul li{
			width:194px}
			#othermenu ul li a{
				display:block;
				/*height:30px;*/
				color:#666;
				background:#F4E8C8 url(othermenu_arrow.jpg) no-repeat 4% 50%;
				margin-bottom:1px;
				line-height:20px;
				padding:6px 0 6px 27px;
				font-family:Arial;
				cursor:pointer;
				font-size:12px;}
				#othermenu ul li a:hover {
					text-decoration:none;
					color:#993300;	}
		
		#othermenu ul li.active a { /* When is active */
			color:#993300;	
			background:#F4E8C8 url(othermenu_arrow_active.jpg) no-repeat 2% 53%;}	
		
					
					/* Second Level */
					#othermenu ul ul{ float:none; }
						#othermenu ul ul li a {	
							padding:0 15px 0 30px;
							display:block;
							color:#666!important;
							border-bottom:1px solid #fff;
							background:#FBF7EB url(menu_point.jpg) no-repeat 5% 49%!important}
							#othermenu ul ul li a:hover,
							#othermenu ul ul li#current a{
								background:#F8F0DD url(menu_point_hover.jpg) no-repeat 5% 49%!important}
							#othermenu ul ul li#current a { color:#333!important}	
				
		
							
/*===========================///////////////////-===========================
					            Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
	margin:0;
	float:left;}
	ul#topmenu li{
		list-style-type:none;
		display:inline;
		margin:0 7px;}
		ul#topmenu li a { color:#A47119;}
			ul#topmenu li a:hover{ color:#D69929; }/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

/*===========================///////////////////-===========================
					       General Layout Styles 
===========================///////////////////-===========================*/
	
/* Accessibility */
#accessibility{
	overflow: hidden;
	width: 0;
	height: 0;
	display:none;}

/* Wrapping */
.wrapper_full { width:100%;}
	.wrapper  { width:970px; margin:0 auto;}

/* Set some default styles for Float, Width, Separator and TextAlight */
.floatleft	{	float:left; overflow:hidden }
.floatright {	float:right; overflow:hidden}

.width1 { width: 150px; } /* Propotion 1/6 */
.width2 { width: 182px; } /* Propotion 1/5 */
.width3 { width: 230px; } /* Propotion 1/4 */
.width4 { width: 474px; } /* Propotion 1/3 */
.width5 { width: 470px; } /* Propotion 1/2 */
.width6 { width: 950px; } /* Propotion 1/1 */

.width15 { width:182px; }  /* Propotion 1/5 */
.width25 { width:374px; }  /* Propotion 2/5 */
.width35 { width:566px; }  /* Propotion 3/5 */
.width45 { width:748px; }  /* Propotion 4/5 */

.width2-3 { width:278px  } /* needed for modules  */


.separator { margin-right:7px;}

.aligncenter { text-align:center;}
.alignright  { text-align:right;}


	
/*===========================///////////////////-===========================
					               Header 
===========================///////////////////-===========================*/

#header {
	background:#2A2211 url(header.jpg) repeat-x top left;
	height:205px;
	color:#EADEA1;}
	#header a { color:#af2713}
	
	#header .lighteffect{ background: url(header_light.jpg) no-repeat top center;}
		

/*---------------
 UserArea 
----------------*/
#userarea { 
	padding:0 0 0 10px;
	height:25px;
	line-height:40px; 
	position:relative;
	overflow:visible }
				
				
		
/* Font Switcher */
ul#fontswitcher {
	float:right;
	margin:10px 0 0;
	padding:0;
	z-index:99;
	overflow:visible;
	position:relative;} 
	ul#fontswitcher li {
		list-style-type:none;
		float:left;
		margin:0;}	
		ul#fontswitcher li a {
			text-align:center;
			width:15px;
			height:35px;
			margin-right:1px;
			line-height:35px;
			display:block;
			border-bottom:none;
			height:25px;}
			ul#fontswitcher li a:hover { border-bottom:none}
			ul#fontswitcher li.largefont  a{  background:url(font_large.png) no-repeat top}
			ul#fontswitcher li.normalfont a{  background:url(font_normal.png) no-repeat top}
			ul#fontswitcher li.smallfont  a{  background:url(font_small.png) no-repeat top }	
			
				ul#fontswitcher li.largefont  a:hover{  background-position: bottom}
				ul#fontswitcher li.normalfont a:hover{  background-position: bottom}
				ul#fontswitcher li.smallfont  a:hover{  background-position: bottom }	

/* Current Date */
#currentdate {
	float:right;
	margin-right:15px;
	position:relative;
	overflow:visible;
	z-index:99}
														 
/*---------------
 Header Child
----------------*/

#header_child { 
	height:135px;
	margin:0 -9px 0;
	position:relative;
	background:#3E2F1A url(header_child.jpg) no-repeat top center;}
	
	#header_child .padding { padding:15px 9px 15px 19px} 			


/* Banner */
#banner {
	margin:30px 0 0}
	
	#banner img {border:2px solid;}
	
ul.bannermod {
	margin:0}
	ul.bannermod li {
		list-style-type:none;
		margin:0;}	
		ul.bannermod li img {
			margin:0;
			float:none}

/* Logo */			
#logo {
	position:relative;
	margin-bottom:-20px; }			

	
/*===========================///////////////////-===========================
					               Promo 
===========================///////////////////-===========================*/
	
#promo {
	background:url(promo.jpg) repeat center bottom;
	border-top:1px solid #B49862;
	clear:both;
	border-bottom:1px solid #B49862;
	color:#EADEA1;
	position:relative;
	overflow:hidden;
	padding:15px 0 15px 20px;}
	
/* Promo Modules */
	#promo .icemodule {
		border:none;
		padding:0;
		margin:0;
		background: url(promo_mod_br.jpg) no-repeat bottom right;}
		#promo .icemodule div {
			background: url(promo_mod_bl.jpg)  no-repeat bottom left;}
			#promo .icemodule div div {
				background: url(promo_mod_tr.jpg)  no-repeat top right}
				#promo .icemodule div div div {
					background: url(promo_mod_tl.jpg)  no-repeat top left}
				#promo .icemodule div div div div {
					background:none;
					margin: 0;
					padding: 0 7px 10px 8px;
					float: none;
					overflow: hidden;}
					#promo .icemodule h3 {
						margin:0 0 17px;
						text-align:center;
						padding:12px 3px 0 0;
						border:none;
						color:#F7EBD4;
						font-weight:normal;
						white-space: nowrap;
						font-size:1.2em;}	


/*---------------
 Promo Child
----------------*/
 
#promo_child {
	background: url(promo_child.jpg) no-repeat top center;
	position:relative;
	color:#EADEA1;
	overflow:hidden;
	height:60px;}
	#promo_child .wrapper{ padding:0 0 0 40px}


/*Search Module */
#searcharea {
	width:190px;
	margin:11px 0 0 0}

#search_bg {
	width:180px;
	height:27px;
	background:url(search_bg.jpg) no-repeat top left;}
	#search_bg:hover { 	background-position:bottom left;}
	
	#search_bg form {
		margin: 0 0 -5px}
	
	#search_bg label{
		overflow:hidden; 
		display:none; 
		height:0; 
		width:0}
	#search_bg .inputbox {
		width:140px;
		margin:0 0 0 0;
		padding:0 0 2px;
		background:none;
		border:none;
		color:#6E6557;}
		#search_bg .inputbox:focus	{color:#9A947E}

	#search_bg .button{
		float:none;
		width:30px;
		height:30px;
		cursor:pointer;
		background:none;
		text-indent:-9999px;
		display:inline;
		color:#F2D287;
		border:none}
	
	#search_bg a.advanced { margin-left:10px; }
		#search_bg a.advanced:hover { }
		
	

/*===========================///////////////////-===========================
					               Content 
===========================///////////////////-===========================*/

#content { 
	padding:0;
	background:url(content.jpg) repeat top left}

#content .gradient_top { background:url(content_gradient_t.png) repeat-x top left}

#content .lighteffect { 
	background:url(content_light.jpg) no-repeat center top; 
	padding:30px 0 0}


 #content .main_bg_top {
	background:url(content_main_top.png) no-repeat top center;
	height:22px;
	overflow:visible; 
	position:relative;
	margin:0 auto -12px;
	z-index:99}

 #content .main_bg_bottom {
	background:url(content_main_bottom.png) no-repeat top center;
	height:51px;
	overflow:visible; 
	position:relative;
	margin:-45px -9px 0;
	z-index:109}
	
	
#content .main_border {
	background:url(content_main_border.png) repeat-y top center;
	margin:0 -7px 0;
	padding:0 9px;
	overflow:visible;
	position:relative;
	z-index:89;} 
	
#content .wrapper{ 
	position:relative;
	overflow:hidden;
	clear:both;
	width:992px;}	
	
	#content .wrapper .padding { padding:0 10px} 
	
	
	
/* Begin Columns */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		z-index:79}
		
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			
		position:relative;}
		
	.maincol,
	.leftcol,
	.rightcol {
		float:left;
		position:relative;
		padding:15px 0;	
		overflow:visible;
	}

	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:0;			    /* left/right column width */
		background:#fff;		/* maincol bg colour */
	}
	.threecol .colleft {
		right:100%;			    /* maincol width  */
		background:#FCF8EF;		/* left column background colour */
	}
	.threecol .maincol {
		width:98%;				/* maincol width - 2 */
		left:101%;				/* 100% plus left padding of center column */
	}
	.threecol .leftcol {
		width:18%;				/* leftcol width - 2 */
		position:relative;
		left:23%;				/* rightcol width + 3 */
	}
	.threecol .rightcol {
		width:18%;				/* rightcol width - 2*/
		left:85%;				/* 100% - leftcol width + 2 + 2 + 1*/
	}

/* Content Modules*/
							
/* Left Column and Right Column Module Decoration */
.leftcol .icemodule, 
.rightcol .icemodule{
	min-width:110%;
	margin:0 -9px;
	background: url(icemodule_header.png) repeat-x top left;}
		.leftcol .icemodule div, 
		.rightcol .icemodule div{} 
			.leftcol .icemodule div div, 
			.rightcol .icemodule div div{}
					.leftcol .icemodule div div div, 
					.rightcol .icemodule div div div{
						overflow:hidden;
						position:relative;
						clear:both;}
						.leftcol .icemodule h3,
						.rightcol .icemodule h3 {
							color:#555;
							text-align:center;
							margin:0 -5px 10px;
							padding:10px 9px 7px 3px;
							font-size:1.2em;
							position:relative;
							overflow:visible;
							z-index:9999}
					


.leftcol .icemodule div  { background: url(icemodule_leftcol_light.png) no-repeat 0 0 ;}
.rightcol .icemodule div { background: url(icemodule_rightcol_light.png) no-repeat 100% 0 ;}

.leftcol .icemodule div div { background: url(icemodule_leftcol_circle.png) no-repeat 100% 8px;  margin-right:-3px;}
.rightcol .icemodule div div  { background: url(icemodule_rightcol_circle.png) no-repeat 0 8px;  margin-left:-4px;}

.leftcol .icemodule div div div { padding:0  7px 5px 5px;}
.rightcol .icemodule div div div { padding:0  5px 5px 10px;}	
	
/* change button image for left and right modules */
	.leftcol .icemodule  .round,
	.rightcol .icemodule  .round,
	.leftcol .icemodule   .round span,
	.rightcol .icemodule  .round span {
		background-image:url(button_icemodule.png)}

/* Main Column Module */
.maincol .icemodule {
		border:none;
		overflow:hidden;
		padding:0;
		margin:0 0 15px 0;
		background: url(module_ice_br.gif) no-repeat bottom right;}
		.maincol .icemodule div {
			padding: 0;
			background: url(module_ice_bl.gif) no-repeat bottom left;}
			.maincol .icemodule div div {
				padding: 0;
				background: url(module_ice_tr.gif) no-repeat top right;}
				.maincol .icemodule div div div{
					background: url(module_ice_tl.gif) no-repeat top left;}
					.maincol .icemodule div div div div {
						margin: 0;
						padding: 10px;
						overflow:show;
						background: none;}
						.maincol .icemodule h3 {
							color:#333;
							margin:0 0 10px;
							border-bottom:1px dashed #D9D9D9;
							padding:0 1px 5px;
							white-space: nowrap;
							font-size:1em;
							font-weight:bold;}

		
/* IceModule with suffix style1 */
.icemodulestyle1 {
		border:none;
		padding:0;
		margin:10px 0 5px;
		background: url(icemodule_style1_line.jpg) repeat-y top center;
		padding:0}
		.icemodulestyle1 div {
			background: url(icemodule_style1_t.jpg) no-repeat top center;}
			.icemodulestyle1 div div {
				background: url(icemodule_style1_b.jpg) no-repeat bottom center;}
				.icemodulestyle1 div div div {
					background: none;
					margin: 0;
					min-height:100px;
					padding:5px 6px 5px;
					float: none;
					overflow: hidden;}
					.icemodulestyle1 h3 {
						margin:0 0 20px;
						text-align:left;
						z-index:99;
						color:#222;
						text-align:center;
						padding:0;
						white-space: nowrap;
						font-size:1.1em;}

/* IceModule with suffix style2 */
.icemodulestyle2 {
	border:none;
	padding:0;
	min-width:110%;
	margin:0 -9px;
	padding:0}
	.icemodulestyle2 div {
		   }
		.icemodulestyle2 div div {}
			.icemodulestyle2 div div div {
				background: none;
				margin: 0;
				padding:5px 6px 5px;
				float: none;
				overflow: hidden;}
				.icemodulestyle2 h3 {
					margin:0 -15px 5px;
					text-align:left;
					background: url(icemodule_style2_t.jpg) repeat-x bottom center;
					z-index:99;
					color:#555;
					font-weight:bold;
					text-align:center;
					padding:1px 0 18px;
					white-space: nowrap;
					font-size:1em;}



#usertopmods {
	position:relative;
	overflow:hidden;
	clear:both;
	margin:0 -3px 15px }
	
#userbottommods {
	position:relative;
	overflow:hidden;
	clear:both;
	margin:15px -3px 0 }	
	
	
												
/*===========================///////////////////-===========================
					              Bottom 
===========================///////////////////-===========================*/

#bottom { 
	background:#3B2E12 url(bottom.jpg) repeat top left;
	color:#EADEA1;
	min-height:150px;
	margin:-50px 0 0;
	padding:70px 0 0 0;
	border-top:1px solid #7B5938;
	border-bottom:1px solid #584027}
	
	#bottom .wrapper{ margin:-40px auto 0; width:955px; padding-left:5px;} 
	
	#bottom #bottom_top { background: url(bottom_top.png) repeat-x top left; height:60px; margin-top:-70px;}
	#bottom #bottom_bottom {background: url(bottom_bottom.png) repeat-x top left; height:60px; margin-top:-40px  }


#bottom .lighteffect { 
	background:url(bottom_light.jpg) no-repeat center top;
	min-height:120px;
	margin-top:-12px;}
					

	
	/* Bottom Modules */
	#bottom .icemodule {
		border:none;
		padding:0;
		position:relative;
		overflow:visible;
		z-index:99;
		margin:15px 0 0;
		border:1px solid #4D3718;
		-moz-border-radius:8px;
		-moz-border-radius:8px;
		background:url(bottom_mod_bg.png) repeat top left;}
				#bottom .icemodule div div div div {
					background:none;
					margin: 0;
					padding: 0 7px 10px 10px;
					float: none;
					overflow: hidden;}
					#bottom .icemodule h3 {
						margin:0 0 8px;
						text-align:center;
						padding:12px 3px 6px 0;
						border-bottom:1px dashed #4D3718;
						color:#D69929;
						font-weight:normal;
						white-space: nowrap;
						font-size:1.2em;}	



/*===========================///////////////////-===========================
					               Footer 
===========================///////////////////-===========================*/
	
#footer { 
	background:#372308  url(footer.jpg) repeat top left;
	color:#EADEA1;
	clear:both;
	padding-left:10px;
	height:60px;
	line-height:62px;}
	
	#footer p{ margin:0; color:#905913} 
	
	
	/* Go To Top Image */
	#footer a#gotop { 
		width: 59px;
		height: 47px;
		margin:0 auto;
		margin-top:12px;
		display:block;
		background: url(footer_arrow.jpg) no-repeat top left;}
		#footer a#gotop:hover { background-position: bottom left} 
		#footer #gotop  span {
			display: none;}	


    /* Footer Images ( Valid CSS, XHTML and RSS Icon ) */
	ul#footer_imgs {
		margin:24px 0 0;
		float:right}
		ul#footer_imgs li {
			list-style-type:none;
			float:left }
			ul#footer_imgs li a {
				width:71px;
				height:24px;
				margin-left:7px;
				float:left;
				display:block;}
				ul#footer_imgs li a span {
					display: none;}	
			
			
			ul#footer_imgs li#vxhtml a { background:url(vxhtml.jpg) no-repeat top left}
				ul#footer_imgs li#vxhtml a:hover { background-position:bottom left }
			ul#footer_imgs li#vcss a   { background:url(vcss.jpg) no-repeat top left}
				ul#footer_imgs li#vcss a:hover { background-position:bottom left }
				
			ul#footer_imgs li#rssimg a   { background:url(rssimg.jpg) no-repeat top left; width:40px;	height:31px; margin:-6px 0 0 25px; }
				ul#footer_imgs li#rssimg a:hover   { background-position: bottom left}
	





/*===========================///////////////////-===========================
					            Joomla Default
===========================///////////////////-===========================*/

/* Homepage and Category Content
-------------------------------------------------------------------*/
.contentdescription {
	margin-bottom:30px}

 h2.contentheading {
	float:left;
	font-size:2em;
	margin:0 0 .1em}

	p.buttonheading {
		float:right;
		margin:15px 0 0;}
		p.buttonheading img{
			margin:0 5px 0 0 }
		
	p.iteminfo {
		clear:both;
		color:#999;
		margin-bottom:10px;}
		p.iteminfo span.modifydate {display:block;font-weight:bold; margin-right:15px; color:#555; margin:2px 0 5px}
		p.iteminfo span.createdby { margin-right:15px}
		p.iteminfo span.createdate {	}

 .readmorearea {
	clear:both;}
	.blog p.readmore {
		float:left }
	.blog p.pageinfo {
		float:right;
		clear:both;
		margin-top:4px;}
			
.blog_content{
	margin-top:-5px;
	clear:both;}
	.blog_content img{
		background:#FCF7EC;
		border:1px solid #e6e6e6;
		padding:7px;
		margin:0 13px 5px 0}
		
/* separate content in 2 columns */
.article_row {}	
	.article_row h2.contentheading{
		font-size:1.2em;
		font-weight:bold;
		width:75%;}	
	.article_row p.buttonheading  {
		margin:5px 0 0}
		
		
.article_row {
	clear:both;
	margin:10px 0 20px;
	position:relative;
	overflow:hidden;}	
	.article_row .cols2  {
		width:48.5%;
		position:relative;
		overflow:hidden;}
		.article_row .column1 {
			float:left;
			padding-right:10px;
			border-right:1px solid #e9e9e9;}
		.article_row .column2 {
			float:right;
			margin-top:-20px;
			padding-bottom:2px;
			position:relative;
			overflow:hidden;
			padding-left:10px;}
	
/* More Articles option on the end of blog items */
.blog_more {
	margin-bottom:30px;}
	.blog_more h2 {
		font-size:1.5em}
		.blog_more ul {
			margin:0;}
			.blog_more ul li {
				list-style-type:none;}
				.blog_more ul li a{
					display:block;
					padding:5px 10px;
					float:left;
					width:46%;
					margin:0 1px 1px 0;
					text-decoration:none;
					border:1px solid #e9e9e9}
					.blog_more ul li a:hover {
						background:#FEFBF6;
						color:#555}
			
/* Pagination */
p.counter {
	font-size:1.3em;
	font-weight:bold;
	margin:10px 0 10px}
	
ul.pagination {
	float:left;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	padding:15px 0;
	width:100%;
	margin:0 0 30px;}
	ul.pagination li {
		float:left;
		list-style-type:none;
		padding:5px 12px 3px;
		border:1px solid #e9e9e9}
		ul.pagination li a {}
			ul.pagination li a:hover {
				text-decoration:none;
				color:#555;}			
			

/* This styles are for articles page */
#page h1{
	font-size:2.25em;
	float:left;}
#page p.buttonheading {
		float:right;
		margin:15px 0 0;}
			
#page p.pageinfo {
	border-top:1px solid #e9e9e9;
	position:relative;
	overflow:hidden;
	text-align:center;
	padding:8px 0;
	border-bottom:1px solid #e9e9e9}	
				
/* --- Close Homepage and Category Content ------------------------------------------------------------- */




/* Search Component for the search page */
#searchpage .searchintro {
	background:#F9F9F9;
	padding:5px 15px 0;
	position:relative;
	overflow:hidden;
	clear:both}
#searchpage .searchintro p.left { float:left}
#searchpage .searchintro p.right { float:right}	
#searchpage ol p {	margin-bottom:1em}
#searchpage ol span.discategory{ color:#999}


/* Pagination */
ul.pagination {
	float:left;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	padding:15px 0;
	width:100%;
	margin:0 0 30px;}
	ul.pagination li {
		float:left;
		list-style-type:none;
		padding:2px 10px;
		border:1px solid #e9e9e9}
		ul.pagination li a {}
			ul.pagination li a:hover {
				text-decoration:none;
				color:#555}


/* Latest Newss */
ul.mostreadmod,
ul.latestnews {
	margin:0 -8px;}
	ul.mostreadmod li,
	ul.latestnews li {
		list-style-type:none;}
		ul.mostreadmod li a,
		ul.latestnews li a{
				display:block;
				padding:0 15px 0 25px;
				height:30px;
				white-space: nowrap;
				line-height:32px;
				text-decoration:none;
				background:#fff url(menu_point.jpg) no-repeat 4% 54%;
				border-bottom:1px solid #F0F0F0;}
				ul.mostreadmod li a:hover,
				ul.latestnews  li a:hover{
					color:#333; 
					text-decoration:none;
					background-color:#FBF6EA; 
					background-image:url(menu_point_hover.jpg)}
	

/* BreadCrumbs	*/
#breadcrumbs { 
	margin:-15px 0 15px;
	padding:0;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	border:1px solid #dedede;
	border-top:none;
	float:left;
	height:35px;
	line-height:35px;
	width:99.5%;
	clear:both}
	#breadcrumbs p {
		display:inline;
		float:left;
		margin:0}
		#breadcrumbs ol{
			list-style-type:none;
			float:left;
			margin:0}
			#breadcrumbs ol li { 
				float:left;
				background:url(breadcrumbs_sep.png) no-repeat right center; 	padding:0 19px 0 10px;}
				#breadcrumbs ol li a {
					display:block;
					margin:0;}
				#breadcrumbs ol li.last {
					background:none;}
				#breadcrumbs ol li.last span { 
					margin:0 0 0 0}	
	
/* Login Module */
form.loginform fieldset {
	margin:18px 0 0;
	padding:0;
	border:none;}
	
form.loginform legend  {
	margin:0;
	display:none;
	color:#A5996B;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 5px;
	font-size:1em;
	background:none;
	border:none;}

form.loginform label{
		overflow:hidden; 
		display:none; 
		height:0; 
		width:0}
		
form.loginform p.login_bg {
	background:url(login_input.png) no-repeat center;
	width:140px;
	height:27px;
	margin: 0 0 5px}
			
form.loginform .inputbox {
	width:120px;
	color:#6E6557;
	background:none;
	height:27px;
	margin:0 10px 0 0;
	padding:5px 0 0 0;
	border:none;}
	form.loginform .inputbox:focus {
		color:#9A947E}
	
	form.loginform ul{ list-style-type:none; margin:8px 0 0 10px; float:left  }
	form.loginform ul li { padding:0 5px 0 0; float: left; }
	
form.loginform p.login_button {
	width:140px;
	height:27px;
	float:left;
	margin: 0 0 5px -70px;}

form.loginform .button {
	background:url(login_button.png) no-repeat;
	border:none;
	float:none;
	height:27px;
	line-height:27px;
	width:70px;
	color:#A5996B;
	padding:0;
	margin:0;
	cursor:pointer;}
	form.loginform .button:hover {
		color:#D69929}

form.logout p {
	margin:40px 20px 0 0; }

form.logout .button{ 
	margin:15px 0 0 }
	
/* Some Browsers hack */

/* For Google Chromme and Safari 3.1*/
body:nth-of-type(1) #nav ul.menu-nav ul{ margin-top:22px;}
body:nth-of-type(1) #nav ul.menu-nav ul ul{ margin-top:0;}
body:nth-of-type(1) #nav ul.menu-nav ul ul li{ margin-left:122px}
body:nth-of-type(1) #nav ul.menu-nav ul ul ul li{ margin-left:154px}/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */


/* IceAccordion 
-------------------------------------------------------------------*/

.iceaccordion {
	margin:0 -9px 15px;
	position:relative;
	overflow:visible;}

	
	.iceaccordion h3.iceaccordion-toggler{
		margin:0;
		background:#F0DFB9 url(iceaccordion_bg.jpg) repeat-x center;
		border-bottom:none;
		color:#ccc;
		height:30px;
		line-height:32px;
		padding:0 10px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1em;
		cursor: pointer;} 
		
	.iceaccordion .iceaccordion-content .padding { padding:10px}	
	.iceaccordion .iceaccordion-content p { margin:5px 0; padding-bottom:10px;} 		
		
			
/* IceSlider ImageSlide */
.iceslider_imageslide .icemodule { position:relative; padding:0; margin:0;}
.iceslider_imageslide .icemodule div div div { padding:0}
.iceslider_imageslide .icemodule div div div div { margin: 0 auto; padding:3px 0 7px; overflow: hidden;}
							
	.iceslider_imageslide ul {
		margin:-40px 12px 0;
		float:right;
		z-index:1;
		position:relative;
		width:122px;
		height:27px;
		text-align:center;
		padding:5px 0 0 8px;
		background:url(iceslider_imageslide_arrowbg.png) no-repeat}
		.iceslider_imageslide ul li{
			list-style-type:none;
			float:left;
			width: 25px;
			height: 18px;
			cursor:pointer;
			background:url(iceslider_imageslide_buttons.png) no-repeat 0 0}
			.iceslider_imageslide ul li.imageslide_prev { background-position:0 0}
			.iceslider_imageslide ul li.imageslide_next { background-position:-25px 0 }
			.iceslider_imageslide ul li.imageslide_stop { background-position:-50px 0}
			.iceslider_imageslide ul li.imageslide_play { background-position:-75px 0}
			
		.iceslider_imageslide ul li span { /* Hide Text */
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;}
	
	.iceslider_imageslide ol {
		margin:0;
		padding:0;
		position:relative;
		overflow:hidden;}
			.iceslider_imageslide ol li{
				list-style-type:none;
				margin:0;
				display:block;
				float:left;
				padding:0}

.iceslider_imageslide_content {
	position:relative;
	width:546px;
	height:230px;
	overflow:hidden;}
.iceslider_imageslide_box {
	position:absolute}
	
	
	
/* IceSlider TabularSlide */	

.iceslider_tabularslide ul.slidingul {
	margin:0 0 5px;
	float:left;
	padding-left:15px;
	height:48px;
	width:97%;
	line-height:35px;
	background:#F7F6F2 url(iceslider_tabularslide_gradient.png) repeat-x bottom left;}
	.iceslider_tabularslide ul.slidingul li {
		float:left;
		list-style-type:none;
		cursor:pointer;
		margin:0;
		font-size:1.1em;
		height:48px;
		color:#777}
		.iceslider_tabularslide ul.slidingul li:hover {
			color:#222}
		.iceslider_tabularslide ul.slidingul li span {
		display: block;
		height: 32px;
		float: left; /* IE 6 Fix */
		padding: 0 25px;
		background: url(iceslider_tabularslide_navsep.png) center right no-repeat;}
		.iceslider_tabularslide ul.slidingul li.active { 
			background: url(iceslider_tabularslide_navright.png) top right no-repeat;
			color:#555;
			margin-left:-1px;
			padding-left:1px;}
			.iceslider_tabularslide ul.slidingul li.active span {
				height:32px; 
				background: url(iceslider_tabularslide_navleft.png) top left no-repeat;}
		
.iceslider_tabularslide_content {
	position:relative;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;}
		.iceslider_tabularslide_content div{
			float:left;}
		.iceslider_tabularslide_content div img{ position:relative}
		
.iceslider_tabularslide_box {
	position:absolute}	

	.iceslider_tabularslide_content h3 { font-size:1.4em; color:#777; font-family:Georgia, "Times New Roman", Times, serif; line-height:1;}
	
.iceslider_tabularslide hr { margin:0 auto 10px!important}

	

/* IceSlider CarouselSlide */
.iceslider_carouselslide {
	overflow:hidden;
	position:relative;}
	
.iceslider_carouselslide_content {
	clear:both;
	position:relative;
	margin-left:15px;
	overflow:hidden;}
		.iceslider_carouselslide_content div{
		float:left;}
		.iceslider_carouselslide_content div img{ position:relative; float:right; margin:4px 25px 5px 10px;border:3px solid;}
		
.iceslider_carouselslide_box {
	position:absolute}	
	
	.iceslider_carouselslide_content h3 { font-size:1.3em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; line-height:1;}


.iceslider_carouselslide ul.slidingbuttons {
	margin:7px 0 0  0;
	float:right;
	clear:both; }
	.iceslider_carouselslide ul.slidingbuttons li{
		list-style-type:none;
		cursor:pointer;
		width:30px;
		height:20px;
		float:left;
		margin:0 2px 0 0 }
		.iceslider_carouselslide ul.slidingbuttons li span {
			display:none}
		
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_prev{ background:url(iceslider_carouselslide_prev.png) no-repeat center}
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_next{ background:url(iceslider_carouselslide_next.png) no-repeat center}
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_stop{ background:url(iceslider_carouselslide_stop.png) no-repeat center}
		.iceslider_carouselslide ul.slidingbuttons li.carouselslider_play{ background:url(iceslider_carouselslide_play.png) no-repeat center}
		

/* IceScroller */

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;}


 .icescroller ul{ 
	margin:0;
	background:#eee;
	list-style:none}
	 .icescroller  ul li{
		list-style:none;
		text-decoration:none; }
		 .icescroller  span{ color:#D69929}
		
	
/* IceSlideShow */
.ice_slideshow { 
	position: relative;
	float:left;
	padding: 0;
	width: 565px; 
	height:200px;}

.ice_slideshow .iceslideshow_list, 
.ice_slideshow  .iceslideshow_pictures, 
.ice_slideshow .iceslideshow_loading { position: absolute; margin:0 }

.ice_slideshow .iceslideshow_loading { 
	background: url(iceslideshow_loader.gif); 
	display: block; 
	top: 36%; 
	left: 29%; 
	text-indent: -5000px; 
	width: 50px; 
	height: 50px; 
	visibility: hidden;
	z-index: 5; }

.ice_slideshow  .iceslideshow_pictures { 
	background: url(iceslideshow_bg.jpg);
	width: 384px; 
	height: 200px; 
	left: 0; 
	overflow: hidden;}
	.ice_slideshow .iceslideshow_pictures li { 
		display: block; 
		position: absolute; 
		top: 0; 
		width: 384px;}
	
.ice_slideshow .iceslideshow_list { 
	background: url(iceslideshow_list.jpg); 
	list-style-type: none; 
	width: 181px; 
	height: 180px; 
	right: 0; 
	padding-top: 20px; }
	.ice_slideshow .iceslideshow_list li { 
		display: block; 
		z-index: 1000; 
		position: relative; }
	.ice_slideshow .iceslideshow_list li a { 
		display: block; 
		text-decoration: none; 
		padding: 7px 0 10px 28px;
		z-index: 1000; 
		font-size:1.05em;
		color: #EADEA1; 
		line-height: 14px; 
		vertical-align: middle; }
		.ice_slideshow .iceslideshow_list li a:hover { color: #D69929; }

		.ice_slideshow .iceslideshow_list li.current a {
			color: #D69929; 
			padding: 5px 0 5px 13px; 
			line-height: 18px; }

		.ice_slideshow .iceslideshow_list li.background { 
			background: url(iceslideshow_arrow.png) no-repeat left center; 
			position: absolute; 
			font-size: 1px;
			margin-left:-14px; 
			width: 14px; 
			height: 20px; 
			z-index: 5; }		
			
			
			
			
			
			
			.threecol {
	background:#FBF6EA;		/* right column background colour */
	}
		
	.threecol .colmid {
		right:20%;			    /* left/right column width */
	}
	.threecol .colleft {
		right:80%;			    /* maincol width  */
	}
	.threecol .maincol {
		width:78%;				/* maincol width - 2 */
		left:101%;				/* 100% plus left padding of center column */
	}
	.threecol .rightcol {
		width:18%;				/* rightcol width - 2*/
		left:103%;				/* 100% - leftcol width + 2 + 2 + 1*/
	}
 
	
	
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:0;			    /* left/right column width */
	}
	.threecol .colleft {
		right:80%;			    /* maincol width  */
	}
	.threecol .maincol {
		width:78%;				/* maincol width - 2 */
		left:101%;				/* 100% plus left padding of center column */
		
	}
	.threecol .leftcol {
		width:18%;				/* leftcol width - 2 */
		left:3%;				/* rightcol width + 3 */
	}

 

	
	
	.threecol {
		background:#FBF6EA;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			    /* left/right column width */
		background:#fff;		/* maincol bg colour */
	}
	.threecol .colleft {
		right:60%;			    /* maincol width  */
		background:#FBF6EA;		/* left column background colour */
	}
	.threecol .maincol {
		width:58%;				/* maincol width - 2 */
		left:101%;				/* 100% plus left padding of center column */
	}
	.threecol .leftcol {
		width:18%;				/* leftcol width - 2 */
		left:23%;				/* rightcol width + 3 */
	}
	.threecol .rightcol {
		width:18%;				/* rightcol width - 2*/
		left:85%;				/* 100% - leftcol width + 2 + 2 + 1*/
	}