/* The look of text and stuff--------------- */

body {
/*	text-align:center; */
	margin:0;
	padding:0; /*original settings of the body.*/
	background:#fff;
	text-align:left; 
	font: 85.5% Arial, Helvetica, sans-serif;
	line-height:1.2;
	}

#wrapper {
	width:900px;
	height:700px; 
	margin: 0 auto;
	/*margin-top:10px;*/
	padding:0px;
	position:relative;
	z-index: 1;
/*	top:10;
	left:80;*/
	}

/* delete this stuff if starts to break */
#backgroundShadowsHolder {
	width:900px;
	height:1000px;
	position:relative;
	z-index: 1;
	top:0;
	left:0; 
	background-image: url(../images/wrapperBackground_new720.gif);
	background-repeat: no-repeat;
	background-position: 35px 50px;
}
	
#header {
	width:900px;
	height:106px;
	margin:0;
	padding:0;
	float:left; 
	background:#fff;
	position:relative;
	z-index: 6;
	top:1px;
	left:50px;
	background: #fff url(../images/header.gif) no-repeat;
	text-align:left;
	}
#headerNav  {
	text-decoration:none;
	font-size: .9em;
	color: #fff;
	text-transform: uppercase;
	/* 	letter-spacing: .4em; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index: 6;
	top:31px;
	left:35px;
	}
#headerNav a {
	text-decoration:none;
	font-size: .8em;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
/* 	letter-spacing: .4em; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#leftContent {
	width:247px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	background:#fff;
	position:relative;
	z-index: 2;
	top: 0px;
	left: 80px;
	}

#rightContent {
	width:397px;
	margin: 0px 5px 0px 20px;
	padding: 20px 0px 0px 0px;
	float:left;
	position:relative;
	z-index: 5;
	top: 0px;
	left: 80px;
	}
p {
	color:#636363;
	margin: 10px 30px 0px 0px;
	padding: 0px 20px 0px 0px;
	}

li {
	  font-size: 0.9em;
	  margin: 0px 20px 0px 0px; /* this is where to control the margins of the mainBodyContent List */
	  padding: 0px 0px 0px 0px;
	  list-style: none;
	  color:#636363;
}

ul {
	list-style: none;
	padding: ;
	padding-left: 20px;
}
a {
	margin: 0px 0px 0px 0px; /* changed this just */
 	padding: 0px 0px 0px 0px;
	display: inline;
	/*margin: 0; */
	text-decoration: none;
	color: #799352;
}
h1 {
	font-size:18px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#799352;
	}
h2 {
	font-size:14px;
	color:#799352;
}
	
#contentheader h1 {
	font-size:16px;
	padding:10px;
	margin: 0px 0px 0px 0px;
}
h3 {
	font-size:11px;
	padding:0px 0px 0px 0px;
	margin: ;
	color:#799352;
	margin-top: 1px;
}
#contentheader h2 {
	font-size:11px;
	padding:0;
	margin: 0;
	color: #799352;
	}
blockquote {
	color:#222;
	font-size:.8em;
	margin:0px 25px 0px 5px;
	padding:0;
	font-style: italic;
}

.quoter {
	font-size:.9em;
	color:#636363;
	margin:3px 10px 0px 0px;
	padding:1px 25px 0px 0px;
	text-align: right;
}

/* Generic Classes */

.boldText {          /* Currently not is use. */
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

img.floatLeft {
	vertical-align:bottom;
	padding-top: 20px;
	padding-right: 150px;
	padding-bottom: 15px;
}
img.floatLeftmini {
	vertical-align:center;
}
img.floatRight {
	padding: 0px 5px 0px 0px;
	vertical-align:bottom;
}

img.floatRightStore {
	float: right;
	padding: 0 10px 10px;
	vertical-align: top;
}
/*===============================================================
  ----- here is the list styling controls for rightContent  -------  */
.rightContent ul li span.header {
	margin: 5px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: normal;
 	color: #FFF;
  	list-style: none;
}

.rightContent li {
	  list-style: disc;
}
.rightContent ul.subnav li {
	display: block;
  	list-style: none;

}

.rightContent ul.subnav li a {
  	padding: 4px 0 4px 0;
	margin: 10px 0 0 10px;
  	text-decoration: none;
  	color: #000;
  	background: #FFF;
   	list-style: none;

}
/* Hides from IE-mac \*/
* html #rightContent ul.subnav li a {
  height: 15%;
}
/* End hide from IE-mac */

#rightContent ul.subnav li a:hover {
	background: #EEE;
}

#rightContent ul.subnav li a.last {
	padding-bottom: 20px;  
}
/*===============================================================
  ----- here is the list styling controls for rightContent  LINKS LIST-------  */
.rightContentLinkList ul li span.header {
    padding: 0px 0px 0px 10px;
	font-size: 1.9em;
	font-weight: bold;
	text-transform: normal;
 	color: #FFF;
	
}

.rightContentLinkList ul.subnav li {
	display: block;
}

.rightContentLinkList ul.subnav li a {
	display: block;
  	padding: 5px 5px;
	margin: 0 0 0 35px;
  	text-decoration: none;
  	color: #000;
  	background: #FFF;
}
/* Hides from IE-mac \*/
* html #rightContentLinkList ul.subnav li a {
  height: 15%;
}
/* End hide from IE-mac */

#rightContentLinkList ul.subnav li a:hover {
	background: #EEE;
}

#rightContentLinkList ul.subnav li a.last {
	padding-bottom: 20px;  
}

/*===================================
end of list styling controls rightConten=================================*/
/* ============Table Styles.===============*/

