body {
background-color:#669999;
color:#000000;
margin-top:10px;
min-width:740px;
_width:740px;

}
.my_shadow {
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
   -moz-box-shadow: 6x 6px 9px rgba(0,0,0,0.5);
   -webkit-box-shadow: 6px 9px  rgba(0,0,0,0.5);
   box-shadow: 6px 6px 9px  rgba(0,0,0,0.5);  
   border:none;  
}

/* div.box {

  padding:50px;
  margin-top:40px;
  margin-bottom:40px;

}

div.disclosure {
  padding:50px;
  margin-top:40px;
  margin-bottom:40px;
} */


br.clear {
   clear:both;
}
div.amazon-link-left {
    float:left;
    margin:10px 40px 10px 40px;
}

div.amazon-link-right {
    float:right;
    margin:10px 40px 10px 40px;
}



#main div.BookNote {

   border: 1px solid black;
   padding-top: 30px;
   padding-right: 30px;
   padding-bottom: 10px;
   padding-left: 30px;
   margin:0;
   background-color: #f0f0f0;

}
#main div.honor {
    margin:0;
    padding:0;
}
#main h2.honor {
    background-color: #FFCC33;
    padding-bottom: 15px;
    text-align: center;
    text-decoration: underline;
    width: 25%;
}
#main h3.donors {
   font-size:36px;
}
#main li.donor {
    font-weight:bold;
    font-size:18px;
   padding: 5px 10px;
}
#outer_wrapper {
/* because min-width is not supported by IE, these pages use a script from PVII */
min-width:740px;
/* this is to minimize an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
width:100%;
/* faux-column technique, this is the left one */
/* background:#669999 url(left.gif) repeat-y left; */
color:#000000;
}

#wrapper {
min-width:990px;
_width:990px;
/* faux-column technique, this is the right one */
/* background:#669999 url(right.gif) repeat-y right; */
color:#FFFFFF;

}
a:hover, a:visited, a:link, a:active {
color:red;
text-decoration:none;
}
a:hover {
color:teal;
text-decoration:none;
}
#header {
overflow:hidden;
min-width:500px;
background-image:url(../images/headsig_6.jpg);
background-position:left;
background-repeat:repeat-x;
border-left:3px solid #000000;
border-right:3px solid #000000;
border-top: 10px solid #000000;
border-bottom: 10px solid #000000;
height:150px;
padding: 0px 0px 0px 0px;
background-color:#000000;
color:#ffffff;
/* this is to give layout to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px;

}
#header img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
#header h1 {
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#FFFFCC;
background-color:#000000;
text-decoration:overline;
font-size: 400%;
margin-left:60px;
margin-bottom:0px;
margin-top:0px;
display:inline;
}
#header h2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#FFFFCC;
background-color:#000000;
text-decoration:none;
margin-left:60px;
margin-top:0px;
display:inline;
}
#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:-200px;
padding:20px 0px 0px 0px;
}
#left {
float:left;
width:150px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px;
margin-top:0px;
padding-top:15px;
padding-left:0px;
}

#IEroot #left {
float:left;
width:150px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:200px;
margin-top:0px;
padding-top:0px;
padding-left:0px;
}


#left h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#aa0033;
background-color:#CCCCCC;
margin:0px;
padding-left:10px;
padding-top:10px;
}
#left h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#990033;
background-color:#CCCCCC;
margin:0px;
padding-left:10px;
padding-top:20px;
}
#left ol, #left ol li {
list-style-type:none;
margin-top:0px;
margin-left:0px;
padding-left: 5px;
}
#left ul, #left ul li {
list-style-type:none;
margin-top:0px;
margin-left:0px;
padding-left: 5px;
}
#left a {
margin-left:0px;
padding-left:0px;
}
#left a:hover {
color:#FFFFcc;
background-color:#cccccc;
}
.bigimage {
overflow:auto;
display:block;
float:none;
margin-top:15px;
margin-left:10px;
}
#main {
/* the width from #left (150px) + the negative margin from #container (200px) */

