﻿/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:300px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		font-family:Verdana
	}
	a {
	color: #369;
}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}
	h4 {
	margin: .8em 0 .2em 0;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	text-align:left;
	font-style:normal;
	font-weight:normal;	

	
}
	
	h3 {
	margin: .8em 0 .2em 0;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 30px;
	text-align:left;
	font-style:normal;
	font-weight:normal;	

}
	h2 {
	margin: 0 30px 10px 30px;
	padding: 0;
	font-family: Verdana;
	text-align:left;
	font-style:normal;
	font-weight:normal;	


}
	h1 {
	margin: 30px 30px 10px 30px;
	padding: 0;
	text-align:left;
	font-style:normal;
	font-weight:normal;	


}
	p {
	margin: 0;
	padding: 0 30px 10px 30px;
	text-align:left;
	font-style:normal;

	/*background-color: #FFF9D8; */
}
	p1 {
	margin: 0;
	padding: 0 10px 10px 10px;
	font-size:small;
	text-align:left;
	font-style:normal;

	}
	img {
		margin:10px 0 5px;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
/*	#header {
		border-bottom:1px solid #000;
	}*/
	#header h2 {
	padding: .4em 15px 0 15px;
	margin: 0;
	font-family: Verdana;
}
	#header h1 {
	padding: .4em 15px 0 15px;
	margin: 0;
	font-family: Verdana;
	text-align:left;
	font-style:normal;
	font-weight:normal;	
	
}
	#header p {
	padding: .4em 15px 0 15px;
	margin: 0;
	font-family: Verdana;
}
	#header p1 {
	padding: .4em 15px 0 15px;
	margin: 0;
	font-family: Verdana;
	font-size:x-small
}

	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#369;
		color:#fff;
	}
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a.active {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.colmid {
		float:left;
		width:100%;
		position:relative;
	}
	.colright {
		float:left;
		width:100%;
		position:relative;
	}
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	.col1 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
			
	/* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;	/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
/*		margin:10px,0px,0px,10px; */
/*		border-top:1px solid #000; */
	}
	#footer p {
	font: 10pt Verdana;
	padding: 0 30px 10px 30px;
	margin: 0;
	text-align: left;
}
	#footer p1 {
	font: 10pt Verdana;
	padding: 0 10px 10px 10px;
	margin: 0;
	text-align:center
	
}
	/* SilverMenu */
	#SilverMenu {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000; 
		border-bottom:1px solid #000;
		background-color:#9A9A9A;	

		
	}
.SilverMenu td{
	border-top: 1px solid #006633;
	border-bottom: 1px solid #006633;
	border-right:1px solid #006633;
	font-weight: 500;
	font-size: medium;
}

	/* --> */
	
/* now for the 4 column stuff */

div.pix {
	CLEAR: both; PADDING-RIGHT: 0px; MARGIN-TOP: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid
}
div.pix H2 {
	TEXT-ALIGN: center
}
div.pix A {
	FONT-WEIGHT: bold; WHITE-SPACE: nowrap
}
div.pix P {
	FONT-SIZE: 11px; MARGIN-BOTTOM: 0px; TEXT-ALIGN: center
}


div.quarter {
	padding: 10px;
	clear: both;
	margin: 0;
}

div.quarter p {
	font-size: 11px;
	font-family: verdana;
	text-align: center;
	margin-bottom: 0;
}

div.quarter h3 {
	text-align: center;
}

div.quarter img {
	border: 1px solid #ccc;
	padding: 1px;
}

div.quarter table {
	margin: 0 auto;
	width: 100%;
	background-color:#EFEFEF
}

div.quarter table td {
	width: 1%;
	padding: 3px 5px;
	text-align: center;
}


div.center {
	CLEAR: both; PADDING-RIGHT: 20px; BORDER-TOP: #dbc0ae 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 425px; PADDING-TOP: 20px; BORDER-BOTTOM: #dbc0ae 1px solid
}
div.container {
	MARGIN: 0px auto; WIDTH: 840px
}

