/* CSS Styles for Bobby's Books (www.bobbysbooks.org), a subsite of OHPCO */
/* Developed by TCS Software (www.associationsoftware.com) */
/* Created on September 2008 */
/* Modified March 2010 */


/*
===========================================================================
@IMPORTED STYLESHEET: css_reset
---------------------------------------------------------------------------
*/

/* default resets */

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, 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-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
		
:focus {
	outline: 0;
}
body {
	line-height: 1;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}



/* 2. sitewide structural styles */

.imgleft {
	margin:0 15px 8px 0;
	float:left;
	}

.imgright {
	margin:0 0 8px 15px;
	float:right;
	}

.imgcenter {
	text-align:center;
	display:block;
	}

.imgcenter2 {
	margin:0 auto;
	display:block;
	}

.clearboth {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}

#tcspromo {
	float:right;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_navigation
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

/* image replacement nav properties */

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#nav ul li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
	font-size: 0.9em;
	margin:0;
	padding:0;
	}
			
#nav li em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	}
	
	/* image replacement specific properties */
#nav {
	list-style: none;
	}
	
#nav li {
	float: left; 
	padding-bottom: 1px; 
	} /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	
#nav li, #nav li em { 
	height: 50px; 
	width: 157px; 
	}
	
#nav li#nav_about, #nav li#nav_about em, #nav li#nav_resources, #nav li#nav_resources em, #nav li#nav_contact, #nav li#nav_contact em { 
	width: 158px; 
	}
	
#nav_home em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position: 0 0;
	}

#nav_home em:hover {
	background-position: 0 -65px;
	}
	
#nav_about em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position:-158px 0;
	}

#nav_about em:hover {
	background-position: -158px -65px;
	}
	
#nav_resources em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position: -316px 0;
	}

#nav_resources em:hover {
	background-position: -316px -65px;
	}
	
#nav_outreach em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position: -474px 0;
	}

#nav_outreach em:hover {
	background-position: -474px -65px;
	}

#nav_links em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position: -632px 0;
	}

#nav_links em:hover {
	background-position: -632px -65px;
	}
	
#nav_contact em {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_navigation.png?ver=2); 
        background-repeat:no-repeat;
	background-position: -790px 0;
	}

#nav_contact em:hover {
	background-position: -790px -65px;
	}
	

/* suckerfish styles */

#nav a { 
	display: block; 
	font-weight: normal; 
	}

* html #nav a { 
	height: 1%; 
	}
	
#nav ul li ul {
	position: absolute;
	z-index: 50; /* show the dropdowns above the http://www.associationdatabase.com/aws/BB/am/gi */
	top: 37px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/back_subnav.png?ver=3);
	}
	
#nav li:hover ul { 
	left: auto; 
	}
	
#nav ul li li {
	height: auto; /* reset the height and padding set on the IR list items */
	padding-bottom: 0;
	font-size: 110%;
	display:block;
	}
	
#nav ul li ul li a {
	padding:5px 3px;
	color: #fff;
	text-decoration:none;
	display:block;
	width:111px;
	}
	
#nav ul li ul li a:hover, #nav ul li ul li:hover {
	color: #fff;
	background-color:#154a82;
	text-decoration:none;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_structure
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

body {
	background:#ffae1f url(http://www.associationdatabase.com/aws/BB/am/gi/back_body.png?ver=3) bottom left repeat-x;
	text-align:center;
	font:normal .9em Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.3em;
	}
	
#frame {
	margin:0 auto;
	text-align:left;
	width:945px;
	}
	
#header {
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/logo_tagline.png?ver=3);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
#sitesearch {
	float:right;
	margin:75px 0 5px 0;
	}
	
input.search_button, .tcsFormButton {
	margin-left:5px;
	background-color:#1a68ab;
	color:#fff;
	text-transform:uppercase;
	border:1px solid #262d6b;
	}
	
input.search_button:hover, .tcsFormButton:hover {
	background-image:none;
	background-color:#77bb00;
	border:1px solid #5f8604;
	}
	
#header h1 {
	margin:0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/logo_bobbyicon.png?ver=3);
	background-position:top left;
	background-repeat:no-repeat;
	padding:18px 0 10px 112px;
	overflow:hidden;
	}
	
