/* 	RESET --------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, a img,:link img,:visited img,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0; padding:0; border:0; outline:0;
	font-weight:inherit; font-style:inherit; font-family:inherit;
	text-align:left;
	vertical-align:baseline;
	background:transparent; }
body { font:76%/1.8 Verdana, Arial, Helvetica, sans-serif; color:#666; padding:0 0 25px 0; }
:link,:visited,:hover { text-decoration:none; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
a,:active,:focus { outline:0; /* remember to define focus styles! */ }
table { border-collapse:collapse; border-spacing:0; font-size:1em;
	/* tables still need 'cellspacing="0"' in the markup */ }
address { font-style:normal /* de-italicize address */ }



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

#bodyContent { position:absolute; top:0; right:0; bottom:0; left:0; margin:0; background:url(../images/bkgd_side_btm.png) right repeat-y; min-width:890px; }
	* html #bodyContent { 
	   width: expression( document.body.clientWidth < 891 ? "890px" : "auto" ); /* set min-width for IE */
	   min-width:890px; /* sets min-width value for all standards-compliant browsers */
	}
#wrapper_main { float:left; width:100%; background:url(../images/bkgd_side_btm.png) right repeat-y; }
#main { margin-right:329px; background:url(../images/bkgd_main.jpg) top repeat-x; }
#wrapper_main #main { zoom:1; }

#sidebar { float:left; width:329px; margin-left:-329px; color:#fff; }
#sidebar_left { float:left; width:131px; }
#sidebar_right { float:left; width:198px; }

#footer { height:26px; background-color:#262C37; position:fixed; bottom:-1px; left:0; width:100%; overflow:hidden; }
/* hide from mac ie5 \*/
#footer { position:absolute; }
/* end hide from mac ie5 */
html>body #footer {  position:fixed; }

#logo { width:368px; height:121px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* close commented backslash hack */
.mail { height:16px; width:100px; margin-bottom:1.2em }


/* TYPOGRAPHY ------------------------------------------ */

