/* Default Stylesheet for Nterchange Frontend */
/* ========================================== */

/*@import url(print.css) print;*/
/*@import url("other_stylesheet.css") screen;*/

/* HTML RULES 								 		  */
/* ================================================== */
body { font:11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; background: #333333; }
h1 { font-size:20px; }
h2 {}
h3 {}
p, p b, p strong { line-height:1.5; margin-bottom:10px; }
a {}
a:hover {}
strong { font-weight:bold; }
em { font-style: italic; }
ol {list-style-type:decimal;}
.text li { line-height:1.5;margin:0 0 0 20px; }
.text ul {list-style-type:disc;}

/* Image banner frame 
===================================================== */
.banner {height:203px; position: relative;}
	img.no-frame {position: absolute; z-index: 2; top:7px; left:26px; }
	.frame {height:203px; width:618px; position: absolute; z-index:10; background: url(../images/layout/frame.gif) no-repeat top left;}
	
/* SITE LAYOUT RULES 								  */
/* ================================================== */
#site {
	width: 100%;
	text-align: center;
	background: #FFF url(/images/layout/wallpaper.jpg) top left repeat-x;
	padding-top: 7px;
}
.default {  }	

.home #book {
	position: absolute; 
	width: 916px; height: 368px; 
	bottom: 0px; left: 0px;
}

#home-clip-left {
	position:absolute;
	top:40px;
	left:-2px;
	background:url(/images/layout/home-clip-left.png) no-repeat;
	width:78px;
	height:22px;
	z-index:100;
}
#home-clip-right {
position:absolute;
top:-4px;
left:395px;
	background:url(/images/layout/home-clip-right.png) no-repeat;
	width:32px;
	height:79px;
	z-index:100;
}

#left-image {
position:absolute;
top:40px;
left:32px;
	width:169px;
	height:148px;
	z-index:10;
}

#right-image {
position:absolute;
top:40px;
left:255px;
	width:169px;
	height:148px;
	z-index:10;
}

.home #book h2 {
	position: absolute;
	top: 44px; 
	right: 100px;
	line-height:30px;
	letter-spacing: 2px;
	font-family: Verdana;
	font-size:18px;
	color:#434343;
	text-transform: uppercase;
	font-weight: normal;
}

.home #book .book-text {
	
	position: absolute;
	width: 365px; height: 100px;
	top: 120px; right: 60px;
/*
	width: 365px; height: 100px;
	margin-top: 120px;
	margin-left: 490px;
*/	
	font-family: Verdana;
	color: #202020;
	font-size: 12px;
}
.home #book .book-text p { text-align:center; line-height:2.5; }
.home #book .book-text a { color: black; text-decoration: underline; }

.home #content .home-title {
	margin: 24px 0 38px 177px;
}
.home #content .home-title h2 {
	letter-spacing: 3px;
	color: #212121;
	font-size: 37px;
	font-family: 'Georgia','Times New Roman';
		font-weight: normal;
/*	
	text-indent: -9999px;
	background: transparent url(/images/layout/keep-memories-safe.png) top left no-repeat;
	width: 463px; height: 55px;
*/	
}
.home #content .home-title p {
	margin-left: 222px;
	font-size: 12px;
	letter-spacing: 0.3px;
	color: #333333;
/*	
	display: none;
*/	
}


.home #below-book {
	min-width: 916px;
	background: transparent url(/images/layout/home-book-below.png) top center no-repeat;
	overflow: hidden;
}


.home #content {
	width: 916px;
	margin: 0 auto;
	padding: 0 11px 0 6px;
	background: transparent; 
}

.home #content .sections {
	margin-left: 6px;
	width: 900px;
}
.home #content .section {
	float: left;
	width: 270px;
}
.home #content .divider { 
	width: 43px; 
	height: 204px;
	margin-bottom: 53px;
	background: transparent url(/images/layout/home-divider.png) top center repeat-y; 
} 

.home #content .section .call-to-action {
  margin-top:-12px;
}
.home #content .section .call-to-action, 
.home #content .section .call-to-action h3, 
.home #content .section .call-to-action p,
.home #content .section .call-to-action div {
  text-align:center;
}
.home #content .section .call-to-action h3 {
  font-size:23px;
}