#content {
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_content_interior.png?ver=3) top left repeat-y;
	overflow:hidden;
	clear:left;
	padding:15px 25px;
	}
	
#content.homepage {
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_content.png?ver=3) top left repeat-y;
	overflow:hidden;
	clear:left;
	padding:15px 25px;
	}
	
#maincontent {
	float:left;
	width:668px;
	display:inline;
	}
	
#subcontent {
	background:none;
	float:right;
	width:198px;
	}
	
#testimonial {
	background:#77bb00 url(http://www.associationdatabase.com/aws/BB/am/gi/back_testimonial.png?ver=3) top left no-repeat;
	padding:35px 15px 15px 15px;
	color:#fff;
	margin-bottom:15px;
	font-size:1.1em;
	}
	
#testimonial p {
	margin:0;
	}
	
#testimonial blockquote {
	text-align:right;
	margin:0;
	padding:35px 0 0 0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/back_closequote.png?ver=3);
	background-position:top right;
	background-repeat:no-repeat;
	font-style:italic;
	line-height:1.2em;
	}
	
#footer {
	background:#b10620 url(http://www.associationdatabase.com/aws/BB/am/gi/back_footer.png?ver=3) top left no-repeat;
	padding:30px 10px 10px 10px;
	}
	
#footer address {
	color:#fff;
	font-style:normal;
	font-size:.9em;
	line-height:1.2em;
	}	
	
/* interior page styles */

.testimonialpage p {
	background-image: url(http://www.associationdatabase.com/aws/BB/am/gi/back_mcquote_open.png?ver=3);
	background-position:top left;
	background-repeat:no-repeat;
	padding:35px 0 0 0;
	margin:0;
	}

.testimonialpage blockquote {
	text-align:right;
	margin:0;
	padding:35px 0 0 0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/back_mcquote_close.png?ver=3);
	background-position:top right;
	background-repeat:no-repeat;
	font-style:italic;
	line-height:1.2em;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_home
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

/* home page styles */

.homepage #maincontent {
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/back_mainhome.jpg?ver=3);
	background-position:top left;
	background-repeat:no-repeat;
	padding:15px 375px 15px 15px;
	height:245px;
	width:505px;
	}
	
.homepage #maincontent p {
	font-size:1.2em;
	}
	
.homepage #subcontent {
	width:100%;
	overflow:hidden;
	padding:15px 0;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_subcontent_home.png?ver=3) top left no-repeat;
	}
	
.homepage #subcontent .left2col {
	width:427px;
	float:left;
	display:inline;
	}
	
.homepage #subcontent .right2colcontain {
	float:right;
	width:427px;
	display:inline;
	}
	
.homepage #subcontent .right2colcontain .left2col {
	float:left;
	width:210px;
	display:inline;
	}
	
#calendaricon {
	float:left;
	width:65px;
	height:75px;
	}
	
.right2colcontain .left2col h2 {
	color:#b10620;
	}

.right2colcontain .right2col {
	float:right;
	width:198px;
	display:inline;
	}
	
iframe #sponsorflash {
	height:125px;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_textstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

/* text styles */

h1, .heading1 {
	font:normal 2.2em Arial, Helvetica, sans-serif;
	color:#b10620;
	line-height:1.3em;
	margin-bottom:.4em;
	}
	
h1.bookheader {
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_books.png?ver=3) bottom left no-repeat;
	padding-left:115px;
	min-height:50px;
	}
	
h2, .heading2 {
	font:normal 1.8em Arial, Helvetica, sans-serif;
	color:#1a68ab;
	line-height:1.2em;
	margin:.4em 0 .2em 0;
	}
	
h3, .heading3 {
	font:normal 1.5em Arial, Helvetica, sans-serif;
	color:#262d6b;
	line-height:1.2em;
	}
	
h4, .heading4 {
	font:normal 1.3em Arial, Helvetica, sans-serif;
	color:#b10620;
	line-height:1.2em;
	}
	
h5 {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#1a68ab;
	line-height:1.2em;
	}
	
h6 {
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.2em;
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin-bottom:.8em;
	}
	
ul, ol {
	margin:0 1.5em .8em 1.5em;
	}
	
li {
	font:normal 1em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}
	
blockquote {
	margin:0 1.5em .8em 1.5em;
	}

