body {
  margin: 0;
  padding: 0; 
  background-color: #F2EECF;
  background-image: url(images/bkgrnd_strip.jpg);
  background-repeat: repeat-y;
  background-position: center top;
}
html, body {
  margin: 0;
  padding: 0;
}
#wrapper {
  width: 960px;
  min-height: 732px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/Home_1.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#wrapperpages {
  width: 960px;
  min-height: 550px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(images/Pages_top.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
}
#top {
  margin-bottom: 10px;
  height: 0px;
  padding: 0;
}
#centerhome {
  display: inline;
  min-height: 550px;
  background-color: transparent;
}
#centerpages {
  width: 960px;
  height: 100%;
}
#leftmenu {
  float: left;
  width: 200px;
  padding: 45px 0;
  background-color: ;
}
.contactleft {
    font-family: verdana;
	font-size: 12px;
	line-height: 1.5em;
	color: #673B17;	
	padding: 10px 10px;	
}
#rightlinks {
  float: right;
  width: 650px;
  min-height: 570px;
  margin-top: 10px;
  padding: 25px 10px 15px 0;
  background-image: url(images/links_lucifer.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#left {
  float: left;
  width: 250px;
  min-height: 550px;
  padding: 25px 0 15px 35px;
  background-color: transparent;
}
#right {
  float: right;
  width: 650px;
  min-height: 570px;
  padding: 25px 20px 15px 0; 
}



.header {
    font-family: verdana;
	font-size: 15px;
	font-weight: bold;
	color: #5D3B07;
	padding: 10px 0 10px 0;	
	text-align: left;
}
.title {
    font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #673B17;
	margin: 10px 0 10px 0;
}
.text {
    font-family: verdana;
	font-size: 12px;
	line-height: 1.5em;
	color: #673B17;	
	padding: 10px;	
	text-align: justify;
}
.textrag {
    font-family: verdana;
	font-size: 12px;
	line-height: 1.5em;
	color: #673B17;	
	padding-bottom: 10px;	
}
.textquote {
  font-family: arial;
  font-size: 12px;
  font-style: italic;
  color: #275C15;
  line-height: 1.3em;
  padding: 10px 0 10px 15px;
}
.floatimgright {
float: right;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
color: #995609;
font-family: arial;
font-size: 11px;
}
.floatimgleft {
float: left;
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
color: #995609;
font-family: arial;
font-size: 11px;
}
#clear {
  clear: both;
}
#footerpages {
  background: #6B3518;
  height: 30px;
  border-top-style: solid;
  border-top-width: 15px;
  border-top-color: #9B924D;
  border-bottom-style: solid;
  border-bottom-width: 10px;
  border-bottom-color: #fff;
  padding: 15px 30px 4px 0;
  text-align: right;
  font-family: arial;
  font-size: 11px;
  color: #fff;
  }
  
#footerhome {
  background: #6B3518;
  height: 30px;
  padding: 15px 30px 4px 0;
  text-align: right;
  font-family: arial;
  font-size: 11px;
  color: #fff;
}

A.type1:link    {color:#8C2909; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:visited {color:#8C2909; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:active  {color:#8C2909; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:hover   {color:#B78F0D; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type2:link    {color:#B78F0D; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:visited {color:#B78F0D; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:active  {color:#B78F0D; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type2:hover   {color:#E8BE36; font-size: 11px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type3:link    {color:#4A5690; font-size: 14px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:visited {color:#4A5690; font-size: 14px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:active  {color:#4A5690; font-size: 14px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type3:hover   {color:#EEDFD4; font-size: 14px; font-weight:bold; text-decoration:none; font-family: arial;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*this is the TOP HORIZONTAL menu*/

.indentmenu{
font: bold 13px Arial;
width: 960px;
padding: 95px 0 0 0;
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #755811;
border-width: 1px 0;
background: black url(images/glossybrown2.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white;
padding: 6px 27px;  /*width of nav sections */
text-decoration: none;
border-right: 1px solid #755811; 
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background: black url(images/glossybrown.gif) center center repeat-x;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}

/*Left-side Secondary Navigation*/

.markermenu{
width: 215px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #755811;
}

.markermenu ul li a{
background: url(images/glossybrown2.gif) center center repeat-x;
font: bold 12px  verdana;
color: #fff;
display: block;
width: auto;
padding: 8px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #755811;
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (10px) */
width: 205px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #fff;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
background: url(images/glossybrown.gif) center center repeat-x;
background-color: #8FBB77;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }

/* ######### CSS for Shade Tabs on the SKYISLAND book page ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS content within Shade Tabs on the SKYISLAND book page ######### */

#icontent {
	width: 590px;
	padding: 10px;
	background-color: #F2EECF;	
}
ul.bookpages {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #213C18;
  line-height: 1.6em;
  margin-left: 15px;
}