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




/* Main Styles */

* { box-sizing:border-box; }

html { 
	font-size:100%; 
	}


body { 
	font: normal 100% 'Open Sans', Arial, Helvetica, sans-serif;
	background-color:#fff;
	color: #000;
	font-size:1em; 
	margin-left:10px;
	margin-right:10px;
	}

ul > :first-child, ol > :first-child, ul > :last-child, ol > :last-child { margin:0; }
div > :last-child { margin-bottom:0; }
div > :first-child { margin-top:0; }



#content-container { /* The content container. */
	position:relative;
	max-width:900px;
	min-width:400px;
	margin:0 auto;
	}

	
#one-column-content-container-wide {
position:relative;
max-width:900px;
margin:0 auto;
}
	
#one-column-content-container-wide-search {
position:relative;
max-width:800px;
margin:0 auto;
}


#one-column-content-container {
position:relative;
max-width:500px;
margin:0 auto;
}


#the-main-content-column { /* The container for the main content. */
/* 1 line removed 
	margin-right:300px;*/ /* ### This number determines the space for the right-hand column, including the gutter. *//* 2 lines added */
	display:table-cell;
	vertical-align:top;
	}

#the-right-content-column { /* The container for the right-hand column content. */
/* 3 lines removed 
	position:absolute;
	right:0;
	top:0;*/

	width:250px;
/* 4 lines added */
	display:table-cell;
	vertical-align:top;
	padding-left:25px; /* for the gutter */
	margin:0;
	}

.contact-form { max-width:5in; }
.contact-form-input, .contact-form-submit, .contact-form-select, .contact-form-textarea {
	width:100%;
	font-size:110%;
	box-sizing:border-box;
	font-family:sans-serif;
	}
.contact-form-input, .contact-form-textarea {
	padding:.5em;
	border:1px solid #ccc;
	border-radius:.5em;
	}
.contact-form-textarea {
	height:2in;
	}

.helpdesk-form { max-width:5.5in; margin:0 auto; }
.helpdesk-form-input, .helpdesk-form-submit, .helpdesk-form-select, .helpdesk-form-textarea {
	width:100%;
	font-size:110%;
	box-sizing:border-box;
	font-family:sans-serif;
	}
.helpdesk-form-input, .helpdesk-form-textarea {
	padding:.5em;
	border:1px solid #ccc;
	border-radius:.5em;
	}
.helpdesk-form-textarea {
	height:3in;
	}

/* Show some, click continue to go to the page. */
.showsome { 
   max-height:300px;
   position:relative; 
   overflow:hidden;
}
.showsomebottom { 
   height:60px;
   width:100%;
   position:absolute;
   bottom:0;
   background:linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
}
.showsomebottomlink { 
   width:100%;
   position:absolute;
   bottom:0;
   text-align:center;
}





/* index page */	
#wrap {
	min-width:800px;
	max-width:1030px;
	margin:0 auto 0 auto;
   }

@media screen and (max-width:780px) /* ### This number determines when the right-hand column pops below the left-hand column. */
{
	#content-container {
		max-width:450px;
		min-width:0;
		}

	#the-main-content-column {
		display:block;
		}

	#the-right-content-column {
		margin:0 auto;
		display:block;
		padding-left:0;
		margin:0 auto;
		}
}

@media screen and (min-width:495px) and (max-width:900px) {
	#wrap {
		min-width:500px;
		max-width:600px;
	   }
}

@media screen and (max-width:600px) {
	#wrap {
		min-width:275px;
		max-width:310px;
	   }
}

.pocket {
	float:left;
	margin-left:1%;
	margin-bottom:1%;
	min-width:290px;
	max-width:330px;
	width:32%;
	height:auto;
   }

.pocket-content {
	position:relative;
	height:400px;
	background-color:#fff;
	margin:20px auto 0 auto;
	padding:8%;
	text-align:center;
	font-size:.92em;
	border:1px solid #ddd;
	border-radius:7px;
	overflow:hidden;
/* overflow:auto; */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.pocket-heading {
	font-size:1.25em;
	line-height:120%;
	color:#000;
	text-align:center;
	}
	
/*end index page styles */	

ul {font-size:1em;}
ol {font-size:1em;}

#footer-container {
	max-width:1300px;
	margin:10px auto 0 auto;
	border-top: 1px solid #ccc;
	}

