/* SSO CSS Document */

/*Gerneral Styles*/

body 	{	
		background-color: #e8e7b0;
		font-family: Arial, Helvetica, sans-serif;
		}

p {		color: #003300;
		font-size: 12pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}

.b		{font-weight:bold;}
.c		{text-align: center;}
.cb		{text-align: center; font-weight: bold;}
.i		{font-style: italic}
.l		{text-align: left}
.ri		{color:#c70000;
		 font-style:italic;}
.ul		{text-decoration: underline;}
.br		{font-weight:bold; color:#F00;}
.bi		{font-weight:bold;
		padding: 0 0 0 10%;}

/*Header Styles*/

#logo	{
		position: absolute;
		left: 45px;
		top: 15px;
		}

#points {
		background: url(i/greengradient.jpg) top left repeat-x;
		postion: absolute;
		top: -20px;
		left: 0px;
		height: 235px;
		padding: 38px 0px 0px 50px;
		margin: -20px -20px 0px 384px;
		overflow: hidden;
		}		
		
#points h2 {
		font-size: 20px;
		color: #003300;
		font-weight: bold;
		}

#header {
		background: url(i/grayblock.gif) top left repeat-x;
		position: absolute;
		top: 218px;
		left: 0px;
		width: 105%;
		height: 30px;
		}
		
#header h1 {
		color: #e8e7b0;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		padding: 0 0 0 0;
		margin: 1px 0 0 0;
		} 

#main {
		position: absolute;
		top: 268px;
		width: 100%;
		margin-left: -10px;
		}

/*Navigation*/
		
#navcontainer {
		position: absolute;
		top: 0px;
		left: 15px;
		width: 110px;
		height: auto;
		margin: 0 0 0 15px;
		}

.nav	{
		height: 30px;
		width: 110px;
		margin-bottom: 20px;
		padding: 0;
		}
		
.nav a:link, .nav a:visited {
		color: #e8e7b0;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		display: block;
		line-height: 30px;
		margin: 0 0 20px 0;
		background-image: url(i/buttonup.gif);
		}

.nav a:hover {
		color: #e8e7b0;
		background-image: url(i/buttondown.gif);
		}

/*Main Content*/

#content {
		margin: 0 10px 20px 175px;
		overflow: hidden;
		}

#content h1 {
		color: #333;
		font-size: 24pt;
		font-weight: bold;
		text-align: left;
		padding: 0 0 0 10%;
		margin: 0 0 0 0;
		}
		
#content h2 {
		color: #060;
		font-size: 18pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}

#content h3 {
		color: #060;
		font-size: 14pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}

#content h4 {
		color: #060;
		font-size: 22pt;
		text-align: left;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}

/*#content p {
		color: #003300;
		font-size: 12pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}*/

#content ul {
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		}

#content li {
		color: #003300;
		font-size: 12pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 10px;
		}
		
#content img {
		margin: 10px 0 0 0;
		}

/*Content Columns*/

#col1 {
		float: left;
		width: 40%;
		margin: 10px 0 0 0;
		}

#col2 {
		margin: 10px 0 20px 50%;
		padding: 0 0 0 10px;
		}

#col3 {
		float: left;
		width: 40%;
		margin: 10px 0 0 0;
		}

#col4 {
		margin: 10px 0 20px 40%;
		padding: 0 0 0 10px;
		}

#col1 h2{
		color: #060;
		font-size: 18pt;
		text-align: left;
		margin: 0 0 0 30px;
		}
		
#col1 h3 {
		color: #666;
		font-size: 14pt;
		}

#col2 h2{
		color: #c70000;
		font-size: 18pt;
		text-align: left;
		margin: 0 0 0 30px;
		}

#col2 h3 {
		color: #c70000;
		font-size: 14pt;
		font-weight: bold;
		}
		
#col1 li {
		color: #060;
		font-size: 11pt;
		font-weight: normal;
		margin: 0 2px 0 15px;
		}
		
#col2 li {
		color: #c70000;
		font-size: 11pt;
		font-weight: normal;
		line-height: 21pt;
		}

#col2 .ri	{
		font-size: 10pt;
		line-height: 11pt;
		color:#c70000;
		font-style:italic;
		}

#col1 p {
		color: #060;
		font-size: 12pt;
		font-weight: normal;
		line-height: 14pt;
		margin: 0 2px 0 15px;
		}