strong, b {
	font-weight:bold;
	}

em, i {
	font-style:italic;
	}
	
a {
	text-decoration:none;
	color:#f26c04;
	}
	
a:hover {
	text-decoration:underline;
	color:#77bb00;
	}
	
a:visited {
	color:#ff8d0b;
	}
	
hr {
	border:none;
	border-bottom:1px solid #e3e1d6;
	margin:1em 0;
	clear:left;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_tcsstyles
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

/* tcsstyles */

.tcslinks td {
	padding:0 20px 20px 0;
	}
	
.tcscalendars h3 {
	font-size:1.1em;
	font-weight:normal;
	}
	
.tcscalendars h5 {
	clear:left;
	margin:.8em 0 0 0;
	font-weight:bold;
	}
	
.testimonialpage td {
	padding:0 20px 20px 0;
	}
	
ul.tcslegend {
	margin:0 1em;
	padding:0 1em;
	}
	
.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcsSubHeadFont {
	font:normal 1.5em Georgia, "Times New Roman", Times, serif;
	color:#002859;
	margin:.6em 0 .3em 0;
	}
	
.pagination {
	border-top:1px solid #b10620;
	padding:5px;
	background-color:#fdefba;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_classes
---------------------------------------------------------------------------
*/

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/BB/am/gi]  -->*/

/* classes */

.promoicon {
	margin-bottom:15px;
	}

.button_continue {
	margin:5px 0 21px 0; 
	padding:0;
    position:relative;
    width:127px; 
	height:21px;
	overflow:hidden;
	}
	
.button_continue span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:127px; 
	height:21px;
	margin:0; 
	padding:0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/button_continue.png?ver=3);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.button_continue a:hover span  {
	background-position: 0 -21px;
	}

.button_news {
	margin:5px 0 22px 0; 
	padding:0;
    position:relative;
	width:110px;
	height:22px;
	overflow:hidden;
	}
	
.button_news span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:110px;
	height:22px;
	margin:0; 
	padding:0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/button_viewnews.png?ver=3);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.button_news a:hover span  {
	background-position: 0 -22px;
	}
	
.button_buy {
	margin:5px 0 22px 0; 
	padding:0;
    position:relative;
	width:81px;
	height:22px;
	overflow:hidden;
	}
	
.button_buy span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:81px;
	height:22px;
	margin:0; 
	padding:0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/button_buy.png?ver=3);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.button_buy a:hover span  {
	background-position: 0 -22px;
	}
	
.button_buy {
	display:block;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/button_buy.png?ver=3);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-999em;
	height:22px;
	width:81px;
	}
	
.button_events {
	margin:5px 0 21px 0; 
	padding:0;
    position:relative;
    width:117px; 
	height:21px;
	overflow:hidden;
	}
	
.button_events span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:117px; 
	height:21px;
	margin:0; 
	padding:0;
	background-image:url(http://www.associationdatabase.com/aws/BB/am/gi/button_viewevents.png?ver=3);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.button_events a:hover span  {
	background-position: 0 -21px;
	}
	
.ablock {
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_ablock.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:70px;
	width:75px;
	float:left;
	}
	
.bblock {
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_bblock.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:70px;
	width:75px;
	float:left;
	clear:left;
	}
	
.cblock {
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_cblock.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:70px;
	width:75px;
	float:left;
	clear:left;
	}
	
.dblock {
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/BB/am/gi/back_dblock.png?ver=3) top left no-repeat;
	text-indent:-999em;
	height:70px;
	width:75px;
	float:left;
	clear:left;
	}
	
.sidecol {
	float:right;
	width:188px;
	padding-left:10px;
	border-left:1px dotted #e3e1d6;
	margin:0 0 20px 10px;
	}

table.nicetable {
	margin:10px 0;
	border:1px solid #acabac;
	font:normal normal 1em Helvetica, Arial, sans-serif;
	}

.nicetable th {
	padding:3px 5px;
	background-color:#acabac;
	font-weight:bold;
	}

.nicetable td {
	padding:3px 5px;
	border-top:1px solid #acabac;
	}

.nicetable td + td {
	border-left:1px solid #acabac;
	}

.altrow td {
	background-color:#e9e9e9;
	font-weight:bold;
	}