/* Custom styled elements */

.tabletext td{
	text-align:left;
	height:	22px;
	width: 200px;
	}


.bg_green { background-color: #EFEFEF
 }
.comparison { width: 80%; }
.comparison th { vertical-align: middle; font-size: 130%; }
.comparison td {
	font: medium verdana;
	vertical-align: middle;
	height: 35px;
}
.bg_green td{
	border-top: 1px solid #006633;
	border-bottom: 1px solid #006633;
	font-weight: 500;
	font-size: small;
}
.bg_white td{
	border-top: 1px solid #006633;
	border-bottom: 1px solid #006633;
	font-weight: normal;
	width: 200px;
	font-size: small;
}

.bg_green th{ border-top:1px solid #006633; border-bottom: 1px solid #006633; }

.bg_silver {
	background-color:#9A9A9A;	
	background-image: url('../images/menu.gif');
	background-repeat: repeat-x;
	height: inherit
}
*/
.bg_silver th{ border-top:1px solid #006633; border-bottom: 1px solid #006633; }
.bg_silver td{border-left:1px #006633 solid; }




div.belt {
	PADDING-RIGHT: 0px; BORDER-TOP: #ffe8cd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 30px; PADDING-TOP: 30px; BORDER-BOTTOM: #ffe8cd 1px solid; BACKGROUND-COLOR: #fff9d8; TEXT-ALIGN: center
}

#side1 {width: 50%; float: left; margin: 0 -260px 0 0; background: #ffffff; padding: 0 0 10px;}
#side1 div {background: #ffffff; margin: 0 260px 0 0; min-height: 300px; padding: 1px 0;}
#side2 {width: 50%; float: right; margin: 0 0 0 -260px; background: #ffffff; padding: 0 0 10px;}
#side2 div {background: #ffffff; margin: 0 0 0 260px; min-height: 300px; padding: 1px 0;}
#side2 #center {
	background: #ffffff;
	width: 500px;
	float: left;
	margin: 0 0 0 -250px;
	padding: 1px 0;
	background-color: #FFFFFF;
}

* html #side2 {position: relative;}
* html #side2 #center {position: relative; left: 2px;}	

textarea.test {
  width: 350px;
  height: 50;
  border: none;
}
#menu5 {
height: 76px;
background: url(images/menu.gif) repeat-x;
width: 900px;
padding-left: 60px;
}

#menu5 ul {
	margin: 0;
	list-style: none;
}

#menu5 li {
	display: inline;
}

#menu5 a {
	float: left;
	width: 168px;
	height: 50px;
	text-decoration: none;
	text-align: center;
	padding-top: 26px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;

}

#menu5 a:hover {
	background: url(images/menu_r.gif) repeat-x;
	height: 50px;
}


	/* column container */
.threecolmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background-color:#9A9A9A;	
		background-image: url('../images/menu.gif');
		background-repeat: repeat-x;
		font-size: 80%;

	}
	/* common column settings */
.threecolright,
.threecolmid,
.threecolleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
.threecol1,
.threecol2,
.threecol3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
				border-bottom:thin;
		border-bottom-color:black;
		border-top:thin;
		border-top-color:black;

	}
	/* 3 Column settings */
.threecol {
		/*background:#eee;		/* right column background colour */
	}
.threecol .threecolmid {
		right:33%;			/*33 width of the right column */
		/*background:#fff;		/* center column background colour */
	}
.threecol .threecolleft {
		right:34%;			/* 34 width of the middle column */
		/*background:#f4f4f4;	/* left column background colour */
	}
.threecol .threecol1 {
		width:32%;			/*30  width of center column content (column width minus padding on either side) */
		left:102%;			/*102 100% plus left padding of center column */
	}
.threecol .threecol2 {
		width:31%;			/*29 Width of left column content (column width minus padding on either side) */
		left:36%;			/*39 width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.threecol .threecol3 {
		width:31%;			/*29 Width of right column content (column width minus padding on either side) */
		left:72%;			/*77 Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