.footer {
	margin:30px;
	}

.footer-nav {
	text-align:center; 
	font-size: 0.875em; 
	margin: 0 auto 2em auto;
	}

.oldprice
{
text-decoration:line-through;color:#777777;
}


/* investigated- Will might be using this */
.pluginyesbox {
	width:100px;
	float:left;
	margin:5px 15px 10px -20px; 
	padding:10px;
	background:white;
	border:1px solid #999;
	border-radius:10px;
	box-shadow:#cccccc 3px 3px 3px;
	overflow:hidden;
	}



p, div, td{ 
	font-size: 1em;
	line-height:120%;
	}

th { font-size: 0.875em; font-weight:bold; vertical-align:bottom; text-align:center; }
td { vertical-align:top; text-align:left; }
table { border-collapse:collapse; }
input, textarea { 
	font-size: 0.875em; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}

video {
	width:100%; 
	height:auto;
	border:1px solid black; 
	padding:9px; 
	border-radius:9px; 
	box-shadow: 0px 0px 9px 1px #333 inset; 
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

img { outline:none; border:none; }
a { outline:none; }

a:link {color: #1c5292; font-weight:bold;}
a:visited {color: #1c5292; font-weight:bold;}
a:hover {color: #000000;}
a {text-decoration: none;}



/* in use in templates */
.morecontent {
/*border-top: 1px solid #ccc;*/
padding: 10px 0px 10px 0px;
}


.morecontent-noborder {
padding: 10px 0px 10px 0px;
}







/* .pseudolink for span tags masquerading as links */
.pseudolink {color: #1c5292;text-decoration: none; font-weight:bold; cursor:pointer; }
a {color: #1c5292;text-decoration: none; font-weight:bold;}
a:visited {color: #1c5292;font-weight:bold;}
a:hover {text-decoration: underline;font-weight:bold;}









h1 {font-size: 1.3125em;
	line-height:140%;
	text-align:center;
	color:#000;
	
}
h2 {font-size: 1.25em;
	line-height:120%;
	text-align:center;
	color:#000;
}
h3 {font-size: 1.15em;
	line-height:120%;
	color:#000;
	
}
h4 {font-size: 1.1em;
	line-height:120%;
	color:#000;
	
}
h5 {font-size: 1.05em;
	line-height:120%;
	color:#000;
	}
.nomargintop {margin-top: 0;}

.darktext {color:#333333;}
.indent {margin-left:30px;}
.responsiveindent {margin-left:30px;}
.center {text-align:center;}
.small {font-size: 0.75em}
.smaller {font-size: 0.875em}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.underline { text-decoration:underline; }
.nowrap { white-space:nowrap; }
.clearall { clear:both;}
.floatright {float: right;}
.floatleft {float: left;}
.indent666 {color:#666; margin-left:30px;}
.normal { font-weight:normal; font-style:normal; text-decoration:none; }
.nobold { font-weight:normal; }
.noitalic { font-style:normal; }
.nodecoration { text-decoration:none; }


/*
.mono, .code { 
	font-family:monospace; 
	padding-left:2px; 
	padding-right:2px; 
	font-size: 1.2em; 
	line-height: 100%; 
	}
*/

/* overrides above, which is left here for ready reversal to what is used to be */
code, .mono, .code {
	font-family:monospace;
	font-size: 1.2em; 
	line-height: 100%; 
	padding:0 2pt;
/*
	color:#333;
	white-space:pre-wrap;
	background-color:#edf7fe;
	border-width:1px;
	border-style:solid;
	border-color:#bde2fb;
	border-radius:0;
	padding:0 4px;
*/
	}

.mono, .code { 
	font-family:monospace; 
	padding-left:2px; 
	padding-right:2px; 
	font-size: 1.2em; 
	line-height: 100%; 
	}

.source-code-box {
	min-height:25px; 
	max-height:200px; 
	max-width:500px; 
	border:1px solid black; 
	border-radius:5px; 
	padding:10px 10px 15px 10px; 
	overflow:auto; 
	margin:0 0 25px 0; 
	font-size:1.2em; 
	line-height: 120%; 
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-sizing:border-box;
	}

/* investigated- Will might be using this */
blockquote.left {
	width:150px;
	margin:0 15px 3px 0;
	padding:5px 0 5px 0;
	border-top:3px double #aaa;
	border-bottom:3px double #aaa;
	font-size:14px;
	line-height:17px;
	font-family:verdana,sans-serif;
	text-align:center;
	float:left;
	}

/* investigated- Will might be using this */
blockquote.right {
	width:150px;
	margin:0 0 3px 15px;
	padding:5px 0 5px 0;
	border-top:3px double #aaa;
	border-bottom:3px double #aaa;
	font-size:14px;
	line-height:17px;
	font-family:verdana,sans-serif;
	text-align:center;
	float:right;
	} 

/* investigated- in use */
.pullquoteleft {
	width:150px;
	margin:0 15px 3px 0;
	padding:5px 0 5px 0;
	border-top:3px double #aaa;
	border-bottom:3px double #aaa;
	font-size:14px;
	line-height:17px;
	font-family:verdana,sans-serif;
	text-align:center;
	float:left;
	}
	
/* investigated- in use */
.pullquoteright {
	width:150px;
	margin:0 0 3px 15px;
	padding:5px 0 5px 0;
	border-top:3px double #aaa;
	border-bottom:3px double #aaa;
	font-size:14px;
	line-height:17px;
	font-family:verdana,sans-serif;
	text-align:center;
	float:right;
	} 


/* investigated- don't know */
.menu2 {padding:0 0 0 16px; margin:0; list-style:none; height:40px; background:#008CC6 url(/08images/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }


/* BEGIN: 2014 Most Popular Box */
#popular-list-container { 
	width:200px; 
	margin:0 auto; 
	background:transparent;
	}

#popular-list-container .listheading {
	font-size:16px; 
	letter-spacing:2px; 
	font-weight:bold;	
	margin-bottom:10px; 
	text-align:center; 
	}

#popular-list-container .listheading {
	font-size:16px; 
	letter-spacing:2px; 
	font-weight:bold;	
	}

#popular-list-container .poweredby { 
	position:absolute;
	bottom:-15px;
	left:0px; 
	font-size:11px; 
	letter-spacing:0px; 
	font-weight:normal; 
	width:200px; 
	text-align:center; 
	}

#popular-list-box { 
	position:relative;
	height:200px;
	background:transparent; 
	}

#popular-list-box .pagecodetab {
	position:absolute;
	width:60px;
	color:#000;
	text-align:center;
	padding-top:5px;
	font-size:12px;
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top-left-radius:9px;
	border-top-right-radius:9px;
	}

#popular-list-box .pagecodetab-up {
	top:0px;
	background-color:#ffffff;
	height:30px;
	z-index:3;
	}

#popular-list-box .pagecodetab-down {
	top:10px;
	background-color:#f1f1f1;
	height:25px;
	z-index:1;
	cursor:pointer;
	}

#popular-list-box .popular-list-box-content {
	position:absolute;
	top:35px;
	width:198px;
	background:#ffffff;
	border:1px solid black;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	z-index:2;
	}

#popular-list-box .popularlistline {
	font-size:12px; 
	margin:9px 5px 0 -15px;
	}