td, th {
	font: 85.5% Arial, Helvetica, sans-serif;
	
}
.bigTableText {
	font-size:14px;
	color: #799352;
	font-weight: bold;
	
}
.booksTable {
color: #FFFFFF;
border: 0px solid #ccc;
border-collapse: collapse;
margin: 0;
}
.booksTable td {
	color:#000000;
	border: none;
	text-align: left;
	line-height: 1em;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.booksTable th {
	border: none;
	background-color: #ff8c00;
	text-align: left;
	line-height: 1em;
	/* font-weight: bold; */
	padding: 10px;
	margin: 0;
}
.booksTable caption {
background-color: #fff;
color: #fff;
padding-top: 3px;
padding-bottom: 2px;
border: none;

}
/* ============End Table Styles.===============*/

/* ============topMenu Settings.===============*/
#topMenu {
	width:800px;
	height: 100px;
	margin: 0px 0px 0px 0px; 	/* something wonky here the header pushes this down Why? */
	padding:0px 0px 15px 0px;
	float:left;
	color:#fff;
/* 	background:#fff;  this setting in Safari on a Mac breaks the topMenu style of letters. 	
	background:#fff;*/
	position:relative;
	z-index: 5;
	/* background: #fff url(../images/topMenu.gif) no-repeat center top; */
}
/* ============footerMenu Settings.===============*/

	
#footer {
	width:800px;
	height:50px;
	margin: 0 0 0 0;
	clear: both;
	background:#fff;
	text-align:center;
	padding: 75px 0 0 0;
}
#footerMenu  {
	text-decoration:none;
	font-size: .9em;
	color: #fff;
	text-transform: uppercase;
	/* 	letter-spacing: .4em; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/* position:relative;
		z-index: 6;
	top:31px;
	left:35px;*/
	
	left:40px;      /* set the exact position of the navigation */
	width:674px;
	height:100px;
	margin: 0px 0px 0px 0px; 	/* this fixes the wonky mentioned above topMenu*/
}
#footerMenu a {
	text-decoration:none;
	font-size: .8em;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
/* 	letter-spacing: .4em; */
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*===================================
=============Veerle technique for menu, actually someone else is credited on her site. Menu matrix it's called.http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/
=================================*/
ul#nav {
	position:absolute;
	top:0px;    /* set the exact position of the navigation */
	left:40px;      /* set the exact position of the navigation */
	width:674px;
	height:100px;
	margin: 0px 0px 0px 0px; 	/* this fixes the wonky mentioned above topMenu*/
	padding:0px 0px 0px 35px;
	}
ul#nav li {
	padding:0;
	margin:0;
	float:left;
	text-indent:-9999px;	
	list-style-type:none;
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/navigation.gif) no-repeat;
	}
li#about a {
	width:115px; /*  try 121*/
	height:80px;
	 }
li#irisBookSeries a {
	width:107px;/*  try 102*/
	height:80px;
	 }
li#EducatorsPage a {
	width:87px;/*  try 90*/
	height:80px;
	 }	 
li#KidsPage a {
	width:65px;/*  try 62*/
	height:80px;
	 }
li#TheIrisStore a {
	width:65px;/*  try 66*/
	height:80px;
	 }
li#IrisNews a {
	width:59px;/*  try 57*/
	height:80px;
	 }	 	 	 	 
li#Resources a {
	width:75px;/*  try 76*/
	height:80px;
	}
li#Contact a {
	width:65px;/*  try 63*/
	height:80px;
	}
li#about a:hover, li#about a:focus {
	background-position:-1px -560px;
	 }
li#irisBookSeries a:link, li#irisBookSeries a:visited {	
	background-position:-116px -640px;
	}
li#irisBookSeries a:hover, li#irisBookSeries a:focus {	
	background-position:-116px -480px;
	}
li#EducatorsPage a:link, li#EducatorsPage a:visited {	
	background-position: -224px -640px;
	}
li#EducatorsPage a:hover, li#EducatorsPage a:focus {	
	background-position: -224px -400px;
	}
li#KidsPage a:link, li#KidsPage a:visited {	
	background-position: -310px -640px;
	}
li#KidsPage a:hover, li#KidsPage a:focus {	
	background-position: -310px -320px;
	}
li#TheIrisStore a:link, li#TheIrisStore a:visited {	
	background-position: -375px -640px;
	}
li#TheIrisStore a:hover, li#TheIrisStore a:focus {	
	background-position: -375px -240px;
	}
li#IrisNews a:link, li#IrisNews a:visited {	
	background-position: -440px -640px;
	}
li#IrisNews a:hover, li#IrisNews a:focus {	
	background-position: -440px -160px;
	}
li#Resources a:link, li#Resources a:visited {	
	background-position: -500px -640px;
	}
li#Resources a:hover, li#Resources a:focus {	
	background-position: -500px -80px;
	}
li#Contact a:link, li#Contact a:visited {	
	background-position: -575px -640px;
	}
li#Contact a:hover, li#Contact a:focus {	
	background-position: -574px 0px;
	}
	
/* Main navigation "active tabs --- Not implemented yet. But could be.
------------------------------------------------------------------
body#about-page ul#nav li#about a {
	background-position:0px 0px;
	}
body#irisBookSeries-page ul#nav li#irisBookSeries a {
	background-position:-66px -54px;
	}
body#EducatorsPage-page ul#nav li#EducatorsPage a {
	background-position:-134px -54px;
	}
body#KidsPage-page ul#nav li#KidsPage a {
	background-position:-213px -54px;
	}
body#TheIrisStore-page ul#nav li#TheIrisStore a {
	background-position:-299px -54px;
	}
body#IrisNews-page ul#nav li#IrisNews a {
	background-position:-213px -54px;
	}
body#Resources-page ul#nav li#Resources a {
	background-position:-213px -54px;
	}
body#Contact-page ul#nav li#Contact a {
	background-position:-213px -54px;
	} */