﻿@charset "utf-8"; 
/*------------------------- WEBSITE -------------------------*/
	body,html,form,dl,dt{margin:0; padding:0; line-height:1.5em;}
	body,html{font-family:Arial; color:#564c2e; background:#e9e9e9}
		* font{font:100%/1.5 Arial!important; color:#564c2e!important;} /* FONT PROTECTION = force overwrite of font changes in any manner */
	h1,h2,h3,h4,h5,h6{font-family:font-family: 'Droid Sans', Arial, Helvetica, sans-serif; margin:1em 0 0.7em 0; padding:0; line-height:1.2em; color:#000;}
	h1{font-size:214%; margin:0.2em 0 0.7em 0; }
	h2{font-size:166%; }
	h3{font-size:142%; }
	h4{font-size:142%;}
	h5{font-size:118%;}
	h6{font-size:100%;}
	
	a:link, a:active, a:visited{color:#6a615a; text-decoration:underline;}		
	a:focus, a:hover{color:#6a615a; text-decoration:underline; outline:none;}		

	/* Tables */
	table{margin:0 0 1.5em 0; border-top:0px solid #ddd8cb; border-left:0px solid #ddd8cb;}
	caption{background:#ece9e0; color:#584d2f; font-weight:bold; border:0px solid #ddd8cb; text-align:left; padding:0.5em; margin:0;}
	th,td{border-bottom:0px solid #ddd8cb; border-right:0px solid #ddd8cb; padding:0.5em; text-align:left; vertical-align:middle;}
	th{background:#f3f2ec; color:#584d2f; font-weight:bold;}
	th a{}
	
	hr{border:0; border-bottom:1px solid #666; height:1px;}  
	a img, :link img, :visited img {border: 0;}
	p{font-size:95%;margin:.8em 0!important;color:#3e3e3e; clear:none!important}

	/* Font sizes for major sections */
	#hd, #left, #right, #content, #ft, #StyleSheetTools, .homeSnippet, .homeNews, .newsFooter{font-size:92%;}
 
/*  10px=77% | 11px=85% | 12px=93% | 13px=100%  | 14px=108% | 15px=116% | 16px=123.1% | 17px=131% | 18px=138.5% 
	19px=146.5% | 20px=153.9% | 21px=161.6% | 22px=167% | 23px=174% | 24px=182% | 25px=189% | 26px=197%	*/	
	
/* *************************************************************** SYSTEM ************************************************************************* */
	li.webdebug{z-index:10000; font-size:110%; position:relative; color:red; margin-bottom:0px; display:block; background:#fff; width:50%; left:0; text-align:left; padding-left:4px; white-space:nowrap; filter:alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}	
	
	/* Resets */  
	#doc{width:750px;} #doc2{width:950px;} #doc4{width:940px;margin-top:0px;} /* using sizes to maintain websites width on zoom */
	#doc4{border:10px solid #6a615a;padding:7px; background:#FFF;}
	html{overflow:-moz-scrollbars-vertical;}  /* show FF scroll bars by default */
	ol li{list-style-type:decimal; list-style-image:none;} blockquote{margin:1em 0; padding-left:30px; font-style:oblique}
	acronym{cursor:help; border-bottom:1px dotted;} strong, sub, sup, dt{font-weight:bold;}	em{font-style:oblique;}		
	
	/* CSS Page Layout Help */
	#content .instructional{padding:6px; background-color:#FFFFCF; border-top:1px dotted #666; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; margin-top:3em; margin-bottom:1em}
	#content .instructional h1.info{padding:3px; margin:0; border:0; font-size:120%; background:url(../../images/formElements/icon_info.gif) no-repeat top left; padding-left:21px; color:#666;}	
	#content .instructional h1.info strong{color:#A7050B;}		

	.floatLeft{float:left;}	.floatRight{float:right;}
	.hidden, #SiteSearch legend, #SiteSearch label, #SiteSearch h1, .Zone legend, .Zone label, .Zone h1{display:none!important;}	

	/* Horizontal and Vertical Navigation Resets */
	.NavVertical ul, .NavVertical ul li, .NavHorizontal ul, .NavHorizontal ul li, #Tools1 ul li, #StyleSheetTools ul li, ul.paging li{list-style:none;}
	.NavVertical ul li a, .NavHorizontal ul li a, #Tools1 ul li a{overflow:hidden; display:block; text-decoration:none;}
	
/* *************************************************************** END SYSTEM ************************************************************************* */	
	/* #hd head */	
	#hd{height:418px; background:#000; margin-bottom:20px;  }
	
	/* Head Banner */
	.headbnr{width:940px !important;height:270px;background:#f8f1eb; top:165px; position:absolute;}
					
	/* #bd body */
	#bd{background:#FFF;}

	/* StyleSheetTools */
	#StyleSheetTools{ display:none; position:absolute; top:9px; width:620px; margin-left:0px; z-index:3;}
	#StyleSheetTools ul{white-space:nowrap;}
	#StyleSheetTools ul li{display:inline; padding:0px 8px 0px 17px; float:left; list-style-type:none;}
	#StyleSheetTools ul li.cssPrint{background:url(../../images/icons/print.gif) no-repeat left center;}		
	#StyleSheetTools ul li a{display:block; width:100%; height:100%; outline:none;}
				
		#StyleSheetTools ul.cssFile{}		
		#StyleSheetTools ul.cssTextSize li.textSizeIntro{padding-left:12px;}
		#StyleSheetTools ul.cssTextSize li{padding:0px 0px 0px 0px; margin-right:4px;}
		#StyleSheetTools ul.cssTextSize li.textSize{text-indent:-9009px; width:13px;}   	
		#StyleSheetTools ul.cssTextSize li.textSize.textDefault{background:transparent url(../../images/icons/textSmall.gif) no-repeat left center;}
		#StyleSheetTools ul.cssTextSize li.textSize.textMed{background:transparent url(../../images/icons/textMed.gif) no-repeat left center;}
		#StyleSheetTools ul.cssTextSize li.textSize.textLrg{background:transparent url(../../images/icons/textLrg.gif) no-repeat left center;}

	/* Bread Crumb */
	#BreadCrumb{position:absolute; top:370px;}
		ul#history{padding:0px; list-style:none;}
		ul#history li{list-style-type:none; display:inline; text-transform:capitalize;}

	#SiteSearch{ display:none; width:220px; height:33px; position:absolute; padding:0px!important; top:80px; margin-left:729px; background:url(../../images/bgs/searchbg.gif) no-repeat top left;}
		#SiteSearch fieldset{margin-right:0px;}                    
		#SiteSearch input.txtSiteSearch{width:146px; float:left; padding:9px 0px 0px 29px; border:0; background:none; font-size:96%!important;}
		#SiteSearch input.btnSiteSearch{background:url(../../images/buttons/searchsmall.gif) no-repeat left 1px; border:0px; width:27px; height:33px; cursor:help;}

	/* Type 1 Mailing List */
	#SiteMailingList{width:220px; height:33px; background:url(../../images/bgs/searchbg.gif) no-repeat top left;}
		#SiteMailingList fieldset{float:right; margin-right:0px;}				
		#SiteMailingList input.ZoneInput{width:130px; padding:3px; border:0; background:none!important; font-size:96%!important;}
		#SiteMailingList input.ZoneSubmit{background:url(../../images/buttons/searchsmall.gif) no-repeat left 1px; border:0px; width:47px; height:33px;}	
	
/*-------------------------( Logos And Banner Images )-------------------------------- */
	/* Logo */
	#hd strong.logo{width:302px; height:116px; position:absolute; top:17px; z-index:99999999!important; text-indent:-9009px; background:transparent url(../../images/pageElements/logo.png) no-repeat 0 0; display:block; padding:0; margin:0 0 0 0px; border:0;}
	#hd strong.logo a{display:block; width:100%; height:100%; outline:none;}
	
/*-------------------------( #Top Horizontal Navigation - 1st: .udm | 2nd: .level2 | 3rd: .level3 )-------------------------------- */	
	/* Level 1 */	
	#MainNav{margin:0; padding:0; width:940px; position:absolute; height:65px; background:#1b1b1b; top:105px; z-index:99999!important;}  
	#MainNav ul {margin:0; margin-left:0px; padding:0; list-style-type:none;} 	
	#MainNav ul li{margin:0; padding:0; display:block; float:left; position:relative;} /* nav width - if no width, use auto */	
	#MainNav ul li a{ padding: 22px 8px 23px; font-family:'Droid Sans'; text-transform:uppercase; color:#fff; text-align:center; font-size:110%; font-style:normal; display:block; text-decoration:none;}	
    #MainNav ul li a img{ }
	#MainNav ul li a:hover{color:1b1b1b; background:#bbbbbb; }
	#MainNav ul li a.NavSelected{color:1b1b1b; background:#bbbbbb;}

	/* Sub navs - widths are required */
	#MainNav ul ul.level2, #MainNav ul ul.level3, #MainNav ul ul.level4, #MainNav ul ul.level5, #MainNav ul ul.level6{width:196px; padding:0px; display:none; visibility:hidden; margin:0!important;} /* width required */
	#MainNav ul ul.level2 li, #MainNav ul ul.level3 li, #MainNav ul ul.level4 li, #MainNav ul ul.level5 li, #MainNav ul ul.level6 li{width:196px; position:relative;} /* width required */
	#MainNav ul ul.level2 li a, #MainNav ul ul.level3 li a, #MainNav ul ul.level4 li a, #MainNav ul ul.level5 li a, #MainNav ul ul.level6 li a{width:170px; padding:10px 5px 7px 21px; background:#808080; font-size:85%; border-bottom:1px dotted #616161!important; text-align:left;}
	
	/* Set the dropdown visiblity and shadow positions */
	#MainNav ul.level2, #MainNav ul.level3, #MainNav ul.level4, #MainNav ul.level5, #MainNav ul.level6{-moz-box-shadow:0 1px 3px #666; -webkit-box-shadow:0 1px 3px #666; box-shadow:0 1px 3px #666; position:absolute; display:none; visibility:hidden; }
	
	/* all other li a this */
	#MainNav ul.level2 li a:hover{background-color:#616161;}
			
	/* Set the shadow position */
	.ddshadow{position: absolute;}
    
	#ToolsNav{width:940px; position:absolute; height:47px; top:170px; z-index:1000!important; background: url(../../images/bgs/toolsNav.png) repeat-x; }
	#ToolsNav #udm{width:960px;}
	#ToolsNav a{padding:13px 20px 0px 20px;color:#000;text-transform:uppercase;text-decoration:none;font-size:85%}
	#ToolsNav a:hover{text-decoration:underline}
	#phoneNumber {position:absolute; height:47px; top:40px; margin-left:670px;}
    #phoneNumber p{color:#FFF; font-size:153.9%; font-weight:bold;}
	

/*-------------------------( #left )-------------------------------- */
	#left{ width:210px; padding:0px; }
	#left h2.leftNavHeader{display:none;}
	 		
	/* Left Navigation - .level1 */
	#left ul.level1 li{margin-top:0px;} /* set the width here for IE browsers */
	#left ul.level1 li a{font-size:11px;padding:6px 10px 6px 29px; border-bottom:1px solid #b4b0ac; text-decoration:none; text-transform:uppercase; font-size:108%; font-weight:bold; width:160px; background:#fff url(../../images/topNav/level2Selected.gif) no-repeat 10px 10px; color:#000;}
	#left ul.level1 li a:hover{background:#fff url(../../images/topNav/level2Selected.gif) no-repeat 10px 10px;color:#666666;}
	#left ul.level1 li a.NavSelected{font-weight:bold;background:#fff url(../../images/topNav/level2Selected.gif) no-repeat 10px 10px; color:#666666;} 

		/* .level2 */
		#left ul.level2{margin-bottom:10px;margin-left:20px; }
		#left ul.level2 li a{padding:6px 10px 6px 30px; border-bottom:1px solid #e8e7e6; text-decoration:none; text-transform:none; width:140px; background:#fff url(../../images/topNav/level3Selected.gif) no-repeat 10px 9px; color:#000;}
		#left ul.level2 li a:hover{background:#fff url(../../images/topNav/level3Selected.gif) no-repeat 10px 9px;}
		#left ul.level2 li a.NavSelected{font-weight:bold;background:#fff url(../../images/topNav/level3Selected.gif) no-repeat 10px 9px;} 

			/* .level3 */
			#left ul.level3{margin-bottom:10px; margin-top:6px;}
			#left ul.level3 li a{padding:4px 6px 4px 40px; border-bottom:1px solid #f7f7f7; text-decoration:none; width:130px; background:#fff url(../../images/topNav/level4Selected.gif) no-repeat 18px 6px; color:#000;}
			#left ul.level3 li a:hover{background:#fff url(../../images/topNav/level4Selected.gif) no-repeat 18px 6px; text-decoration:underline;}
			#left ul.level3 li a.NavSelected{font-weight:bold; background:#fff url(../../images/topNav/level4Selected.gif) no-repeat 18px 6px;} 

	/* Navigation Selected Rules for <li> element */
	#left ul.level1 li.NavSelected, #left ul.level2 li.NavSelected, #left ul.level3 li.NavSelected{}

	/* Snippets */		
	.sideSnippet{margin-top:-13px; margin-left:-5px; padding:0px 0 0 0; width:305px}		
 	.snippetText p{margin:0 !important}
	
	.snip1{ height:120px; margin-bottom:10px; }
	.snip2{ height:120px; margin-bottom:10px; }
	.snip3{ height:120px; margin-bottom:10px; }
 	
 	.homeSnippet .snippetText{margin:0;padding:0;padding-right:13px}
 	.homeSnippet .snippetText p{margin-bottom:1.9em !important}
 	.innerRight .snippetText{margin:0 0 6px 0;padding:0;text-align:right;}
 	.lastSnippet .snippetText{margin-bottom:0 !important;padding:0}
/*-------------------------( #content  )-------------------------------- */	
	#content{overflow:visible; overflow:hidden; margin-left:40px; width:700px;}	
	#content ul, #content ol{margin:1em 0;}
	#content ul li, #content ol li{margin-left:25px; line-height:1.5em}
	#content ul li{list-style-image:url(../../images/pageElements/bullet.gif);}

	/* News Layout */ 	
	div.divNewsItem{width:100%; float:none; margin-left:0px; padding:0; margin-bottom:10px; clear:both;}
		
		/* News Image */
		div.divNewsItemLeft{float:left; padding-right:0px;}
			div.divNewsItemLeft .pnlNewsThumbnail{padding:0; margin:0; margin-right:10px;}
			div.divNewsItemLeft .pnlNewsThumbnail img{}	
		
		/* News Body */
		div.divNewsItemRight{float:left; width:600px}
			div.divNewsItemRight h2{margin:0px; padding:0; border:none; font-style:normal; font-size:120%; font-weight:bold}
			div.lblItemDate{color:#888; font-size:90%;}
			div.lblItemDate span.Day{}
			div.lblItemDate span.Month{}
			div.lblItemDate span.Year{}
			div.lblItemDate span.Seperator{}
			
		/* News Paging */	
		div.pnlPageLinks{padding:4px 0}
		div.pnlPageLinks a{padding:4px!important}

		/* RSS Feed Links */		
		.newsFooter{padding:0px; clear:both; text-align:right; margin-right:5px; padding-bottom:20px;}
			div.rssLinkContainer ul li{border-left:1px solid; padding-left:5px!important; margin-left:0!important; float:left}		
		p.paragraph{display:none;}			

	/* News Category Layout */	
	.newsCategoryItem{border:0px solid #dddddd; margin-bottom:40px; padding:0px; clear:both;}
		.newsArticle{}
		.newsArticle h2{font-size:150%; font-weight:normal; margin:0 0 5px 0;}		
		.newsArticle h2 a{font-weight:bold; text-decoration:none}		
		.newsArticle .pnlNewsThumbnail{display:inline; margin:0 5px 0 5px; float:right; background-position:top!important }		
		.newsArticle .pnlNewsThumbnail .imgCaption{font-size:89%; line-height:1.2em; width:100px; clear:both; margin:4px 0 0 0; text-align:justify}		
			ul.newsInfo{margin:0 0 7px 0!important; padding:0!important; font-size:92%;}
			ul.newsInfo li{display:inline; border-right:1px solid #666; padding:2px 7px 1px 7px; font-weight:bold; margin:0!important}
			ul.newsInfo li a{text-decoration:none}
			ul.newsInfo li.newsDate{padding-left:0; font-weight:bold}
			ul.newsInfo li.newsCategory span{font-weight:bold}
			ul.newsInfo li.newsRSS{background: url(../../images/icons/rss2.gif) no-repeat center right; padding-right:20px;}
			ul.newsInfo li.flast{border-right:0}

	/* Gallery Defaults */
	li.pnlGalleryImage{margin:5px 5px 5px 5px!important; padding:0; list-style:none;}	
	li.pnlGalleryImage:hover{}

	/* Paging */
	div.PagingContainer{}
		ul.paging{padding-top:10px;}
		ul.paging li{display:inline; padding:0px!important; margin:0px!important; list-style-image:none!important; float:left;}
		ul.paging li a{text-decoration:none; background-color:#666; border:1px solid #666; padding:2px 6px; color:#fff; display:block; width:14px; height:18px;  margin-right:2px; margin-bottom:2px; text-align:center}
		ul.paging li a:hover{background-color:#fff; border:1px dotted #666;}
		ul.paging li a.NavSelected{border:1px solid #fff; background-color:#666; color:#fff; font-weight:bold;}	
	
	/* Alphabetical List */
	div.alphabet{}
	div.alphabet a, div.alphabet span.Letter, span.PreviewText, a.PreviewText{padding:2px 4px; text-transform:capitalize!important}
	div.alphabet span.letter{color:#bbb;}
	div.alphabet a{border:1px solid #bae2f0; background-color:#666; text-decoration:none}
	div.alphabet a:hover{color:#fff; border:1px solid #666; background-color:#666;}	
	div.alphabet a.NavSelected{font-weight:bold; background-color:#666; color:#fff; border:1px solid #666}
	div.alphabet span.Seperator{display:none}	

	/* FAQs */
	.FAQs{}	
		.FAQs h2{font-size:100%; font-weight:bold; margin:0 0 10px 0;}	
		.FAQs h2 a{}
		.FAQs h2 a:hover{cursor:pointer;}
		.FAQs h2 span.faqNumber{font-size:160%; padding-right:10px; font-weight:normal; font-style:italic}
		.FAQs h2:hover{cursor:hand;}
		.FAQs div{padding:2px 5px;}	
		.FAQs div.faqsHeader{}		
		.FAQs div.faqsHeaderSelected{}
		.FAQs div.faqsContent{padding-bottom:30px}
	
	/* Blog */
	.Blog{width:530px!important;}	
		.Blog .BlogArticle{margin-bottom:20px}
		.Blog .BlogHeader h2{margin:0; padding:20px 0}
		.Blog .BlogHeader h2 a{text-decoration:none;}
		.Blog .BlogHeader h2 a:hover{text-decoration:underline;}
		.Blog .BlogHeader div.BlogInformation{font-size:75%; font-style:normal; margin:0; padding:0; margin-bottom:5px; padding-left:12px; border-left:3px solid #aaa;}
			div.BlogInformation cite{}
			div.BlogInformation span.BlogDate{}
			div.BlogInformation span.BlogCommentCount a{color:#666; font-weight:bold}		
		.Blog .BlogArticle .BlogContent{padding-bottom:0px;}		
		.Blog .newsFooter{border:0; font-size:75%}
			
	/* Blog Comments */  
	.BlogComments{padding-bottom:80px;}
		.BlogComments .Individual{}		
		.BlogComments .Individual.AltColor{background-color:#f5f5f5;}	
		.BlogComments .Individual.AltColor .BlogHeader{}
		.BlogComments .Individual.NewComment, .Blog .BlogArticle .BlogCommentCount a.NewComment{background-color:#C4FBB1; border:1px solid #6EA55B; padding:4px;}
		.BlogComments .Individual.NewComment .BlogCommentNumber{color:#6EA55B}
				
		.BlogComments .Individual.Author .BlogHeader{background-color:#C1E7F6; border-top:1px solid #666;}		
		.BlogComments .Individual.Author .BlogContent{background-color:#C1E7F6;}
		.BlogComments .Individual.Author .BlogCommentNumber{color:#fff}
		
		.BlogComments .BlogCommentSkipToForm{margin-bottom:20px}
		.BlogComments .BlogCommentSkipToForm a{font-size:45%; font-style:normal; padding-left:20px;}		
		.BlogComments .BlogHeader{margin-top:30px; padding:5px; font-size:75%;}
		.BlogComments .BlogHeader .BlogCommentName{font-style:oblique; font-size:130%; font-weight:bold; color:#666}
		.BlogComments .BlogHeader .BlogInformation{}
		.BlogComments .BlogContent{padding:0px 10px 30px 10px; font-size:75%; margin-bottom:10px; min-height:20px; }
		.BlogComments .BlogContent .BlogCommentNumber{padding:13px 12px 18px 12px; font-size:420%; color:#93C8DC; float:left; font-family:"Times New Roman" }
	
	/* Blog Categories */
	.BlogCategories{width:180px!important;}
	.BlogCategories h2{padding-bottom:8px; margin:0;}
	#content .BlogCategories ul{padding-top:0; margin-top:5px;} 
	#content .BlogCategories ul li{margin-left:15px; margin-bottom:7px;}
	#content .BlogCategories ul li a{font-weight:bold; text-decoration:none;}
	
	/* Links */ 
	.LinksCategories{}
	.Links{}
		.Links li{margin-bottom:20px}
		.Links a.LinkName{padding-left:19px; font-weight:bold; background:url(../../images/icons/iconPopUp2.gif) no-repeat left center;}
		.Links span {padding-top:5px;}
		.Links span.LinkURL{color:#aaa; display:block}
		.Links span.LinkContent{display:block}
		
		div.alphabet a.PreviewText{background:none!important; border:0; font-weight:bold; text-decoration:underline; border-right:1px solid; padding-right:10px!important; margin-right:10px; text-transform:none!important;}
		div.alphabet a.PreviewText:hover{color:#000!important; text-decoration:none;}
	
/*-------------------------( #right  )-------------------------------- */
	#right{} 
	
/*-------------------------( #ft #Footer )-------------------------------- */
	#ft{color:#6a615a!important;padding:0px;margin-top:39px;padding-top:25px;border-top:1px solid #e1d7d8; position:absolute;width:939px}
	
	/* Top Tools */
	#Tools1{ display:none; position:absolute; top:5px; width:300px; margin-left:650px;}
	#Tools1 ul li{display:inline; padding:0px 0px 0px 14px; float:right; list-style-type:none; background:url(../../images/bgs/toolsbg.gif) no-repeat 9px center}
	#Tools1 ul li a{padding:4px 4px 4px 4px;}
	#Tools1 ul li a:hover{text-decoration:underline}
	#Tools1 ul.level1 li.NavSelected{}
	
	/* footerLeft and footerRight ul li */	
	#footerLeft ul, #footerRight ul{margin:0; margin-bottom:15px; padding:0;}
	#footerLeft ul li, #footerRight ul li{display:inline; list-style-type:none; padding-left:5px;}
	#footerLeft ul.level1 li.NavSelected, #footerRight ul.level1 li.NavSelected{}
 
    #footerLeft{padding-top:0px;}
    #footerLeft a{color:#6a615a;text-decoration:none}
		ul#fAddress{margin:0; padding:0; margin-top:0px}
		ul#fAddress li{display:block; margin:0; padding:0;}
		ul#fAddress li span{font-weight:bold; margin-left:0px;}
		ul#fAddress li.fPhone{display:inline; width:100px;}
		ul#fAddress li.fFax{display:inline; width:100px; display:none}
		ul#fAddress li.fEmail{}

	#footerRight{padding-top:0px; text-align:right}
	#footerRight a{border-right:0px!important;text-decoration:none }
	#footerRight a:hover{text-decoration:underline;}
	#footerRight ul{float:right;}
	#footerRight ul li a{border-right:1px solid #795a55 !important; color:#6a615a;padding-right:12px}

	/* Company Name */
	strong.fCompanyName{margin:0; padding:0; border:0; font-weight:normal; font-size:100%;}
		
	/* Webtrade Logo */	
	p.DevelopedByWebtrade{padding:0; margin:0; border:0; float:right; width:260px; height:20px;color:#6a615a} 
	p.DevelopedByWebtrade a{color:#6a615a; text-decoration:none}

	h2.h2SnippetLite {font-size:140%;margin-left:20px;}
    
    
    #ctl00_cphBanner_ctl01_ctl00_LoginView1_pnlHoverControls {margin-top:56px!important;}



	
	