margin-left:330px;
background-image:url('../images/parchment3.jpg');
background-repeat:repeat-y;
background-color:#eeeeee;
padding-bottom: 45px;
margin-top:15px;
padding-top:15px;
padding-left:6em;
padding-right:6em;
border-right:3px solid #000000;
border-bottom:3px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
color:#003300;
}

#main a a:link {
text-decoration:none;
color:red;
}
#main table {
margin-left:30px;
margin-top:30px;
overflow:auto;
}
#main p {
font-family:Georgia, 'Times New Roman', Times, Serif;
line-height:24px;
font-size:18px;
font-weight:400;
margin-top:0px;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
text-decoration:none;
}

#main pre {
font-family:"Courier New", Courier, monospace, sans-serif !important;
font-size:18px;
color:#2F4F4F;
overflow:auto !important;
width:99%;
margin-bottom: 1.5em;
margin-top: 0.1em;
overflow: auto !important;
padding-bottom: 0.7em;

}

/*  This section necessary for inline fixedpre tags with no pre tag */
/*  New version of fixedpre does not insert a span */

#main span.fxp {
  font-family:"Courier New", Courier, monospace, sans-serif !important;
  font-size:18px;
  color:#2F4F4F;
margin:0;
padding:0;

 


}


#main h1 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
margin-top:0px;
padding-top:20px;
padding-left:0px;
color:#003300;
text-decoration:none;
}
#main h2 {
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:34px;
margin-top:20px;
margin-bottom:20px;
padding-top:10px;
padding-left:0px;
padding-bottom:0px;
/* color:#003300; */
color:teal;
text-decoration:none;
}
#main h3{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:24px;
color:teal;
padding-bottom:0px;
margin-bottom:3px;
}
#main h4 {
color:teal;
font-family:Arial, Verdana, Helvetica,sans-serif;
font-size:16px;
font-style:italic;
margin-bottom:8px;
padding-bottom:0px;
}
#main ol {
font-family:Georgia, 'Times New Roman', Times, Serif;
  text-decoration:none;
  list-style-type:decimal;
  padding-left:30px;
  margin-left:30px;
  list-style-position:outside;
  padding-top:0px;
  margin-top:3px;
  color:#2F4F4F;
  }
/*
#main ol li {
  margin-bottom: 10px;
  margin-left: 0px;
  margin-left:-.5em;
  padding-left: 1em;
list-style-position:outside;

}
*/

#main ul {
font-family:Georgia, 'Times New Roman', Times, Serif;
  text-decoration:none;
  list-style-type:disc;
  padding-left:10px;
  margin-left:15px;
  list-style-position:inside;
    padding-top:3px;
	margin-top:0px;
  color:#2F4F4F;
}
#main li {
font-size:16px;
line-height:22px;
padding-left:15px;
margin-left:0px;
margin-bottom:10px;
}

/* right side */
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of main is shorter */
padding-left:100%;
/* this is to bring back the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-200px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
color: red;
}

#sidebar img {
display:block;
border:1px solid #669999;
margin: 63px 0px 0px 30px;
padding: 0px 0px 0px 0px;
float:none;
}

#sidebar img:hover {
border:1px solid #000000;
margin: 63px 0px 0px 30px;
padding: 0px 0px 0px 0px;
}

#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}

#support {  /* was 19  21  */
margin-top:0px;
padding-top:35px;

}
#IEroot #support {
margin-top:0px;
padding-top:20px;

}
/* #google-right {
  margin-left: 20px;
  padding-left: 20px;
}
*/
#footer {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
margin:20px 0px 0px 0px;
padding:10px 0px 20px 0px;
border-top:5px solid #000000;
border-bottom:5px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
background-color:#006666;

color:#000000;
}
#footer a {
color:#FFFFCC;
text-decoration:none;
}

#footer h3 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:0px;

}


/* this is the class that is applied to 2 structural hacks in the markup. The first meaningless element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both}


#signoff {

}
#signoff p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
font-style:normal;
padding: 0;
margin-top:40px;
margin-bottom:10px;
}
#sig {
}
#sig p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
font-style:italic;
padding: 0;
margin-top:12px;
margin-left:30px;
margin-bottom:15px;

}
#google-left {
padding:0px 0px 0px 0px;
margin-top: 0px;
}
/*
#google-right {
float:right;
padding:10px 30px 10px 10px;
}
*/