a:link, a:visited { color:#0C6285; }
a:hover, a:active { color:#00263A; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#333; }
h1 { font-size:1.6em; padding-bottom:6px; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; margin-bottom:-25px; }
h4 { font-size:1.0em; margin-bottom:-25px; }
h5 { font-size:0.95em; color:#666; }
h6 { font-size:0.7em; }

p, li { font-size:0.9em; line-height:1.6; margin-bottom:1.2em; }
li > p { margin-top:0.2em; }
strong, b { font-weight:bold; }

h1#tagline { font-style:italic; font-weight:normal; font-size:14px; margin:-31px 0 31px 72px; height:41; }

p.dropcap:first-letter { color:#666; font-size:3.3em; float:left; display:block; line-height:.95; margin:.13em .05em 0 -.05em; }
h5.dropcap:first-letter { color:#666; font-size:3.6em; font-weight:normal; float:left; display:block; line-height:1; margin:.13em .05em 0 -.05em; }

 /* This targets Opera 7.2 and up */
 @media all and (-webkit-min-device-pixel-ratio:10000),
		      not all and (-webkit-min-device-pixel-ratio:0)
        {
		p.dropcap:first-letter { line-height:.55; }
		h5.dropcap:first-letter { line-height:.6; }
	}

 /* This targets Safari 3 */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-width:0px) {
		body:not(:root:root) p.dropcap:first-letter { line-height:.7; }
		body:not(:root:root) h5.dropcap:first-letter { line-height:.7; }
	}

#indents h3			{ margin:0 0 0 25px; font-size:1.0em; color:#0C6285; }
#indents h4			{ margin:0; }
#indents p			{ margin-left:25px; }

#faqs h1			{ margin-bottom:14px; } /* Faqs uses Indents with h1 h3 p */
#faqs p				{ margin:6px 50px 25px 50px; padding-top:6px; border-top:solid 1px #ccc; }

#group_gray p,
#group_blue p		{ margin:0 50px; padding-top:4px; border-top:solid 1px #ccc; }

#group_gray h4		{ margin:0 50px 0 0; text-align:right; position:relative; top:24px; } /* Gray group used on Activites with h1 h4 p */

#group_blue h4		{ margin:0 50px 0 0; text-align:right; position:relative; top:25px; color:#0C6285; } /* Blue group used on Board with h1 h2 h4 p */
	#group_blue h4.two	{ margin:-21px 50px 0 0; text-align:right; position:relative; top:49px; color:#0C6285; }
	#group_blue p.plain	{ margin:0 50px 25px 50px; padding-top:0; border-top:none; }
#group_blue h2.one		{ font-size:1.2em; margin-top:25px; }

.bodycopy { padding:25px 25px 50px 25px; }
.bodycopy p, .bodycopy li, #home .bodycopy h5 { margin:10px 25px 1.2em 25px; }

.addlength {padding-bottom:100px; }
.blue { color:#0C6285; font-weight:normal; }
.italicize { font-style:italic; }

.pulled-right { display:block; float:right; padding:0 0 0 10px; margin:0 0 10px 10px;
	width:170px; font-size:1.5em; text-align:right; color:#666;
	border-left:3px solid #ccc; }
.pulled-left { display:block; float:left; padding:0 10px 0 0; margin:0 10px 10px 0;
	width:170px; font-size:1.5em; text-align:left; color:#666;
	border-right:3px solid #ccc; }

#footer a, #footer a:link, #footer a:visited, #footer a:active { color:#CCCCCC; height:25px; float:right; width:329px; font-size:0.8em; line-height:2.6; text-align:right; padding-right:10px; }
#footer a:hover { color:#B7D7E3; text-decoration:underline; cursor:pointer; }



/* CONTACT PAGE ----------------------------------------------- */
#contact .bodycopy p { margin:0 0 1.2em 0; }
#contact #wrapper_contactinfo { background:#ccc url(../images/bkgd_info.png) right repeat-y; padding:20px 0; margin:0 -25px; min-width:590px; }
	* html #contact #wrapper_contactinfo { 
	   width: expression( document.body.clientWidth < 591 ? "590px" : "auto" ); /* set min-width for IE */
	   min-width:590px; /* sets min-width value for all standards-compliant browsers */
	}
#contact fieldset { display:block; width:310px; float:left; font-size:0.8em;
	padding:0; margin:0; border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */ }
#contact label { width:76px; margin-top:0.3em; padding:0.2em; float:left; 
	text-align:right; text-transform:uppercase; }
	
#contact .textfield,
#contact textarea,
#contact .submit { margin:3px 3px 3px 10px; color:#333; padding:3px 8px; border:solid 0 #fff;  }
#contact .textfield { height:20px; width:200px;
background:transparent url(../images/textfield_bg.png) no-repeat fixed !important;
voice-family:"\"}\""; voice-family:inherit; width:187px; }
#contact fieldset>input.textfield {
background:transparent url(../images/textfield_bg.png) no-repeat !important; }
#contact textarea { height:165px; width:200px;
background:transparent url(../images/textarea_bg.png) no-repeat fixed !important;
voice-family:"\"}\""; voice-family:inherit; width:190px; }
#contact fieldset>textarea {
background:transparent url(../images/textarea_bg.png) no-repeat !important; }
#contact .submit { color:#666; height:20px; width:80px; cursor:pointer; 
text-transform:uppercase; background:transparent url(../images/submit.png) no-repeat; }
#contact .btntext { font-size:1.0em; }

#contactinfo { float:right; margin:8px -25px 0 15px; color:#fff; width:287px; }
#contactinfo h2 { font-size:1.2em; color:#b7d7e3; }
#contactinfo a:link, #info a:visited { color:#fff; }
#contactinfo a:hover, #info a:active { color:#FFFFCC; }
#contactinfo span { font-weight:bold; margin-right:10px; }

