@charset "UTF-8";
/* CSS Document */

   
@import url("/_css/reset.css");
@import url("/_css/typography.css");
@import url("/_css/structure.css");
@import url("/_css/framework.css");


/* for jquery items */
@import url("/jquery/tipTip/tipTip.css");
@import url("/jquery/colorbox/example4/colorbox.css");
@import url("/jquery/ui/ui-lightness/jquery-ui-1.8.9.custom.css");
/* 
------------------------------------------------------------------------------------------ 
------------------------------------------------------------------------------------------ 
------------------------------------------------------------------------------------------ 

General.css Is For Page Specific Styles Only!!!!!



------------------------------------------------------------------------------------------ 
------------------------------------------------------------------------------------------ 
------------------------------------------------------------------------------------------ 


index / default.asp 
------------------------------------------------------------------------------------------ 
*/

.home { }
.home .homeTop {
	height: 360px;
	margin:0;
	padding: 0;
	background: #FFF /* url(/index/homeTop_bkgd.jpg) no-repeat left top */;
	}
	.home .homeTop .slider { width: 960px; height: 360px; margin: 0 auto; }

.home .homeBottom { background-color: #847c35; min-height: 135px; }
	.home .homeBottom .services { float: left; width: 400px; margin: 55px 30px 0 30px; font-size: 18px; }
	.home .homeBottom .services a { color: #3e230f; }
		.home .homeBottom .services a:link, .home .homeBottom .services a:visited,
		.home .homeBottom .services a:hover, .home .homeBottom .services a:active { color: #FFF; text-decoration: none; text-shadow: none; }
		.home .homeBottom .services a:hover, .home .homeBottom .services a:active { text-shadow: 0px 0px 6px #FFF, 0px 0px 8px #3e230f; }
	.home .homeBottom .blogs { float: left; width: 470px; margin: 15px 30px 0 0; }
		.home .homeBottom .blogs h4 { float: left; width: 150px; font-size: 11px; line-height: 1.3em; color: #FFF; position: relative; }
		.home .homeBottom .blogs h4 div.date { 
			position: absolute; z-index: 1;  
			display: inline-block;
			}
		.home .homeBottom .blogs h4 div.date span.text {
			float: left;
			height: 12px;
			padding: 2px 4px 0px 4px;
			font-size: 9px;
			line-height:1em;
			text-transform: uppercase;
			color: #7D4C41;
			background: #691C00;
			}
		.home .homeBottom .blogs h4 div.date span.arrow { 
			float: left; width: 0; height: 0; 
			border-style: solid; border-width: 7px; border-color: transparent transparent transparent #691C00;  
			/* 
			http://www.dynamicdrive.com/style/csslibrary/item/css_triangle_arrow_divs/
			http://www.icebluemonkey.com/blog/css3/using-css3-to-create-left-and-right-facing-arrows/
			*/
			}
		.home .homeBottom .blogs h4 a {
			display: block;
			min-height: 75px;
			padding: 18px 6px 6px 6px;
			margin: 0 0 6px 0;
			color: #ece2c5;
			text-decoration: none;
			background: url(/index/blog_post_bkgd.png) no-repeat left top;
			}

/* about
------------------------------------------------------------------------------------------ 
*/
.about .Top { background: #FFF;  }
.about .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }


/* policies
------------------------------------------------------------------------------------------ 
*/
.policies .TopShort { background: #6b859e; }
.policies .Bottom {  }
	.policies .Bottom h6 { color: #6b859e; font-weight: bold; }
	

/* history
------------------------------------------------------------------------------------------ 
*/
.history .TopShort { background: #6b859e; }
.history .Bottom {  }


/* hubert
------------------------------------------------------------------------------------------ 
*/
.hubert .TopShort { background: #6b859e; }
.hubert .Bottom {  }	
	

/* staff
------------------------------------------------------------------------------------------ 
*/
.staff .TopShort { background: #6b859e; }
.staff .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }

		.staff .Bottom .twoCol .Right { }
		.staff .Bottom .twoCol .Right h4 { color: #6b859e; margin: 36px 0 6px 0; }

		.staff .Bottom .twoCol .Right a.staffDetail { float: left; width:200px; display: block; text-decoration: none; color: #3e230f;  }
			.staff .Bottom .twoCol .Right a.staffDetail img { max-width: 200px; }
		
		.staff .Bottom .twoCol .Right a.staffDetail2 { float: left; width:100px; display: block; text-decoration: none; color: #3e230f;  }
			.staff .Bottom .twoCol .Right a.staffDetail2 img { max-width: 100px; }
			.staff .Bottom .twoCol .Right a.staffDetail2 span { font-size: 11px; }
	
	
.staffDetail .TopShort { background: #6b859e; }
.staffDetail .Bottom { /* background: url(/about/about_bottom_bkgd.gif) no-repeat right top; */ }
	
	.staffDetail .Bottom .Left2 { width: 250px; margin-right: 30px; }
		.staffDetail .Bottom .Left2 img { max-width: 250px; }
	.staffDetail .Bottom .Right2 { }
	
		.staffDetail .Bottom .Right2 h1 { font-size: 24px; }
		.staffDetail .Bottom .Right2 h5 { font-size: 14px; margin: 6px 0 9px 0; }
		.staffDetail .Bottom .Right2 h6 { font-size: 12px; margin: 0 0 3px 0; }
		.staffDetail .Bottom .Right2 h1 a,
		.staffDetail .Bottom .Right2 h5 a,
		.staffDetail .Bottom .Right2 h6 a { text-decoration: none; }		
	
.staffDetail .toggle_container { background-color:#6b859e; }


/* about news
------------------------------------------------------------------------------------------ 
*/
.aboutNews .Top { background: #FFF url(/about/about_top_bkgd.jpg) no-repeat left top; height: 262px; overflow: hidden;	}		
	.aboutNews .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }
	.aboutNews .Bottom { padding: 0 30px 30px 30px; }
	
	.aboutNews .Bottom .Left2 { width: 60px; margin-right: 20px; }
		.aboutNews .Bottom .Left2 #date { padding: 9px 0 0 0; }
	.aboutNews .Bottom .Right2 { width: 580px; }
	.aboutNews .Bottom .rule660 { clear: both; display: block; margin: 0; padding: 17px 0 18px 0; }
	
			
.aboutNewsDetail .TopShort { background: #6b859e; }
.aboutNewsDetail .Bottom { /* background: url(/about/about_bottom_bkgd.gif) no-repeat right top; */ }
.aboutNewsDetail .Bottom { padding: 0 30px 30px 30px; }
	.aboutNewsDetail .Bottom #date { padding-bottom: 9px; }


/* contact
------------------------------------------------------------------------------------------ 
*/
.contact { }
	
	.contact .Top { background: #FFF url(/about/about_top_bkgd.jpg) no-repeat left top;	 height: 262px; overflow: hidden;}	
	.contact .TopShort { background: #6b859e; }	
	.contact .Bottom { padding: 0 30px 30px 30px;  }
	
	.contact .Bottom .twoCol .Left { }
	.contact .Bottom .twoCol .Right { }
	
	.contact .Bottom #contactNav ul.leftNav { }
	
.contactMap .TopShort { background: #6b859e; }	
	.contactMap .Bottom { padding: 0 30px 30px 30px;  }
	.contactMap .Bottom h6 { font-weight: bold; color: #6b859e; }
	

/* admin, legal, sitemap
------------------------------------------------------------------------------------------ 
*/
.admin { }
	.admin .TopShort { background: #6b859e; }
	.admin .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }
	.admin .Bottom { padding: 30px; }

.legal { }
	.legal .TopShort { background: #6b859e; }
	.legal .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }
	.legal .Bottom { padding: 30px; }
	
.sitemap { }
	.sitemap .TopShort { background: #6b859e; }
	.sitemap .Bottom { background: url(/about/about_bottom_bkgd.gif) no-repeat right top; }
	.sitemap .Bottom { padding: 0 30px 30px 30px; }	
	
	.sitemap .Bottom .twoEvenCol h1, .siteMap .Bottom .twoEvenCol h1 a { font-size: 36px; padding: 30px 0 0 0; }
	.sitemap .Bottom .twoEvenCol h3, .siteMap .Bottom .twoEvenCol h3 a { font-size: 24px; padding: 3px 0 0 0;}
	.sitemap .Bottom .twoEvenCol li { padding: 0 0 0 15px; margin: 0; }
	.sitemap .Bottom .twoEvenCol li, .sitemap .Bottom .twoEvenCol li a { 
			list-style: url(/_common/arrowBullet.gif) outside;
			margin: 0 0 0 0;
			padding: 0 0 6px 0; 
			font-size: 16px; line-height: 18px;
			}

/* work
------------------------------------------------------------------------------------------ 
*/
.work { }	
	
	.work .Bottom {
		padding: 0 30px 0 30px;
		min-height: 540px;
		color: #ece2c5;
		background: #4e3227 url(/work/work_bkgd.png) no-repeat right top;
		border-bottom: 5px solid #847c35; 
		}
		
	.work .Bottom #workNav ul.leftNav { background: url(none); color: #ece2c5; }
	.work .Bottom #workNav ul.leftNav li a:link,.work .Bottom #workNav ul.leftNav li a:visited,.work .Bottom #workNav ul.leftNav li a:hover,.work .Bottom #workNav ul.leftNav li a:active { color: #ece2c5; }
	
	.work .Bottom .Right .rightTop { padding-bottom: 10px; }
			.work .Bottom .Right .rightTop h1 { float: left; width: 325px; margin-right: 10px; font-size: 30px; color: #ece2c5;  }
			.work .Bottom .Right .rightTop .pollingDiv { float: left; width: 325px; }
	.work .Bottom .Right .rightBottom { padding: 10px 0;  }
						
		.workDiv { float: left; width: 190px; margin-bottom: 39px;}
			.workDiv a { text-decoration: none; }
			.workDiv span {
	display: block;
	width: 190px;
	height: 150px;
	overflow:hidden;
	background-color: #FFF;
	border: solid 5px #3e230f;
	box-shadow: 2px 2px 2px #281709;
				}
			.workDiv span img { max-width: 190px; }
			.workDiv p { 
				margin: 3px 0; padding: 0; 
				font-size: 11px; line-height: 12px; color: #847c35; 
				}
			.workDiv a:hover span { border: solid 5px #ece2c5; }
			.workDiv a:hover p { color: #ece2c5; }

.workDetail { }
	.workDetail .TopShort { background: #847c35; }
	.workDetail .Bottom { /* background: url(/work/work_detail_bkgd.gif) no-repeat right top; */ }
	.workDetail .Bottom { padding: 0 30px 30px 30px; }
	
	.workDetail .Bottom .twoCol .Left h1 { color: #847c35; font-size: 16px; line-height: 17px; margin: 0 0 9px 0; padding: 0; }
	.workDetail .Bottom .twoCol .Left h4 { color: #4e3227; font-size: 11px; line-height: 12px; margin:0 0 9px 0; padding: 0; }
	.workDetail .Bottom .twoCol .Left .text { font-size: 11px; line-height: 13px; padding-bottom: 24px; }
	
	.workDetail .Bottom .twoCol .Left h6, .workDetail .Bottom .twoCol .Left h6 a { color: #847c35; font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 9px 0; }


	.workDetail .Bottom .twoCol .Right .workDetailimg { display: block; max-width: 660px; }
	
	.workDetail .Bottom .twoCol .Right .workPost { width: 600px; }
	.workDetail .Bottom .twoCol .Right .workPost #date { position: absolute; z-index: 10; }
	.workDetail .Bottom .twoCol .Right .workPost .workDetailimg { display: block; max-width: 600px; }
	
	
		#workPost { margin: 0; padding: 0;  border-top: none; }
		#workPost .socialIconsDiv { float: right; }
		#workPost .socialIconsDiv span { display: block; margin: 0 0 0 9px;  }
		
		
	.workDetail .toggle_container { background-color:#847c35; }


.workSearch { margin: 0; padding: 0 0 24px 0; }




/* blog
------------------------------------------------------------------------------------------ 
*/
.blog { }	
	
	.blog .Bottom { 
		padding: 0 30px 0 30px;
		min-height: 540px;
		color: #ece2c5;
		background: #691C00 url(/blog/blog_bkgd.png) no-repeat right top;
		border-bottom: 5px solid #4e3227; 
		}
	.blog .Bottom #blogNav ul.leftNav { background: url(none); color: #ece2c5; }
	.blog .Bottom #blogNav ul.leftNav li a:link, .blog .Bottom #blogNav ul.leftNav li a:visited, .blog .Bottom #blogNav ul.leftNav li a:hover, .blog .Bottom #blogNav ul.leftNav li a:active { color: #ece2c5; }

	.blog .Bottom .Right .rightTop { padding-bottom: 10px; }
			.blog .Bottom .Right .rightTop h1 { float: left; width: 325px; margin-right: 10px; font-size: 30px; color: #ece2c5;  }
			.blog .Bottom .Right .rightTop .pollingDiv { float: left; width: 325px; }
	.blog .Bottom .Right .rightBottom { padding: 10px 0;  }
	
	.blog .Bottom .Right .rightBottom .textLeft { float: left; width: 296px; margin-right: 20px; font-size: 12px; line-height: 16px; color: #c3a499;  }
	/* special use to override width when no photo is uploaded */
	#width520 { width: 520px; margin-right: 20px;  }
	
			.blog .Bottom .Right .rightBottom .textLeft h1, 
			.blog .Bottom .Right .rightBottom .textLeft h1 a { font-size: 20px; line-height: 22px; color: #ece2c5; padding-bottom: 6px; text-decoration: none; }
			.blog .Bottom .Right .rightBottom .textLeft h1 a:hover { text-decoration: underline; }
	.blog .Bottom .Right .rightBottom .imageMiddle { float: left; width: 204px; margin-right: 20px; }
	.blog .Bottom .Right .rightBottom .imageMiddle .blogListImage { max-width: 198px; border: solid 3px #fff; }
		.blog .Bottom .Right .rightBottom .imageMiddle a.blogListImage:hover { border: solid 3px #ece2c5; }
	.blog .Bottom .Right .rightBottom .detailsRight { 
			float:left; width: 120px;  
			font-size: 11px; line-height: 12px; color: #c3a499;
			}
			.blog .Bottom .Right .rightBottom .detailsRight a { display: block; padding: 0 0 6px 0; text-decoration: none; color: #c3a499; }
			.blog .Bottom .Right .rightBottom .detailsRight a:hover { color: #ece2c5; text-decoration: underline; }
	/*blog rule*/
	img.rule-brown660 { display: block; padding: 16px 0 0 0; margin: 13px 0; clear:both; }

	/* blog nav */
	img.rssIcon { }
	.socialIcons { margin: 0; }
	.blogSearch { margin: 0; padding: 24px 0; }
	.blogTopics { margin: 12px 0; }
		.blogTopics ul { list-style: none; padding-left: 0; margin-left: 0; }
	.blogMonths { margin: 12px 0; }
		.blogMonths ul { list-style: none; padding-left: 0; margin-left: 0; }
	.addThis { margin: 12px 0; }
	
	
	
	
	
.blogDetail { }

	.blogDetail .TopShort { background: #691C00; }
	.blogDetail .Bottom { /* background: url(/blog/blog_detail_bkgd.gif) no-repeat right top; */ }
	.blogDetail .Bottom { padding: 0 30px 30px 30px; }
	
	.blogDetail .Bottom .blogPost { width: 600px; }
		.blogDetail .Bottom .blogPost a:link { color: #4e3227; text-decoration: underline; }
		.blogDetail .Bottom .blogPost a:visited { color: #691C00; text-decoration: underline; }
		
		/* turn viglink to orange */
		.blogDetail .Bottom .blogPost a.vglnk { color: #F7923C; }
		
	.blogDetail .Bottom .blogPost #date { position: absolute; z-index: 10; }
	.blogDetail .Bottom .blogPost .blogDetailimg { max-width: 600px; }
	.blogDetail .Bottom .blogPost  h1 { color: #691C00; padding: 0 0 3px 0; }
	.blogDetail .Bottom .blogPost h6 { font-size: 11px; line-height: 13px; padding: 0 0 9px 0;}
		.blogDetail .Bottom .blogPost h6 a { color: #4e3227; text-decoration: none; }
	
		#blogPost { margin: 0; padding: 0;  border-top: none; }
		#blogPost .socialIconsDiv { float: right; }
		#blogPost .socialIconsDiv span { display: block; margin: 0 0 0 9px;  }
		
		
	.blogBottom {
			background-color: #FFF;
			margin: 18px 0 0 0;
			padding: 18px 0 0 0;
			background-image: url(/blog/blog_comment_top_fade.gif);
			background-repeat: repeat-x;
			background-position: left top;
			width: 600px;
			}
		.blogBottom h3.warning { font-size: 18px; margin: 18px 5px; font-style: italic; color: #4e3227; }
		.blogComments { padding: 5px; }
			.blogComments .count { float: left; width: 30px; margin-right: 20px; }
				.blogComments .count .number {
					width: 16px;
					height: 16px;
					padding: 4px 2px 0 2px;
					border: 2px solid #691C00;
					vertical-align: middle;
					text-align: center;
					color: #691C00;
					font: bold 10px/10px Tahoma, Geneva, sans-serif;
					background: #ece2c5;
					}
			.blogComments .LeftB { float: left; width: 370px; margin-right: 20px; }
			.blogComments .RightB { float: left; width: 150px; color: #64AFC4;  }
			.blogComments .RightB em, .blogComments .RightB h6 { color:#691C00; font-size: 11px; line-height: 13px; }
		
		/*blog rule*/
		img.rule-brown650 { display: block; padding: 16px 0 0 0; margin: 13px 0; clear:both; }
	
		
		.blogForm { width: 500px; padding: 5px; }
		
		.vigLink { padding: 18px 0; }
	




/* blog detail */
ul.menu, ul.menu ul {
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  font-size: 11px;
	  line-height: 12px;
	}
	
	ul.menu a {
	  display: block;
	  text-decoration: none;
	}
	
	ul.menu li {
	  margin-top: 1px;
	}
	
	ul.menu li a {
		padding: 4px 2px;
		font-weight:bold;
		border-bottom: 1px solid #D8E5E8;
	}
	
	ul.menu li a:hover {
	  color: #6BA82F;
	}
	
	ul.menu li ul li a {
	  padding-left: 9px;
	  background-color:#EDF7F9;
	  border-bottom: solid 1px #FFF;
	  font-weight:normal;
	}
	
	ul.menu li ul li a:hover {
		border-left: solid 3px #6BA82F;
		padding-left: 6px;
		background: #DDE7CB;
	}
	
	
		
	
/* what
------------------------------------------------------------------------------------------ 
*/
.what { }
	
	.what .Top { background: #FFF url(/what/what_top_bkgd.jpg) no-repeat left top; height: 262px; overflow: hidden; }
	.what .Bottom { background: url(/what/what_bottom_bkgd.gif) no-repeat right top; }

	.what .Bottom  .threeCols {
			font-size: 14px;
			line-height: 18px;
			background: url(/what/what_threeCol_bkgd.gif) repeat-y;
			}
		.what .Bottom .threeCols h4, .what .Bottom .threeCols h4 a { color:#847c35; }
	.what .Bottom .threeCols .One { float: left; width: 190px; margin-right: 30px; }
	.what .Bottom .threeCols .Two {float: left; width: 190px; margin-right: 30px;   }
	.what .Bottom .threeCols .Three { float: left; width: 190px; }
	
	.what .Bottom .fourCols {
			font-size: 12px;
			line-height: 16px;
			background: url(/what/what_fourCol_bkgd.gif) repeat-y;
			margin: 45px 0 0 0;
			}
		.what .Bottom .fourCols h5, .what .Bottom .fourCols h5 a { color:#847c35; }
	.what .Bottom .fourCols .One 	{ float: left; width: 140px; margin-right: 33px; }
	.what .Bottom .fourCols .Two 	{ float: left; width: 140px; margin-right: 33px;   }
	.what .Bottom .fourCols .Three 	{ float: left; width: 140px; margin-right: 33px;   }
	.what .Bottom .fourCols .Four 	{ float: left; width: 140px; }
	

.whatDetail { }
	.whatDetail .TopShort { background: #847c35; }
	.whatDetail .Bottom { /* background: url(/what/what_bottom_bkgd.gif) no-repeat right top; */ }
	
	.whatDetail .Bottom .whatPost { width: 600px; }
	
	#whatPost { margin: 0; padding: 0;  border-top: none; }
		#whatPost .socialIconsDiv { float: right; }
		#whatPost .socialIconsDiv span { display: block; margin: 0 0 0 9px;  }

/* resources
------------------------------------------------------------------------------------------ 
*/
.resources { }
	
	.resources .Top { background: #FFF url(/resources/resources_top_bkgd.jpg) no-repeat left top; height: 262px; overflow: hidden; }
	.resources .Bottom { background: url(/resources/resources_bottom_bkgd.gif) no-repeat right top; }

	.resources .Bottom  .threeCols {
			font-size: 12px;
			line-height: 16px;
			background: url(/resources/threeCol_bkgd.gif) repeat-y;
			}
		.resources .Bottom .threeCols h4, .resources .Bottom .threeCols h4 a { color:#282445; }
	.resources .Bottom .threeCols .One { float: left; width: 190px; margin-right: 30px; }
	.resources .Bottom .threeCols .Two {float: left; width: 190px; margin-right: 30px;   }
	.resources .Bottom .threeCols .Three { float: left; width: 190px; }
	

.articles { }
	.articles .TopShort { background: #282445; }
	.articles .Bottom { background: url(/resources/resources_bottom_bkgd.gif) no-repeat right top; }
	
.articlesDetail { }
	.articlesDetail .TopShort { background: #282445; }
	.articlesDetail .Bottom { /* background: url(/resources/resources_bottom_bkgd.gif) no-repeat right top; */ }
	
	.articlesDetail .Bottom .articlePost { width: 600px; }
	
	.articlesDetail .Bottom .articlePost h1 { margin: 0 0 3px 0; }
	.articlesDetail .Bottom .articlePost h6.author { font-size: 12px; line-height: 14px; font-style: italic; margin: 9px 0 18px 0; }
	
	#articlePost { margin: 0; padding: 0;  border-top: none; }
		#articlePost .socialIconsDiv { float: right; }
		#articlePost .socialIconsDiv span { display: block; margin: 0 0 0 9px;  }

.books { }
	.books .TopShort { background: #282445; }
	.books .Bottom { background: url(/resources/resources_bottom_bkgd.gif) no-repeat right top; }
	
	.floatBooks { }
		.floatBooks p { float: left; width: 190px; height: 190px; margin-right: 30px; }
		.floatBooks p img { max-width: 190px; max-height: 190px; }
		.floatBooks p img.bookOutline { border: solid thin #282445; }
	

.links { }
	.links  .TopShort { background: #282445; }
	.links  .Bottom { /* background: url(/resources/resources_bottom_bkgd.gif) no-repeat right top; */ }
	
	
	.linkWrapDiv {
		margin: 0 0 17px 0;
		padding: 0 0 18px 0;
		border-bottom: dotted 1px #282445;
		}
		.linkWrapDiv h3 { color:#282445; }	
		
	.linkWrapDiv ul.helplinks {
		padding: 0 0 0 15px;
		margin: 0;
		}
		.linkWrapDiv ul.helplinks  li { 
			list-style: url(/_common/arrowBullet.gif) outside;
			float: left;
			width: 120px;
			margin: 0 30px 15px 0;
			padding: 0 0 0 0; 
			font-size: 12px; line-height: 14px;
			}
	
	

/* legal
------------------------------------------------------------------------------------------ 

.legal { }
	
	.legal .TopShort {
		background: #6b859e;
		}		
		.legal .Top h1 { color: #ece2c5; font-size: 36px; line-height: 1em; margin: 0; padding: 18px 0 0 36px; text-shadow: 2px 2px 2px #597289; }	
	.legal .Bottom { padding: 0 30px 30px 30px;  }
*/	

/* legal
------------------------------------------------------------------------------------------ 

.sitemap { }
	
	.sitemap .TopShort {
		background: #6b859e;
		}		
		.sitemap .Top h1 { color: #ece2c5; font-size: 36px; line-height: 1em; margin: 0; padding: 18px 0 0 36px; text-shadow: 2px 2px 2px #597289; }	
	.sitemap .Bottom { padding: 0 30px 30px 30px; }
*/	


















/* press kit - graphics library 
------------------------------------------------------------------------------------------ 
*/
.library { }

.libraryNavWrap { }
.libraryNavWrap .top { 	
	height: 25px;
	background-image: url(/news/news_right_fade_01.png);
	background-repeat: no-repeat;
	background-position: left bottom; 
	}
.libraryNavWrap .middle{
	padding: 15px 0 15px 45px;
	background-image: url(/news/news_right_fade_02.png);
	background-repeat: repeat-y;
	background-position: left center;
	}
.libraryNavWrap .bottom { 
	height: 25px;
	background-image: url(/news/news_right_fade_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	}

.library .graphicHeader { margin: 0 0 9px 0; padding: 0 0 3px 0; border-bottom: dotted 1px #64AFC4; }
	.library .graphicHeader { background-color: #EDF7F9; }
	.library .graphicHeader div { padding-top: 6px; }
.library .graphicRow {  }	
	.library .graphicRow .odd {  background-color: #fff; }
	.library .graphicRow .even { background-color: #EDF7F9; }

.library .graphicRow table.vertMiddle {  }
.library .graphicRow table.vertMiddle td { vertical-align: middle;  }


ul.libNav { font-size: 12px; line-height: 21px; margin:  0; }
	ul.libNav li { list-style-image: url(/_image_lib/photos/bullet_green.png); }
	ul.libNav li a { text-decoration: none; }	








#searchwrapper {
	width:248px; /*follow your image's size*/
	height:32px;/*follow your image's size*/
	background-image:url(/library/search_background.png);
	background-repeat:no-repeat; /*important*/
	padding:0px;
	margin: 0;
	position:relative; /*important*/
	float: right;
	}
 
#searchwrapper form { display:inline ; }
 
.searchbox {
border: 0; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
left:9px;
width:185px;
height:16px;
font-size: 95%;
padding: .3em;
}
 
.searchbox_submit {
border:0; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:5px;
left:208px;
width:30px;
height:23px;
}






/* search
------------------------------------------------------------------------------------------ 
*/
.search_section { }
	h3.searchListing, h3.searchListing a { font-size: 18px; line-height: 20px; margin: 0; padding: 0 0 3px 0; }
	p.searchShortText { line-height: 1.3em; }


/* join email
------------------------------------------------------------------------------------------ 
*/
.joinFormDiv { 
			width: 575px;
			}
			.joinFormDiv .top {
				height: 30px;
				background: url(/_common/formBox_01.jpg) no-repeat left top;
				}
			.joinFormDiv .middle{
				padding: 0 30px;
				background-image: url(/_common/formBox_02.jpg);
				background-repeat: repeat-y;
				background-position: left center;
				}
			.joinFormDiv .bottom {
				height: 30px;
				background: url(/_common/formBox_03.jpg) no-repeat left bottom;
				}
				
			.joinFormDiv .myForm {  }

/* used on product submit review modal */
.join2 { width: 500px; margin: 0 auto; padding: 36px 0; }




/* other pages - miscellaneous
------------------------------------------------------------------------------------------ 
*/
#tinyQuote { position: absolute; z-index: 1; width: 450px; height: 202px; margin: 0 0 0 450px; padding: 2px 0 0 0; }
#tinyQuote .quoteImage { position: absolute; z-index: 2; width: 180px; margin: 0 0 0 265px;  }
#tinyQuote .quote {
	  position: absolute;
	  z-index: 3;
	  width: 260px;
	  height: 192px;
	  padding: 20px 0 0 0;
	  margin: 0 0 0 15px;
	}
	#tinyQuote .quote p.quoteText {
	  color: #828C13;
	  padding: 0 0 0 25px;
	  background:url(/_common/left_quote2.png) no-repeat;
	  margin:0;
	  font-family:Georgia, "Times New Roman", Times, serif;
	  font-style: italic;
	  font-size:16px;
	  line-height:22px;
	  }
	#tinyQuote .quote p.quoteText span.endQuote{	
	  background: url(/_common/right_quote2.png) no-repeat right top;
	  padding:0 28px 0 0;
	  }
	#tinyQuote .author {
	  font-weight:bold;
	  padding:2px 0 0 25%;
	  color: #828C13;
	  }



/* dotted rule */
img.rule575 { display: block; margin: 18px 0; }
img.rule575-2 { display: block; margin: 18px 0; padding-top: 18px; }
img.rule575BA { display: block; margin: 20px 0 0 0; clear:both; }

img.rule660 { display: block; margin: 18px 0; }


img.rule850 { display: block; margin: 9px 0; padding: 9px 0; }

img.rule900 { display: block; margin: 18px 0; padding: 0;}
img.rule900-2 { display: block; margin: 18px 0; padding-top: 18px; }
img.rule900-3 { display: block; margin: 12px 0 0 0; padding-top: 12px; }
img.rule900-4 { display: block; margin: 0; padding: 0 0 12px 0; }
img.rule900-5 { display: block; margin: 0; padding: 12px 0 13px 0; }