#google-bottom {
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#google-search {
align:center;
width:350px;  /* necessary for FF to center it  */
padding: 5px 0px 0px 0px;
text-align:center;
margin-top:20px;
margin-left:auto;
margin-right:auto;

}



#feed {
font-size:16px;
font-weight:bold;
}
#feed h2 {
font-size:18px;
font-weight:bold;
}



.spform_input {
position:absolute;
text-decoration:underline;
background-color:#CC0000;
left:0px;
top:-500px;

width:1px;
height:1px;
overflow:hidden;
}
.spf_prompt {
display:block;
padding-right:10px;
font-weight:bold;
}
.spf_normal_input {
font-weight:normal;
padding-left:0px;
}
.spf_verify_msg {
font-weight:bold;
}
.spf_verify_prompt {
font-weight:bold;
}
.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
padding-top:30px;
}


#mycrumbs {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
padding: 15px 0px 5px 250px;
margin: 15px 0px 5px 0px;
color:black;
}
#mycrumbs p {
color:black;
}

#mycrumbs a:link {

color:blue;

}
#mycrumbs a:visited {
color:maroon;
}
#mycrumbs a:hover {
background-color:gray;
color:navy;
}
.B_crumbBox {
color:black;
}
.B_currentCrumb {
color:aqua;
}

table.tags {
        width: 400px;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: black;
}
table.tags th {
        width: 50%;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	background-color: #dddddd;
}
table.tags td {
        width: 50%;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	background-color: #eeeeee;
}
table.properties {
        width: 700px !important;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: black;
}
table.properties th {

	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	background-color: #dddddd;
}
table.properties td {

	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	background-color: #eeeeee;
}
table.properties td.note {
	border-width: 1px;
	padding: 25px;
	border-style: solid;
	border-color: black;
	background-color: #ffffff;

}
#PhotoGallery {
float:none;
}

#disclaimer {

        border-width: 1px;
	padding: 30px;
        margin-bottom:20px;
	border-style: solid;
	border-color: black;
        background-color: #eeeeee;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;

}

.box {

        border-width: 1px;
	padding: 30px;
        margin-bottom:20px;
	border-style: solid;
	border-color: black;
        background-color: #eeeeee;
        -moz-border-radius: 15px;
       -webkit-border-radius: 15px;
        border-radius: 15px;

}

.disclosure {

        border-width: 1px;
	padding: 9px;
        margin-bottom:20px;
	border-style: solid;
	border-color: black;
        background-color: #eeeeee;
        -moz-border-radius: 15px;
       -webkit-border-radius: 15px;
       border-radius: 15px;

}


div#wayfinderSub li.active > a {
    color:black ;
}

.syntaxhighlighter {
    padding: 20px 5px;
    border-radius: 7px;
}
.paypal_button {
    width:150px;
    margin:0 auto;
}

#t_of_c li {
   line-height:1.3;
   margin-bottom:0;
   padding-bottom:0;
}

#t_of_c a, a:active, a:visited, a:link {
   text-decoration:underline !important;
   color:teal;
   line-height:1.3;
   margin-bottom:0;
   padding:2px 5px;
}

#t_of_c a:hover {
 text-decoration:none !important;
 color:white;
 background-color: teal;
}

@media screen and (min-width: 480px) and (max-width: 800px) {
    /* Target landscape smartphones, portrait tablets, narrow desktops */
    p, li, a {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 479px) {
    /* Target portrait smartphones */
    p, li, a {
        font-size:24px !important;
    }

}

.hide_me {
    display:none;
}

.show_me {
    display:block;
}

.ab-container {
   background-image: url(http://bobsguides.com/assets/images/ab-notice.png );
  height: 240px;
  width: 120px;
 
  background-repeat:no-repeat;
  overflow:hiddden;
margin-bottom:1em;
}