#col2 p {
		color: #c70000;
		font-size: 12pt;
		font-weight: normal;
		line-height: 14pt;
		margin: 0 2px 0 15px;
		}

/*Content Paragraphs*/

#contentpara {
		text-align: center;
		margin: 20px 10px 20px 10px;
		}

#contentpara p {color: #000;
				font-size: 14pt;
				}

#contentpara .ri {
				font-family: "Times New Roman", Times, serif;
				color: #c70000;
				font-size: 14pt;
				font-style: italic;
				}

#contentpara h2 {
		color: #c70000;
		font-size: 18pt;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}
/*For Floating Photos*/
.para	{
		margin: 20px 10px 20px 10px;
		clear: both;
		overflow: hidden;
		}

.photor	{
		float: right;
		display: block;
		margin: 10px 10px 10px 10px;
		}

/*Table Styles*/

.tablecontainer {
		width: 100%;
		overflow: hidden;
		}

.table {
		width: 100%;
		background-color: #e8e7b0;
		overflow: hidden;
		}

.kaki {
		background-color: #e8e7b0;
		}
	
.pricecolhead1 {
		font-size: 9pt;
		font-weight: bold;
		text-align: center;
		background-color: #99b868;
		}

.pricecolhead2 {
		font-size: 9pt;
		font-weight: bold;
		text-align: center;
		background-color: #bdd493;
		}

.pricecol1 {
		background-color: #99b868;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		}

.pricecol2 {
		background-color: #bdd493;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		}

.pricecol1a {
		background-color: #99b868;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;
		}

.pricecol2a {
		background-color: #bdd493;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;
		}

.tablesubhead {
		color: #e8e7b0;
		background-color: #060;
		font-size: 12pt;
		font-weight: bold;
		width: 50%;
		}

.tablespacer {
		color: #e8e7b0;
		font-size: 4pt;
		}

.materialhead {
		color: #030;
		font-size: 14pt;
		font-weight: bold;
		background-color: #99b868;
		}
		
.material {
		color: #005600;
		font-size: 12pt;
		font-weight: bold;
		background-color: #99b868;
		}
		
.materialdescrip {
		background-color: #e8e7b0;
		font-size: 9pt;
		}
	
.tablenote {
		color: #005600;
		font-weight: bold;
		font-size: 12pt;
		}

/*New Products Table Styles*/

.colhead1 {
		background-color: #99b868;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		}

.colhead2 {
		background-color: #bdd493;
		font-size: 14pt;
		font-weight: bold;
		text-align: center;
		}

.decrip1 {
		background-color: #99b868;
		font-size: 12pt;
		font-weight: normal;
		text-align: center;
		}

.decrip2 {
		background-color: #bdd493;
		font-size: 12pt;
		font-weight: normal;
		text-align: center;
		}

/*Footer Styles*/

#footer {
		margin: 10px 0px 0px -10px;
		}
	
#phone {
		color: #006600;
		font-size: 28pt;
		font-weight: bolder;
		text-align: center;
		padding: 0 0 0 0;
		margin: 10px 0;
		}

#address {
		color: #003300;
		font-size: 16pt;
		font-weight: normal;
		text-align: center;
		padding: 0 0 10px 0;
		margin: 0 0 0 0;
		}
		
#footerbar {
		background: url(i/grayblock.gif) top left repeat-x;
		width: 105%;
		height: 30px;
		margin: 0 0 10px 0;
		}
		
#footerbar h1 {
		color: #e8e7b0;
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		padding: 0 0 0 0;
		margin: 1px 0 0 0;
		}

#mininav {
		font-size: 9pt;
		color:#006600;
		font-weight: normal;
		text-align: center;
		margin: 0 0 10px 15px;
		}
		
#mininav a:link {
		color: #060;
		text-decoration: none;
		}
		
#mininav a:hover {
		color: #060;
		font-weight: bold;
		}

#mininav a:visited {
		color: #060;
		text-decoration: none;
		}
		
			
#footer p {
		color: #000;
		font-size: 10pt;
		text-align: center;
		margin: 5px 0 10px 10px;
		}
		
#design {
	text-align: center;
	padding: 10px 0 0 0;
	}

#design a:link, #design a:visited {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	background: none;
	border: none;
	}

#design a:hover {
	color: #33F;
	text-decoration: underline;
	background: none;
	border: none;
	}