.home #content .narrow { 
	width: 220px;
	margin-top:18px;
}

.home #content .wide { 
	width: 370px;
}

.home #content .section p {
	margin-bottom: 10px;
}

.home #content .section a {
	color: #f22900;
	line-height:1.5em;
}



/*
.home #content .section h3 {
	height: 22px;
	width: 100%;
	text-indent: -9999px;
}
.home #content .about-services h3 { background: transparent url(/images/layout/about-services.png) top left no-repeat; ; } 
.home #content .scrapbook-mag h3 { background: transparent url(/images/layout/scrapbook-mag.png) top left no-repeat; } 
.home #content .already-a-member h3 { background: transparent url(/images/layout/already-a-member.png) top left no-repeat; }
*/

.home h3 {
	font-family: 'Georgia', 'Times New Roman';
	width: 100%;
	font-size: 19px;
	color: #0e0e0e;
	padding-bottom: 7px;
	font-weight: normal;
}
.home h3 span.last-word { color: #00AAE9 }
#section-4 h3 {
	height:44px;
}


#header {
	width: 916px;
	margin: 0 auto;
	position: relative;
}

.home #header { 
	height: 463px;
	background: transparent url(/images/layout/home-book.png) top left no-repeat;
}

.home #header h2 span { visibility: hidden; }

.default #header { 
	height: 102px;
	background: transparent url(/images/layout/header.png) top left no-repeat;
}



#header #home-link, #header #home-link a {
  display:block;
  width:150px;
  height:95px;
}
#header #home-link {
	position: absolute;
	top: 0px; 
	left: 8px;
	background: transparent url(/images/layout/blank.gif) top left;
	z-index: 10;
	cursor: pointer;
}
#header h1 a { text-indent:-9999px; }

#header #search-nav {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	text-align: right;
	font-family: Arial;
	font-size:10px;
	color:white;
}
#header #search-nav p {
	text-align: right;
	letter-spacing: 1px;
	margin-bottom: 3px;
	padding-right: 3px;
}
#header #search-nav a {color:white; text-decoration:none;}

#header #search-nav .search-box {
	width: 119px; height: 21px;
	float: right;
	background: url(/images/layout/searchfield.jpg) top left no-repeat;
}
#header #search-nav .search-box #search {
	float: left;
	padding: 0;
	margin: 4px 0 0 6px;
	border: 0;
	width: 90px;
	background: none;
	color: #8B8B8B;
	font-size: 11px;
	font-family: Arial;
}
#header #search-nav .search-box #go {
	float: right;
	margin: 3px 4px 0 0;
}

.default #content .top {
	width: 916px;
	margin: 0 auto;
	/*background: transparent url(/images/layout/top.png) top left no-repeat; /* top.png is 294px tall */
	background: transparent url(/images/layout/top.png) repeat-y left top;
}

.default #content .middle {
	padding: 0 11px 0 6px;
	overflow: hidden;
	min-height: 294px; 
	/*max-height: 1294px;*/ /*This is not allowing the content to stretch*/ /* middle.png is 1294px tall and starts after top.png (294px) */
	/*background: transparent url(/images/layout/middle.png) 0px 294px repeat-Y; */
	background: transparent url(/images/layout/middle.png) top left no-repeat;
}

.default #content .bottom {
	width: 916px; height: 39px;
	margin: 0 auto;
	background: transparent url(/images/layout/bottom.png) top left no-repeat;
}


/* 
672px total width in left panel
minus 6px black border 
minus 30px gap between left side and content
minus 21px gab between right side and content
*/
.default #main {
	float: left;
	width: 615px;
	padding: 26px 21px 0 36px;
}

/* 
242px total width in right panel
minus 17px gap between left side and content
*/
.default #side {
	float: right;
	padding-top: 26px;
	width: 225px;
}


.default #side-nav {
	width: 203px;
	padding: 19px 2px 0 2px;
	margin-top: 5px;
	min-height: 157px;
	height:auto !important; height:157px;
	background: transparent url(/images/layout/sidebg.png) top left no-repeat;
}
.default #side-nav a { 
	display: block; 
	padding: 8px 0px 8px 18px;
	border-bottom: 2px dotted #c9cbc4; 
	text-transform: uppercase;
	text-decoration: none;
	color: #424241;
}
.default #side-nav a span {
	padding: 0 17px 0 0;
	background: transparent url(/images/layout/sidebullet.png) right center no-repeat;
}

