/*----------------------------------------------------------------------------- 
GENERIC ID & CLASS SELECTORS Stylesheet 
date created:02/08/06 
date modified:2/28/11
author:Patricia Rorabaugh 
email:Trisha@TrishasDesignStudio.com
website:www.TrishasDesignStudio.com
phone: 408.597.6648
--------------------------------------------------------------------------------------- */
.clearfix {width:100%;clear:both !important;display:inline-block;}

.clearfix:after 
	{content:" ";display:block;height:0;clear:both;font-size:0;visibility:hidden;}
/* Hides from IE-mac \*/
* html .clearfix 
	{height:1%;}
.clearfix 
	{display:block;}
/* End hide from IE-mac */
.clear
	{clear:both;}
.float-left
	{float:left; display:inline;}
.float-right
	{float:right; display:inline;}
	
/* MOUSEOVER EFFECTS 
--------------------------------------------------------------------------------------- */	
.cursor-mouseover-off {/* used to hide links */
cursor: default;
}

/* TEXT POSITIONING 
--------------------------------------------------------------------------------------- */
.left
	{text-align:left;}
.right
	{text-align:right;}
.center
	{text-align:center;}
.justify
	{text-align:justify;}
.singlespace
	 {margin:0; padding:0;}
.nospaceabove
	{padding-top:0; margin-top:0;}
.nospacebelow 
	{padding-bottom:0; margin-bottom:0;}
.noindent
	{margin-left:0;padding-left:0;}
	