/* END: 2014 Most Popular Box */







/* investigated - in use */
/* pull-quote CSS */
.pq, .rpq {
	width:135px;
	float:right;
	margin:5px 0 10px 5px; 
	padding:7px 10px 2px 10px;
	background:white;
/*	border:1px solid #ccc; */
	border:none;
	border-radius:10px;
	box-shadow:0px 0px 2px 1px #ccc;
	}

.lpq {
	width:115px;
	float:left;
	margin:5px 15px 10px 0px; 
	padding:7px 10px 2px 10px;
	background:white;
/*	border:1px solid #ccc; */
	border:none;
	border-radius:10px;
	box-shadow:0px 0px 2px 1px #ccc;
	}


.pq-text {
	line-height:130%;
	font-size:13px;
	margin:0;
	}

.pq-image {
	margin:3px 0px 3px 0px;
	white-space:nowrap;
	}

.pq-image a { text-decoration:none; }


/* MASTHEAD Styles 2014 */

/* August 7, 2014: Pretty much the entire MASTHEAD Styles 2014 section was changed. */

#masthead {
	color:#999999;
	margin:0 auto 0 auto;
	max-width:1300px; /* no minimum width to accomodate text at top of masthead at phone width */
}

#masthead-above-desktop-menu {
	position:relative;
	}

