/* ********* Set Defaults to Zero ******* */

html, body, form, {
	margin: 0;
	padding: 0; 
	border: 0;
}

/* Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, blockquote, {
	margin: 0;
	padding: 0;
}

p { margin:0 0 10px 0;}
/*ul {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px; 
	list-style-image:url(../graphics/bullet01.gif); 
	line-height:175%;
}
li { 
	margin-top:10px;
	margin-left: 1em;
}*/
/* Apply left margin only to the few elements that need it: */
dd, blockquote {
	margin-left: 1em;
}

.pmargin {margin: 0;}

input {
	color:#624D38;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

textarea {
	color:#624D38;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

select {
	color:#624D38;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

.button {
	color:#765E49;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	background-color:#D3D1B9; 
	font-weight:bold;
	cursor:pointer;cursor:hand;
}

/* ************ Default Body Style *********** */	
body { 
	font-size: .8em; /*  if this is set in % (100% is the browser default font size) or in em units (1 em = default size, .8 em is about 11px) the user will be able to change Text Size under the View menu. Setting a pixle size will prevent it */
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color:#624D38;
	line-height: 130%;
	background-color:#FFFFFF;	
	text-align: center;  /*this centers the container in IE browsers. The text is then set to the left aligned default in the #container selector */
	margin-top: 20px;
}

.prdTitle {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	color:#D50007; 
	font-size:175%; text-transform:uppercase; line-height:110%;
}

.redline {border-bottom:2px solid #EE1B2E;}

.oliveline {border-bottom:2px solid #C9CC97;}

.hdrtxt {
	text-transform:uppercase; 
	color:#956244;
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	letter-spacing:1px; 
	font-weight:bold;
	padding-top:6px; font-size:110%;
}

/* this contains everything in the site and controls centering and margins */	
#container{ 
	width: 851px;
	margin:0px auto;
	background-color:#FFFFFF;
	text-align: left;

}

/*  NOTE - the percentages below will scale off of the font size set in the body selector style above */
/* Header tag styles */
h1 { font-size:160%;}
h2 { font-size:140%;}
h3 { font-size:100%; margin-left:1px;} /* padding added to compensate for an unexpected indention that displays in IE6 and Firefox  */

/* ******** Font Size Classes *********** */	
.xlarge{font-size: 135%;}
.large{font-size: 120%;}
.medium{font-size: 93%;}
.small{font-size: 90%;}
.mini{font-size: 75%;}

.largePgr {font-size: 110%; text-decoration:none; font-weight:bold; color:#98785C;}
.smallPgr {font-size: 85%; text-decoration:none; color:#98785C;}

/* ********* Default Anchor Style ******* */
a:link {color: #CC0000;	text-decoration: underline;}

a:visited {color: #CC0000; text-decoration: underline;}

a:hover {color: #CC0000; text-decoration: underline;}

a:active {color: #CC0000; text-decoration: underline;}

/* ********* Brown Anchor Style ******* */
a.brnlnk:link {color: #79604A;	text-decoration: none;}

a.brnlnk:visited {color: #79604A; text-decoration: none;}

a.brnlnk:hover {color: #79604A; text-decoration: underline;}

a.brnlnk:active {color: #79604A; text-decoration: underline;}

/* ********* Green Anchor Style ******* */
a.grnlnk:link {color: #9CCF18;	text-decoration: underline;}

a.grnlnk:visited {color: #9CCF18; text-decoration: underline;}

a.grnlnk:hover {color: #9CCF18; text-decoration: underline;}

a.grnlnk:active {color: #9CCF18; text-decoration: underline;}

/* ********* Subnav What's New ******* */
a.subnavlink:link {color: #986B4B;	text-decoration: none;}

a.subnavlink:visited {color: #986B4B; text-decoration: none;}

a.subnavlink:hover {color: #FFFFFF; text-decoration: none;}

a.subnavlink:active {color: #986B4B; text-decoration: none;}


/* *********** Font Color Classes ******** */
.red{color: #CC0000;}
.green{color: #9CCF18;}
.blue{color: #175482;}
.black{color: #333333;}
.gray{color: #8F8F8F;}
.litegray{color: #CCCCCC;}
.white{color: #FFFFFF;}
.orange{color: #D18927;}
.brown {color:#98785C;}
	
.arrowlist { 
	list-style-image:url(../graphics/bullet01.gif); 
	margin: 5px 0 5px 20px; padding: 5px 0 5px 0px;
}

.arrowlistGreen { 
	list-style-image:url(../graphics/bullet02.gif); 
	margin: 5px 0 5px 20px; padding: 5px 0 5px 0px; line-height:150%;
}

.arrowlistGreen2 { 
	list-style-image:url(../graphics/bullet02.gif); 
	margin: 5px 0 5px 20px; padding: 5px 0 5px 0px; line-height:150%;
}
.arrowlistGreen2 li { 
	margin-bottom: 20px;
}	

.noimagelist { 
	list-style-type:none; 
	margin: 5px 0px 5px 20px;
}
.arrowlistItem { 
	list-style-image:url(../graphics/arrow2_right_red.gif); 
	margin: 0px 0px 0px 0px;
	vertical-align:middle;
}		

.check  {
font-family: Wingdings; 
font-size: 18px;
color: #CC0000;
cursor: default;
}

.outline1 { border:1px solid #D3D1B9; padding:0px 2px 3px 10px;}
.outline2 { border-top:1px solid #D3D1B9; border-bottom:1px solid #D3D1B9; border-right:1px solid #D3D1B9; padding:0px 2px 3px 10px;}
.outline3 { border-right:1px solid #D3D1B9; padding:10px 5px 5px 10px;}
.outline4 { padding:10px 5px 5px 10px;}

.barriersafe {font-family:arial;font-size:9px;color:#000000;line-height: 12px ;}