h2.page-title {
	height: 22px;
	font-family: 'Georgia', 'Times New Roman';
	width: 100%;
	margin: 20px 0 12px 0;
	font-size: 21px;
	color: #0e0e0e;
}
h2.page-title span.last-word {
	color: #00AAE9;
}
.default #content h2 {
	height: 22px;
	font-family: 'Georgia', 'Times New Roman';
	width: 100%;
	padding: 20px 0 12px 0;
	font-size: 21px;
	color: #0e0e0e;	
	font-weight: normal;
}
.default #content h2 span.highlight { color: #00AAE9; }
.default #content .highlight { color: #00AAE9; }
.default #content h3 {
	font-family: 'Georgia', 'Times New Roman';
	width: 100%;
	margin: 20px 0 12px 0;
	font-size: 17px;
	color: #0e0e0e;	
	text-align: left;
	font-weight: normal;
}
.default #content h3 span.highlight { color: #00AAE9; }


.default #content address { 
	font-style: normal; 
	background: transparent url(/images/layout/sidebg.png) no-repeat scroll left top;
	padding: 10px; 
	font-size: 12px;
	line-height: 1.3;
	min-height: 157px;
	height:auto !important; height:157px;
}


h2.why-archive-page-title {
	text-indent: -9999px;
	background: transparent url(/images/layout/about-services.png) no-repeat left top;
}


.default #content .quote {
	width: 200px;
	min-height: 80px;
	background: #fbfdf3 url(/images/layout/quote-top.png) no-repeat left top;
	margin-bottom: 5px;
}
.default #content .quote-left {
	float: left;
	margin-right: 20px;
}
.default #content .quote-right {
	float: right;
	margin-left: 20px;
}
.default #content .quote-inner {
	width: 200px;
	min-height: 80px;
	background: transparent url(/images/layout/quote-bottom.png) no-repeat left bottom;
}
.default #content .quote .quote-inner .quote-text {
	padding: 15px 30px;
	font-size: 15px;
	text-align: center;
	line-height: 1.3;
}

.default #main a {
	color: #f22900;
}




.default #main h4 {
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	margin: 10px 0 10px 0;
	color: #00AAE9;
}

.default #main .products-section {
	background: url(/images/layout/gradient.jpg) top left no-repeat;
	padding: 10px 0 0 5px;
	margin-top: 30px;
}
.default #main .products-section h3.section {
	margin-top: 0;
	font-size: 18px;
}


.default #main ul.products {
	width: 560px;
}

.default #main ul.products li {
	border-top: 1px solid #CCCCCC;
}

.default #main ul.products li p {
	padding: 0 0 0 10px;
	width: 85%;
}
.default #main ul.products li h4 {
	padding: 10px 0 10px 10px;
	width: 85%;
	margin: 0;
}

.default #main sup {
	font-size: 0.6em;
}




.wide #content .top {
	background: transparent url(/images/layout/top-wide.png) top left repeat-y; /* top.png is 294px tall */
}

.wide #content .middle {
		padding: 0 11px 0 6px;
		overflow: hidden;
		min-height: 294px; max-height: 1294px; /* middle.png is 1294px tall and starts after top.png (294px) */
		height:auto !important; height:550px;		
		
		/*background: transparent url(/images/layout/middle-wide.png) 0px 294px no-repeat; */
		background: transparent url(/images/layout/middle-wide.png) top left no-repeat; 
}

.wide #main {
	width: auto;
	padding-right: 36px;
	height: 553px;
}
#masthead {}
	#logo {}

#nav {}

#search {}

#content {}
	#maincontentbox {}
	#sidebarbox {}
	#altsidebarbox {}

#footer { background: #333333 url(/images/layout/footer.png) top left repeat-x; min-width: 960px; }

