/*/////////////////////////////////////////////////////////////////////////////////////////////////

Page layout and background images for body

______________________
| |       |        | |		NOTE:the layout is three columns with the content
----------------------			in the middle column (col2), and then divided
| |     |          | |			into 4 rows with two columns in each row.
----------------------			Layout similar to illustration to the left.
| |     |          | |
----------------------
| |     |          | |
----------------------

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
@import url(index.css);
@import url(forms.css);
@import url(lists.css);
@import url(links.css);
@import url(menus.css);
@import url(extras.css);
@import url(headings.css);


body	{
	background: #D5B57E url(../images/system/bg_body.gif); 
	margin: 0; 
	padding: 0;
	font-size: 70%;
	height:100%;
	min-height:100%;
}

html, body{height:100%;} 
html,body {margin:0;padding:0}

#PageLayout	{
	background: transparent url(../images/system/bg_page.gif) 0px -1px repeat-x; 
	width: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 724px;
	min-height:100%; 
	height:auto;
}

* html #PageLayout{height:100%;}

#Page	{
	background: transparent url(../images/system/bg_page_col1.gif) 0 0 repeat-y; /*  repeating left hand background  */
	width: 991px; 
	height: 100%; 
	min-height:100%;
	z-index: 0; 
	position: absolute; 
	top: 0; 
	left: 0; 
	margin: 0; 
	padding: 0;
}

/**************************************************************************************************
Page columns
**************************************************************************************************/

#col1	{
	background: transparent url(../images/system/bg_col1.gif) no-repeat; 
	width: 25px; 
	position: relative; 
	top: 0; 
	left: 0; 
	float: left;
	min-height:100%; 
	height:100%;
}
* html #col1{height:100%;}

#col2	{
	background: white url(../images/system/bg_row3col1.gif) 0 -2px repeat-y;
	width: 950px; 
	height: 400px; 
	position: absolute; 
	top: 0; 
	left: 25px;
	min-height:100%; 
	height:auto;
}
* html #col2{height:100%;}

#col3	{
	background: transparent url(../images/system/bg_col3-col3.gif) 0px -3px no-repeat;
	position: absolute;
	top: 0;
	left: 975px;
	float: left;
	width: 16px;
	height: 100%;
}
* html #col3{height:100%;}

#col3bg	{
	background: transparent url(../images/system/bg_col3.gif) no-repeat; 
	height: 100%;
	width: 100%;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////

Page starts here

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/**************************************************************************************************
Page rows
**************************************************************************************************/

#Row1 /* Top section with logotype and top menu */	{
	height: 75px;
	width: 100%;
	background: white url(../images/system/bg_mainmenu_top.gif) bottom left no-repeat;
}

#Row2 /* Main menu, section menu, and banner images */	{
	clear: both;
	height: 289px;
	width: 100%;
}

#Row3 /* Page content */	{
	clear: both;
	width: 100%;
}

#Row4 /* Footer with menu and copyright information */	{
	clear: both;
	height: /*58px*/80px;
	width: 100%;
}

/*-------------------------------------------------------------------------------------------------
Row 1 contains 2 columns
-------------------------------------------------------------------------------------------------*/

#Row1Col1	{
	float: left;
	width: 271px;
	height: 36px;
	position: relative;
	top: 20px;
	left: 20px;
	background: transparent url(../images/system/logo_ch.gif) no-repeat;
}

#Row1Col2	{
	float: left;
	width: 615px;
	height: 36px;
	position: relative;
	top: 20px;
	left: 40px;
	padding: 0;
	text-align: right;
}

/*-------------------------------------------------------------------------------------------------
Row 2 contains 2 columns
-------------------------------------------------------------------------------------------------*/

#Row2Col1	{
	float: left;
	width: 226px;
	height: 290px;
	position: relative;
	top: 0;
	left: 0;
	z-index:3;
}

#Row2Col2	{
	float: right;
	width: 724px;
	position: relative;
	top: 0;
	left: 0;
	padding-bottom: 0px;
}

/*-------------------------------------------------------------------------------------------------
Row 3 contains 2 columns
-------------------------------------------------------------------------------------------------*/

#Row3Col1	{
	float: left;
	width: 213px;
	height: 100%;
	position: relative;
	top: 10px;
	left: 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 1em;
}

#Row3Col1_1	{
	float: left;
	width: 216px;
	height: 100%;
	position: relative;
	top: 10px;
	left: 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 1em;
}



html>body #Row3Col1	{
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	z-index: 4;
}




#Row3Col2	{
	float: right;
	width: 684px;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0;
	padding: 0 20px 20px 20px;
	margin: -25px 0 0 0;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: black;
	font-size: 1.1em;
	line-height: 1.5em;
}

html>body #Row3Col2	{
	padding: 0;
	margin: 0;
	margin-right: 10px;
}


/*`````````````````````````````````````````````````````````````````````````````````````````````````
Row3Col2 can be a two column content area
`````````````````````````````````````````````````````````````````````````````````````````````````*/
#ContentCol1	{
	width: 322px;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}
#ContentCol2	{
	width: 322px;
	float: left;
	position: relative;
	top: 0;
	left: 40px;
	height: 100%;
}

/*-------------------------------------------------------------------------------------------------
Row 4 contains 2 columns
-------------------------------------------------------------------------------------------------*/

#Row4Col1	{
	float: left;
	width: 186px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 20px;
}

#Row4Col2	{
	float: right;
	width: 724px;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	text-align: center;
}








/* leftnav */

#subnavwrapper { font-size:12px; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; width: 180px;}

#subnavwrapper ul { list-style-type: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}

#subnav ul li { padding-left: 0; cpadding-right: 0; margin-left: 0; margin-right: 0; font-weight: normal;}
	
#subnav ul li a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	padding-bottom:0px;
	clear: right;
	width: 180px;
	color:#273194;
	text-decoration: none;
	}

* html #subnav ul li a {width: 200px; font-size:11px;}

#subnav li { display: inline; color:#273194; float: left; clear: both; list-style-type:square; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
	
#subnav li a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	display: block; 
	color:#273194;
	text-decoration: none; 
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom:0px;
	margin-left: 0;
	margin-right: 0;
	text-decoration: none;
	}
	
#subnav ul ul a {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #fc8a56;
	width: 180px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 0;
	margin-right: 0;
	border-bottom: 1px solid #eee3d1;
	text-decoration: none;
	}
	
	
	
#subnav ul ul li a{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #fc8a56;
	font-size:12px;
	text-indent: 28px;
	padding-top:4px;
	padding-bottom: 4px;
	width: 180px;
	text-decoration: none;
	}
	
#subnav ul ul li a:visited{
	color: #fc8a56;
	font-size:12px;
	text-indent: 28px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 180px;
	text-decoration: none;
	}
	
#subnav ul ul li a:hover { color:#003964; text-decoration: none }

#subnav li ul a {padding-left: 0px;}

#subnav ul ul li a.navon { color:#003964; text-decoration: none;}
		
		
#subnav ul ul li a.subnav { 
		text-indent: 35px;
		font-size:11px;
		text-decoration: none;
		}
		
#subnav ul ul li a:visited.subnav { 
		text-indent: 35px;
		font-size:11px;
		text-decoration: none;
		}
		
#subnav ul ul li a.subnavon { 
		text-indent: 35px;
		font-size:11px;
		color:#003964;
		text-decoration: none;
		}
		
#subnav ul ul li a:visited.subnavon { 
		text-indent: 35px;
		font-size:11px;
		color:#003964;
		text-decoration: none;
		}
		
		

.shareprice { text-align:center; }
.sharepricehome { font-size:22px;}
.sharepricechangehome { font-size:12px; padding-top:5px; text-align:left; color:#666666;}



/* end of CSS.