#toprightnav {
	color: #000000;
	padding: 5px;
	margin: 0;
	font-size: 0.75em;
	text-align: right;
	}

#masthead-contact-us {
	padding-right:30px;
	position:relative;
	left:initial;
	top:initial;
	}

#logo { /* Changing top and bottom margin of #logo will expand and contract the space above the menu.
		   The #nameline and #goosearchbox may need to be adjusted, too. */
	margin:0px 0px 5px 25px;
	position:relative;
	left:0px; /* Automatically changed to -25px when in phone. */
	top:-35px; /* To bring logo up above search box. Becomes 0px when in phone. */
	width:250px; /* So it doesn't extend to right edge and cover up links. */
	}

#nameline {
	position:absolute; /* Relative to the #logo. id */
	left:65px;
	bottom:10px;
	font-size: 1.6em; 
	font-weight:bold;
	color: #666;
	letter-spacing:2px;
	text-decoration: none; text-shadow: 0px 2px 2px rgba(146, 53, 19, 0.2);
	}

#cse-search-box {
	margin:0;
	}

#goosearchbox {
	position:absolute; /* Relative to the bottom of the masthead, above the menu line. */
	bottom:5px; 
	right:10px; 
	}

#navcontainer-phone-searchspot {
	display:none;
	height:50px;
	}

#navcontainer {
	text-align:center;
	display:block;
	width:99%;
	margin:0 auto 18px auto;
	padding-top:5px;
	padding-bottom:5px;
	background:#2F8CDB;
	z-index:90; 
	border-radius:4px;
	box-shadow: 0px 5px 1em 0px #ccc;
	}

#masthead-burger-icon {
	display:none; 
	position:absolute;
	right:10px;
	top:63px;
	height:26px;
	padding:3px 0 3px 0;
	z-index:89;
	background-color:white;
	}

#masthead-burger-menu {
	display:none; 
	position:absolute;
	left:0;
	top:92px;
	width:98%;
	margin-left:1%;
	z-index:90; 
	background-color:white;
}

#positioning-anchor-for-masthead-slogan-and-PDF-download-button {
    position:absolute; 
    left:0; 
    top:55px; 
    height:1px; 
    right:0; 
    background-color:transparent;
}

#masthead-slogan-and-PDF-download-button {
    padding-left:100px; 
    display:table; 
    position:relative; 
    top:-25px; 
    text-align:center; 
    background-color:transparent; 
    z-index:2; 
    margin:0 auto;
}

#masthead-slogan-text {
    color:#000; 
    font-size:1em; 
    margin-bottom:.5em; 
    white-space:nowrap;
    position:relative;
    background-color:transparent;
}

#masthead-PDF-download-button {
    background-color:#fafafa; 
    border:2px outset #d0d0d0; 
    box-shadow:1px 1px 3px 1px #dcdcdc; 
    cursor:pointer; 
    color:#1c5292; 
    font-weight:bold; 
    border-radius:5px; 
    text-align:center; 
    padding:.8em .5em .1em .5em; 
    font-size:.85em; 
    line-height:110%; 
    box-sizing:border-box;
    position:relative;
    margin:0 auto;
    display:table; 
}




@media screen and (max-width:800px) {
    #masthead-slogan-and-PDF-download-button { padding-left:0px; }
    #nameline { font-size: 1.2em; }
} /* end of @media screen and (max-width:800px) */


@media screen and (max-width:700px) {
    #masthead-slogan-and-PDF-download-button { padding:0 0 0 100px; margin:0 0 0 0; }
    #masthead-slogan-text { top:5px; }
    #masthead-PDF-download-button { top:5px; }
    #nameline { display:none; }
} /* end of @media screen and (max-width:700px) */


@media screen and (max-width:600px) {
    #masthead-slogan-and-PDF-download-button { padding:0 0 0 5px; margin:0 0 0 0; }
    #masthead-slogan-text { top:9px; padding-left:4em; }
    #masthead-PDF-download-button { top:7px; }
    #nameline { display:none; }
} /* end of @media screen and (max-width:600px) */