/* TEXT FORMATTING 
--------------------------------------------------------------------------------------- */
.highlight
	{background:#ffc;}
.highlight-red
	{color:red;font-weight:bold;}
.highlight-outline
	{background-color:#FFFF00; outline:solid #000000 1px;}
.discreet 
	{padding:0 0 8px 0; margin:0; color:#999999; font-size:10px;}
.dropcap 
	{float:left;color:#999999;padding-right:5px;line-height:50%;font-size:5em;display:inline;}
.dropcapimage { /* code sample <span class="drop l">L</span> */
	display: block;
	float: left;
	margin: -10px 0 0 0;
	padding: 0 3px 0;
	width: 52px;
	height: 52px;
	text-indent: -9000px;
	border: none;
	}
.l {
	background: transparent url(/images/dropcap/l.jpg) 0 0 no-repeat;
	}		
.dropshadow
	{text-shadow:#777 0 0 0.1em, #777 0 1px 0.1em,  #777 0 1px 0.1em;}
.nobullet
	{list-style:none;list-style-image:none;}
	
.top{
	float:right;
	width:40px;
	text-align:right;
	font-size: 12px;
	font-weight: normal;
}	

/* IMAGE FORMATTING 
--------------------------------------------------------------------------------------- */
#print-logo {display:none;}
img.float-left
	{margin:0 25px 25px 0;}
img.float-right 
	{margin:0 0 25px 25px;}
img.float-right p, img.float-left p
	{padding:0 0 0 0;font-size:small;color:#333;font-style:italic;}	
.image-caption-box
	{border:1px solid #000099;text-align:center;padding:5px;}	
.image-caption-box p
	{color:#666;font:normal 11px Arial;margin:0 -1.5em 0 1.5em;}
.img-rotate 
	{-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);}
.img-skew 
	{-moz-transform:skew(-5deg);-webkit-transform:skew(-5deg);}
.img-shadow 
	{
		-moz-box-shadow: 5px 5px 10px #777; /* Firefox */
  -webkit-box-shadow: 5px 5px 10px #777; /* Safari and Chrome */
  box-shadow: 5px 5px 10px #777; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

}
.resize /*auto resize bg image*/
	{background:url( ) no-repeat center center;border:3px double #fff;float:left;height:12em;margin:.2em 1em 1em 0;width:12em;}	

.rounded-corners 
{
	background:#EFF0F4;
	border: 1px solid #d7d7d7;
	margin:10px;
	-moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  -khtml-border-radius: 10px; /* for old Konqueror browsers */
}


/* DIV FORMATTING 
--------------------------------------------------------------------------------------- */	
.valigndiv /* ie css hacks required*/
	{ position:absolute;top: 25%;}
	
.gradient-top {
		color: #fff;
		height: 100px;
		padding: 10px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #00f, #fff);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";
	}	
.gradient-left {
		color: #fff;
		height: 100px;
		padding: 10px;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, right top, from(#00f), to(#fff));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(left top, #00f, #fff 70%);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF0000FF, endColorStr=#FFFFFFFF, GradientType=1);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF, GradientType=1)";
	}
	
	
/*---------------------------------------------------------------------------------------
                        PSEUDO-CLASS SELECTORS & CORRESPONDING CLASSES
--------------------------------------------------------------------------------------- */

/* HEADER LAYOUT
--------------------------------------------------------------------------------------- */
 
#wrap 
	{
	width:960px;
	text-align:center;
	/* for sticky footer*/
	margin:0 auto;
	min-height:100%;
	padding: 0px;
	background:#fff;
	z-index:9;
	position:relative;
	display:inline-block;
	border: solid #000 1px;
}
header
	{
	width:960px;
	margin:0;
	float:left;
	clear:both;
	position:relative;
	height:210px;
	display:inline;
	padding: 0px;
	z-index: 10;
	background: #fff url(/images/global/header.jpg) no-repeat center top;
}

#main 
	{
	float:left;
	display:inline;
	position:relative;
	text-align:left;
	width:100%;
	margin:0;
	clear:both;
	padding:0 0 100px 0;/* for sticky footer - bottom must be same height as the footer*/
	background-color: #fff;
	z-index:99;
	overflow: auto;
}
	
/* MAIN-MENU NAVIGATION LAYOUT
--------------------------------------------------------------------------------------- */
.hnav {
	z-index: 999999;
	float:right;
	width:800px;
	overflow:hidden;
	position:relative;
	clear:both;
	font: 12px/18px 'ColaborateRegular', Arial, sans-serif;
	z-index:999999;
	padding-top: 135px;
}
.hnav ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.hnav ul li {
	display:inline-block;
	float:left;
	list-style:none;
	margin:0px;
	padding:2px 10px;
	position:relative;
	right:50%;
	white-space:nowrap;
	border-right:#FFF solid 1px;
	line-height:20px;
}
.hnav ul li.last{
	border-right: none;
}
.hnav ul li a {
	display:block;
	text-decoration:none;
	background:transparent;
	color:#fff;
	text-decoration:none;
}
.hnav ul li a:hover,.hnav ul li:hover  a, .hnav ul li:hover  {
	background:#369;
	color:#fff;
	text-decoration: none;
}

.hnav .bottom {
	font-size:9px;
}
.hnav-expanded {
	width: 850px;
	margin: 0 55px;
	clear: both;
	float:left;
	position:relative;
	display: inline-block;
	overflow: visible;
}
.hnav-expanded ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
.hnav-expanded ul li {
	float: left;
	font-weight: bold;
	width: auto;
	white-space: nowrap;
	display:inline-block;
	list-style:none;
	margin:0;
	padding:10px 30px;
	position:relative;
	right:50%;
	text-align: left;
	font-size: 12px;
	overflow: hidden;
}
.hnav-expanded ul li a {
	text-decoration: none;
	color: #666;
	display:block;
	line-height:normal;
}
.hnav-expanded ul li a:hover {
	text-decoration:underline;
}
.hnav-expanded ul li li {
	display: inline-block;
	clear: both;
	font-weight: normal;
	font-size: 10px;
	padding: 0 0 0 5px;
}

/* SIDEBAR  LAYOUT
--------------------------------------------------------------------------------------- */
#sidebar {
	float: left;
	display: inline;
	width: 210px;
	position:relative;

}

.vnav {
	float:left;
	width:100%;
	overflow:hidden;
	display: inline;
	font-size:14px;
 }
#sidebar .announcements {
	padding-top: 100px;
	padding: 75px 0 5px 0;
	text-align: center;
		background: url(/images/global/announcements.jpg) no-repeat center top;

}
#sidebar .announcements-footer {
		background: url(/images/global/announcements.jpg) no-repeat center bottom;
float: left;
	display: inline;
	width: 210px;
	height:35px;
	clear:both;
}

.vnav ul {
	float:left;
	list-style:none;
	margin:0;
	padding:10px 0;
	clear:both;

}
#sidebar .announcements p.date {
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#sidebar .announcements p.event {

	margin-top: 0px;
	padding-top: 0px;
	font-weight:bold;
}


.vnav ul li {
	float:left;
	clear:both;
	display:inline-block;
	border: solid #999 1px;
	margin:3px 10px;
	padding:0;
	line-height:28px;
	text-indent:3px;
	background-color:#ddd;
}
.vnav ul li a {
	width:185px;
	display:inline-block;
   color:#000;
   text-decoration:none;
}

.vnav ul li a:hover, .vnav ul li:hover a, .vnav ul li:hover{
	background-color:#369;
	color:#fff;
}
.vnav ul li a.active,
.hnav ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
/* BREADCRUMB NAVIGATION
--------------------------------------------------------------------------------------- */
#breadcrumbs {
	margin-bottom: 15px;
	font-size: 10px;
	color:#006;
}
#breadcrumbs a{
	color: #666;

	text-decoration: none;
}
.divider{
	font-size: 9px;

}
.current-page {
	font-weight: bold;
	font-size: 12px;
	color: #710000;
}
.home #breadcrumbs, .nav1 #breadcrumbs {
	display: none;
}


/* CONTENT LAYOUT
--------------------------------------------------------------------------------------- */
#content 
	{
	width:700px;
	float:left;
	padding:5px 15px 15px 15px;
	background-color:#FFF;
	display:inline-block;
	position:relative;
	text-align: left;
}
/* MULTIPLE COLUMN LAYOUT
--------------------------------------------------------------------------------------- */
.cols {
	width:100%;
	clear:both;
	overflow:hidden;
	margin: 0 auto;
	
}
.cols.two .divider, .cols.three .divider {
	float:left;
	display:inline-block;
	height: 25px;
}
.cols.two .divider {
	width: 3%;
}

.cols.three .divider   {
	width: 5%;

}
.cols.two .c2-1, .cols.two .c2-2
	{
	width:47%;
	float:left;
	display:inline;
	text-align: justify;
	margin: 0;
	padding: 0;
}
.cols.three .c3-1, .cols.three .c3-2, .cols.three .c3-3 
	{
	width:30%;
	float:left;
	display:inline;
	margin: 0 auto;
}




.form .label
{
	display: block;
	float: left;
	clear: both;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	color: #E45F0E;
	margin-bottom: 10px;
}

.form .input
{
	display: block;
	float: left;
	text-align: left;
	width: 250px;
	margin-bottom: 10px;
}

/*INFO BOX --------------------------------------------------------------------------------------- */
.info-box{width: 250px;float: right;display: inline-block;padding: 10px;margin-left: 25px;border: ridge #999 thin;margin-bottom: 25px;-pie-background: #ffffff;behavior: url(/includes/css/PIE.htc);text-shadow:none;font-size:12px;}
.about .info-box,
.distributors .info-box{background-image: url(/images/about/info-box-image.png);background-repeat: no-repeat;background-position: left center;-pie-background: #ffffff url(/images/about/info-box-image.png) no-repeat left center;behavior: url(/includes/css/PIE.htc);}
.info-box em{font-size: 12px;}

/* FOOTER LAYOUT
--------------------------------------------------------------------------------------- */

footer 
	{
	text-align:center;
	padding:0;
	clear:both;
	color:#FFC;
	bottom:0px;
	background:#172625 url(/images/global/bg-footer.jpg) repeat-x center center;
	clear:both;
	position:relative;
	margin:-80px auto 0 auto;/* for sticky footer - bottom negative value of footer height*/
	height:80px;
	width:960px;/*_margin-top:0px;  IE 6 and below */
	z-index:20;
}
footer  p
	{padding:0px;margin:0px;}
/* FOOTER 3 COLUMN LAYOUT */
footer.col3-logo #contact-info 
	{clear:both;padding:0;overflow:hidden;font-size:12px;width:100%;margin:0 auto;}
footer.col3-logo #contact-info h3 
	{padding-top:3px;margin-top:0px;margin-bottom:0px;padding-bottom:3px;font-size:14px;}
footer.col3-logo #contact-info .view-map 
	{font-size:10px;padding-top:2px;}
footer.col3-logo #contact-info .phone 
	{font-size:12px;font-weight:bold;padding-top:3px;}
footer.col3-logo .c1-3, .c2-3, .c3-3 
	{
	display:inline;
	width: 33%;
	float: left;
}
footer.col3-logo .c1-3 
	{padding-top:5px;}
footer.col3-logo .c2-3 
	{padding-top:25px;text-align:center;}
footer.col3-logo .c3-3 
	{padding-top:5px;text-align:center;}
/* END FOOTER 3 COLUMN LAYOUT */

/* FOOTER VCARD LAYOUT
--------------------------------------------------------------------------------------- */
footer.vcard  
	{padding:0px;margin:0px;}
footer.vcard h3
	{padding-top:3px;margin-top:0px;margin-bottom:0px;padding-bottom:3px;font-size:14px;}
footer.vcard p 
	{overflow:hidden;font-size:12px;width:960px;margin:0 auto;padding:0;}
footer.vcard a 
	{color:#022E48;}
footer.vcard .view-map 
	{font-size:10px;padding-top:2px;}
footer.vcard .phone 
	{font-size:14px;font-weight:bold;padding-top:3px;}
footer.vcard-divider 
	{text-align:center;padding:0 10px;}
footer .legal 
	{
	padding-top:10px;
	clear: both;
}
footer .legal, footer .legal a
	{
	font-size:10px;
	color:#F4D8CE;
	text-decoration:none;
}
footer.designer 
	{
	padding:3px;
	clear: both;
}
footer.designer ,footer.designer a 
	{
	font-size:9px;
	color:#FFF;
	text-decoration:none;
}
footer.designer a:hover 
	{text-decoration:underline;color:#FFF;}
.geo
	{display:none;}
	
/*Sticky Footer Opera Fix
--------------------------------------------------------------------------------------- */
body:before
	{content:"";height:100%;float:left;width:0;margin-top:-98765px;}