input#info { border: 1px solid #ccc; background-color:#ccc; color:#ccc; height:0px; }
.validation-advice { padding:5px; background-color:#8B0907; color:#FFF; font-weight:bold; text-align:center; }

#contact #thanks h1 { font-size:1.6em; margin:6px 0 25px 0; color:#333; line-height:1.2; }
#contact #thanks p.intro { margin:0 50px 25px 50px; padding-top:4px; border-top:solid 1px #ccc; }
#contact #thanks img.thanks { margin-left:50px; }



/* NAVIGATION ----------------------------------------------- */
a#nav_home:link, a#nav_home:visited { display:block; width:50px; height:30px; position:absolute; top:151px; margin-left:-24px; 
	text-align:center; color:#67adc9; font-weight:bold; line-height:2.3; font-size:10px; z-index:1000; }
a#nav_home:hover, a#nav_home:active { color:#00263A; }
a#nav_donate:link, a#nav_donate:visited { display:block; width:50px; height:25px; position:absolute; top:277px; margin-left:135px; margin-right:26px;  
	text-align:right; color:#666; font-weight:bold; line-height:2.3; font-size:10px; z-index:1000; }
* html a#nav_donate { margin-right:50px; }
a#nav_donate:hover, a#nav_donate:active { color:#720000; }

#nav_a:link, #nav_a:visited { background:url(../images/nav_a.jpg) top left no-repeat; display:block; width:131px; height:162px; }
#nav_a:hover, #nav_a:active { background:url(../images/nav_a.jpg) top right no-repeat; }

#nav_b:link, #nav_b:visited { background:url(../images/nav_b.jpg) top left no-repeat; display:block; width:198px; height:162px; }
#nav_b:hover, #nav_b:active { background:url(../images/nav_b.jpg) top right no-repeat; }

#nav_c:link, #nav_c:visited { background:url(../images/nav_c.jpg) top left no-repeat; display:block; width:131px; height:132px; }
#nav_c:hover, #nav_c:active { background:url(../images/nav_c.jpg) top right no-repeat; }

#nav_d:link, #nav_d:visited { background:url(../images/nav_d.jpg) top left no-repeat; display:block; width:198px; height:139px; }
#nav_d:hover, #nav_d:active { background:url(../images/nav_d.jpg) top right no-repeat; }

#nav_menu { width:198px; height:auto; background:url(../images/nav_menu.png) no-repeat; margin:0; padding:0; overflow:hidden; }
#nav_menu li { float:left; width:100%; margin:0; padding:0; }
#nav_menu a  { display:block; text-decoration:none; padding:0 0 0 10px; height:25px; width:188px; color:#666; line-height:2.3; font-size:10px; }
* html #bodyContent #nav_menu a  { width:198px; }

#menu1 a:hover { background:url(../images/nav_menu.png) -198px 0 no-repeat; color:#333; }
#menu2 a:hover { background:url(../images/nav_menu.png) -198px -25px no-repeat; color:#333; }
#menu3 a:hover { background:url(../images/nav_menu.png) -198px -50px no-repeat; color:#333; }
#menu4 a:hover { background:url(../images/nav_menu.png) -198px -75px no-repeat; color:#333; }
#menu5 a:hover { background:url(../images/nav_menu.png) -198px -100px no-repeat; color:#333; }
#menu6 a:hover { background:url(../images/nav_menu.png) -198px -125px no-repeat; color:#333; }
#menu7 a:hover { background:url(../images/nav_menu.png) -198px -150px no-repeat; color:#333; }/* NO NEED TO SEPARATE AFTER THE 7TH MENU */

#menu8 a, #menu9 a, #menu10 a, #menu11 a, #menu12 a, #menu13 a, #menu14 a { background:url(../images/nav_menu_cont.png) top left no-repeat; color:#666; }
#menu8 a:hover, #menu9 a:hover, #menu10 a:hover, #menu11 a:hover, #menu12 a:hover, #menu13 a:hover, #menu14 a:hover { background:url(../images/nav_menu_cont.png) -198px 0 no-repeat; color:#333; }
#nav_menu li#btmspacer { height:11px; background:url(../images/nav_menu_cont.png) top left no-repeat; }

body#contact #bodyContent { background:url(../images/bkgd_side_btm_contact.png) right repeat-y; }
#contact #nav_c:link, #contact #nav_c:visited { background:url(../images/nav_c_contact.jpg) top left no-repeat; display:block; width:131px; height:132px; }
#contact #nav_c:hover, #contact #nav_c:active { background:url(../images/nav_c_contact.jpg) top right no-repeat; }
* html #contact #nav_menu a  { width:188px; }

#news #menu1 a { background:url(../images/nav_menu.png) -198px -0px no-repeat; color:#fff; font-weight:bold; }
#contact #menu14 a { background:url(../images/nav_menu_cont.png) -198px 0 no-repeat; color:#fff; font-weight:bold; }

#tabmenu { float:left; margin:15px 0; }
.shadetabs li a{text-decoration:none; padding:10px 0 10px 25px; margin-bottom:-16px; height:36px; width:118px; display:block; font-size:0.9em; font-weight:bold; }
.shadetabs li a:hover{background-color:#EDF3F5}
.shadetabs_sm li a{text-decoration:none; padding:10px 0 6px 25px; margin-bottom:-16px; height:24px; width:118px; display:block; font-size:0.9em; font-weight:bold; }
.shadetabs_sm li a:hover{background-color:#EDF3F5}

.tabcontentstyle{  margin-left:143px; margin-top:8px; border-left-width:1px; border-left-style:solid; border-left-color:#CCC; padding:17px 25px 25px 25px; }
.tabcontent{display:none; }
.tabcontentstyle ul { margin:0 25px 14px 25px; }
.tabcontentstyle ul li { background:url(../images/bullet.gif) no-repeat; padding-left:15px;}



/* EXTRAS ----------------------------------------------- */
@media print{.tabcontent{display:block!important}}



/* BOOK PROMO  ------------------------------------------ */
hr { color:#ccc; background-color:#ccc; height:1px; border:0; margin:35px 0; clear:both; }

#home h1#tagline { margin-bottom:55px;  }
#home h2 { color:#BF5C00; font-size:1.0em; }
#home h3 { line-height:1.6; margin:20px 0; padding:15px 10px; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; color:#720000; background-color: #fbf9f5; }
#home h4 { font-size:13px; line-height:1.6; margin-bottom:0; padding-bottom:15px; border:0; }
#home .bookquote { font-style:italic; font-size:12px; line-height:1.6; color:#333; margin-bottom:4px; }
#home credit { width:300px; padding-left:25px; margin-bottom:25px; }
#home #bookcover { margin:-15px 0 25px 255px; }
#home #bookcover h1 span { font-weight:normal; font-size:11px; color:#666; }
#home .bookcover { background:url(../images/book_nitw.jpg) top left no-repeat; margin-left:-25px; }
#home #price { padding-top:3px; width:100%; }
#home .price { font-size:18px; color:#757812; float:left; width:70px; display:inline; }


/* CONFERENCE PROMO  ------------------------------------------ */
#home #title { padding:15px 0 5px 235px; }
#home #title h1 { margin-left:75px; }
#home #conference { padding-bottom:0; }
#home #conference .description { margin:-6px 0 25px 255px; }
#home #conference .description a.pad { padding-right:15px; float:left; }
#home #conference img.annual { margin:-10px 5px 0 -10px; }

#home .item { width:200px; height:463px; margin:0 25px 10px 0; padding:6px 6px 0 6px; float:left; border:solid 1px #ccc; text-align:center; }
#home .item h3, #home .item p { text-align:center; font-size:12px; line-height:1.4; width:200px; margin:10px 0; border:0; color: #333333; padding:0; background:none; }
#home .item p { color: #666; }
#home .item form.addform { text-align:center; }
#home .item form.taller { padding-top:10px; }
#home .item input.addbtn { margin-bottom:-9px; }
#home .item img { width:200px; height:305px; }

#home a.button { background-image:url(../images/btnaddtocart.gif); width:118px; height:37px; border:none; cursor:pointer; display:block; 
				 text-align:center; font-weight:bold; overflow:hidden; margin:0 auto; line-height:3; color:#fff; font-size:12px; }
#home a.button:hover { background-position:0 -37px; color:#fff; }
#home a.addbtn { float:left; display:inline; margin-top:-3px; }