@media screen and (max-width:495px) {
    #masthead-slogan-and-PDF-download-button { padding-left:0; margin:0 auto; }
    #masthead-slogan-text { top:20px; padding-left:0; }
    #masthead-PDF-download-button { top:18px; left:0px; }
	#logo {
	    left:-25px; /* Automatically changed to -20px when in phone. */
	    top:0px; /* To bring logo up above search box. */
	}

	#navcontainer {
		display:none;
	}

	#navcontainer-phone-searchspot {
		display:block;
    }

	#nameline {
		left:55px;
		letter-spacing:0px;
	}

	#goosearchbox {
		bottom:-45px; 
		right:initial; 
		left:5px;
	}

	#masthead-contact-us {
		padding-right:30px;
		position:absolute;
		left:0px;
		top:22px;
	}

	#masthead-burger-icon {
		display:block; 
	}

	.responsiveindent  {margin-left:0px;}
} /* end of @media screen and (max-width:495px) */
	


@media screen and (max-width:420px) {
    #masthead-slogan-text { top:15px; padding-left:0; }
    #masthead-PDF-download-button { max-width:165px; min-width:150px; top:10px; left:0px; }
} /* end of @media screen and (max-width:420px) */
	
	

.navcontainer-text {
	padding:0.8em 0.6em 0.8em 0.6em;
	line-height:190%;
	}

.navcontainer-text a {
	color:#fff;
	text-decoration:none;
	font-size:0.875em; 
	font-weight:bold;
	text-shadow: 0px 2px 2px rgba(146, 53, 19, 0.1);
	}

.navcontainer-text a:hover {
	color:#ddd;
	}


.burger-nav-content { 
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	background:#2F8CDB;
	border-radius:4px;
	line-height:100%;
	margin-bottom:3px;
	cursor:pointer;
}

.burger-nav-content a, .burger-nav-content .pseudolink {
	color:#fff;
	text-decoration:none;
	font-size:0.875em; 
	font-weight:bold;
	text-shadow: 0px 2px 2px rgba(146, 53, 19, 0.1);
}

/* investigated- don't know */
#mobilemenu { width:90%;
	text-align:center;
	font-size: 1.2em; 
	font-weight:bold;
	padding:5px 0 5px 0;
	background:#2F8CDB;
	position:relative;
	z-index:90; 
	border-radius:4px;
	color:#fff;
	margin:8px auto;
}

/* investigated- don't know */
#mobilemenu a {
	letter-spacing:2px;
	color:#fff;
	text-decoration: none; 
	text-shadow: 0px 2px 2px rgba(146, 53, 19, 0.2);
	cursor:pointer;
}


/* End MASTHEAD Styles 2014 */




/* Generic style for floating things on the right if they're over 150 pixels wide. */
.generic-float-right {
	display:block;
	margin:0;
	float:right;
	padding-left:15px;
	padding-bottom:6px;
	}
@media screen and (max-width:435px)
{
	.generic-float-right {
		float:initial;
		padding-left:0;
		padding-top:12px;
		padding-bottom:12px;
		margin:auto auto auto auto;
		display:table;
		}
}
/* END - Generic style for floating things on the right if they're over 150 pixels wide. */



/* Mouseover Message Styles */
.mousemessagelink {color: #1c5292; font-weight:bold;}

#mouseover_message_box {
   display:none;
   position:absolute;
   background-color:#fff;
   border:1px solid #ccc;
   padding:10px;
   max-width:200px;
   }
/* END Mouseover Message Styles */


/* Contribution Payment Form Styles */
#credit-card-float-part { float:left; }
#pay-pal-float-part { float:right; }
#below-pay-pal-float-box {margin:35px auto 0 auto; }
#clear-both-part { clear:both; }
@media screen and (max-width:530px) {
	#credit-card-float-part { float:none; display:table; margin:0 auto; }
	#pay-pal-float-part { float:none; margin-top:9px; }
	#below-pay-pal-float-box {margin:6px auto 0 auto; }
	#clear-both-part { clear:none; }
} /* end of @media screen and (max-width:530px) */
/* END Contribution Payment Form Styles */




/* Printer-only and browser-only classes */
.only-for-browser { display:block; }
.only-for-printer { display:none; }
@media print {
   .only-for-browser { display:none; }
   .only-for-printer { display:block; }
   #the-right-content-column { display:none; }
   aside { display:none; }
   }
/* END Print-only and browser-only classes */