/* 916px is the width of footer nav with side images. If this content changes, the width must be updated for centering */
#footer .nav {	width:916px; height:25px;  margin: 0 auto; position: relative;  } /* changes in ie css (add 18px to width for some reason) */
#footer .nav .section { float:left; height:25px;  }
#footer .nav .left { width:70px; background: #333333 url(/images/layout/footer-left.png) top left no-repeat; }
#footer .nav .right { width:70px; background: #333333 url(/images/layout/footer-right.png) top left no-repeat; }

/* IE5 Mac section */
/*\*//*/
#footer .nav .middle { position:absolute; top:2px; left:80px; }
#footer .nav .left { position:absolute; top:0; left:0  }
#footer .nav .right { position:absolute; top:0; right:0  }
/**/ 


#footer .nav ul { padding-top:7px ;}
#footer .nav ul li.footer-padding { height:1px; width:22px; }
#footer .nav ul li { position: relative; float: left; }
#footer .nav ul.nav-list li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #bfbfbf;
	font-family: Arial;
	font-size: 9px;
}

#footer .credits { padding: 10px 0; text-align: center; color: #868686; clear:both; }
#footer .credits a { color: #868686; text-decoration: none; }



/* BASIC CLASSES	 								  */
/* ================================================== */
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
.img_left { float:left; }
.img_right { float:right; }


/* NAVIGATION RULES 								  */
/* ================================================== */

#nav {
	position: absolute;
	right: 6px;
	top: 76px;
}

#nav ul.nav-list li { 
	position: relative; 
	float: left; 
}


/* IE5 Mac section */
/*\*//*/
#nav { width:560px; }
/**/ 

/* ------------------- */
#sitemap { 
	font-size: 12px; 
	padding: 10px;
}

#sitemap ul {
	margin: 5px 0 0px 20px;
}
#sitemap li {
	padding-bottom: 5px;
}


/* SEARCH			 								  */
/* ================================================== */
#search form {}
#search form input.text {}
#search form input.button {}

#searchresults dd { margin-bottom:5px; }
#searchresults dl { margin-top:15px; }


.forevermore {
	margin:0 0 0 14px;
	font-size:0.9375em;
}

.forevermore .fm-top {
	width:207px;
	height:47px;
	background:url(/images/layout/paper-top.gif) repeat-y;
}

.forevermore span {
	display:none;
}

.forevermore .fm-content {
width:167px;
	background:url(/images/layout/paper_content.gif) repeat-y;
	padding:0 30px 0 10px;
}
.forevermore .fm-bottom {
	width:207px;
	height:28px;
	background:url(/images/layout/paper-bottom.png) no-repeat;
}

.forevermore p {
	margin:0;
	padding:0 0 10px 0;
	color:#333;
}

.forevermore em {
	font-style:italic;
	color:#00AAE9;
}

.forevermore a { 
	color:#333;
}

.fm-image {
	width:102px;
	float:left;
}

/* FAQS		 						  */
/* ================================================== */
.faq-category {
	padding:10px;
	margin:0 0 1px 0;
}

.faq-category a {
	font-size:1.25em;
	line-height:1.5em;
	text-decoration:none;
	font-weight:bold;
}

#main .faq-category a:hover, #main .active .faq-category-box a,#main .selected-faq a {
	color:#00AAE9;
}

.faq-category .faq-category-link {
	display:block;
	float:left;
}

.faq-category .faq-plus-minus {
	width:15px;
	float:right;
}

a.faq-plus-minus {
	height:15px;
	display:block;
	background:url(/images/layout/faq-plus-sign.gif) no-repeat;
}


a:hover.faq-plus-minus, a.over, .active a.faq-plus-minus {
	height:15px;
	display:block;
	background:url(/images/layout/faq-plus-sign.gif) 0 -15px no-repeat;
}

.active a.faq-plus-minus {
	height:15px;
	display:block;
	background:url(/images/layout/faq-plus-sign.gif) 0 -30px no-repeat;
}

.faq-plus-minus span {
	display:none;
}

.faq-list {
	margin:0 0 0 10px;
}

.faq-list li {
	padding:10px 0 0 0;
}

.faq-question a, .faq-answer a {
	font-size:1em;
}

.faq-answer {
	padding:6px 0;
}

/* 
P.I.E. FLOAT CLEARING ----------------------------
See http://www.positioniseverything.net/easyclearing.html
and http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
*/

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */