/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


#containerphoto, #cropphoto {
	border: 3px solid #CC9F0C;
	background-color: #CC9F0C;
}
#containerphoto {
	margin: 10% 0 10% 25%;
}	
ul {
	margin-left: 25px;
}

div#contentmain h3 {
		margin: 5px 0px 0px 0px;
}

h7 {
	text-align: center;
}

#regional, #alphabet {
	margin-top: 2em;
	padding-bottom: 1em;
}

#smalltax, #adobe {
	text-align: center;
}

#taxbackground {
	background-color: #CC9F0C;
	width: 100%;
	margin: -10px 0 0 -5px;
	padding: 15px 0px 3px 2px;
}

#largetax {
	width: 499px;
	height: 614px;
	background: url(images/taxreceipt.jpg) no-repeat;
	margin: 30px 0 30px 30px;
}

/*HELP NAV INFO STARTS HERE------------------------------------ */
#help_nav {
	margin-top: -7px;
	display: inline;
	position: relative;
	width: 100%;
	height: 25px;
	text-align: left;
	float: left;
}

ul#help_list li {
	display: inline;
	padding: 6px 0px 5px 0px;
	background-color: #CC9F0C;
	color: white;
	margin: 1px;
}

ul#help_list li a {
	text-decoration: none;
	color: white;
	padding: 6px 11px 5px 11px;
	background-color: #79aa29;
	margin-left: -5px;
	margin-right: -5px;
}

#help_nav a:hover{
	color: #CCCCCC;
}
/* END OF HELP NAV INFO---------------------------------*/

#wherecolumn {
	background-color:#CCCCCC;
	margin: 30px;
	border: 2px solid #CC9F0C;
	padding: 15px 20px 20px 30px;
}	

#wherecolumn h6 {
}

#dropdown form {
	margin-left: 10px;
} 	

#list {
	margin: 20px 20px 20px 30px;
}

.contact {
	padding: 0 0 30px 30px;
}

#html {
	text-align: center;
}

html{
  background-image: url(images/greenbg2.jpg);
}

body {
	background-color: #ffffff;
	width: 770px;
	margin: 0 auto;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	text-align: left;
	position: relative;
	top:10px;
	padding-top: 0px;
}

div#header{
	z-index: 100;
	overflow: hidden;
	height: 150px;
	background: url(images/top.gif) repeat-x;
}

h1 {
	background: transparent url(images/ReadingTreeLogo2.png) no-repeat;
	height: 150px;
	width: 230px;
	position: absolute;
	top: 2px;
	left: 5px;
	text-indent: -9999px;
}

div#tagline {
	background: transparent url(images/tagline.gif) no-repeat;
	height: 90px;
	width: 500px;
	position: absolute;
	top: 40px;
	left: 465px;
	text-indent: -9999px;
}


/*Here's the beginning of the content:*/
div#content {
	width:100%;
	background: url(images/bgbar.gif) repeat-y;
	float: right;
	margin-top: -2px;
}


/*Here's the right column, if you need to enlarge 
or decrease this, change the left value AND the width. 
The width for the combined 'contentmain' and 'contentsub' 
should always add up to 100%*/
div#contentmain {
	width: 73%;
	padding: 1em 0;
	padding-bottom: 4em;
	float: right;
}

div#contentmain h1,
div#contentmain h2,
/*div#contentmain h3,*/
div#contentmain h4,
div#contentmain h5,
div#contentmain p {
	margin-right: 20px;
	margin-left: 20px;
	padding: 2px;
	margin-bottom: 1em;
}

div#contentmain h4, div#contentmain h5  {
	margin-right: 20px;
	margin-left: 20px;
	padding: 2px;
	margin-bottom: 0em;
}

div#contentmain p {
	line-height: 1.5em;
	margin: 5px 20px 5px 20px;
	color:#333333;
}

div#contentmain h4 {
	font-size: 1.2em;
}


div#contentmain div.box {
	background: url(images/squarebottom.gif) bottom no-repeat;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
}

div#contentmain div.box a {
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}
 
div#contentmain div.box h2{
	background: url(images/squaretop.gif) 0 0 no-repeat;
	width: 500px;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 20px;
	padding: 25px 0px 0px 20px;
	font-size: 1.3em;
	letter-spacing: 1px;
}


div.whowearetext, div#waystohelptext {
	margin-top: 2em;
}

ul#givebooks {
	width:100%;
	background: url(images/givebooksbg.gif) 15px 5px no-repeat;
	margin-top: 75px;
	margin-left: 18px;
	margin-bottom: 40px;
	float:left;
}

ul#givebooks li {
	margin-right: 8px;
	float: left;
	height: 100px;
	width: 115px;
	/*background: url(images/Hands1_100x115.jpg) no-repeat;*/
	border: 4px solid  #CC9F0C;
	list-style-type: none;
}


/*Here's the left column, if you need to enlarge 
or decrease this, change the left value AND the width*/
div#contentsub {
	margin-top: 10px;
	margin-right:-4px;
	width: 27%;
	float: right;
}


div#contentsub a#locationbutton {
	background: transparent url(images/buttons2.gif) no-repeat;
	display: block;
	width: 173px;
	height: 80px;
	text-indent: -5000px;
	margin-left: 5px;
}

div#contentsub a#taxbutton {
	background: transparent url(images/buttons2.gif) 0px -80px no-repeat;
	display: block;
	width: 173px;
	height: 55px;
	text-indent: -5000px;		
	margin-left: 5px;
}

div#contentsub h1,
div#contentsub p,
div#contentsub h2,
div#contentsub h4 {
	margin-right: 20px;
	margin-left: 10px;
	padding: 2px;
}

div#contentsub h4 {
	letter-spacing: 1px;
}

div#contentsub p {
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
	color:#333333;
}

#contentsub li, #contentmain li, #contentsub ul {
	list-style-type: square;
	color: #333333;
	font-size: .9em;
	margin-left: 15px;
	margin-right: 25px;
}

#contentsub ul {
	margin-bottom: 15px;
}

div#give {
	padding: 20px 0 20px 0px;
	text-align: center;
	width: 400px;
}
#give a {
	padding-right: 20px;
}

/*Get IE fix command for transparent pngs or else this nav won't work.
Also need to adjust the transparency/curve*/

div#main_nav ul li{
	float: left;
	padding-left: 10px;
	width: 88px;
	height: 27px;
	text-indent: -5000px
}

div#main_nav {
	height: 30px;
	left: 0;
	position: relative;
	z-index: 100;
	top: 105px;
}

div#main_nav ul li a{
	display: block;
	width: 88px;
	height: 27px;
	text-indent: -5000px
}

div#main_nav ul#nav_list li.first,
div#main_nav ul#nav_list1 li.first,
div#main_nav ul#nav_list2 li.first,
div#main_nav ul#nav_list3 li.first {
	padding-left: 0px;
}

div#main_nav ul{
	position: absolute;
	top: 10px;
	left: 360px;
	margin: 0px;
	width: 500px;
	height: 30px;
}

ul#nav_list {
	background: transparent url(images/navigationbuttons2.gif) no-repeat;
}

ul#nav_list1 {
	background: transparent url(images/whowearebuttons.gif) no-repeat;
}

ul#nav_list2 {
	background: transparent url(images/waystohelpbuttons.gif) no-repeat;
}

ul#nav_list3 {
	background: transparent url(images/contactbuttons.gif) no-repeat;
}

ul#nav_features {
	position: absolute;
	margin: 0px;
	width: 500px;
	background: transparent url(images/squares.gif) no repeat;
}

#form {
	float: right;
}

div#header, div#main_nav, div#footer {
	width: 100%;
}


div#footer {
	background: url(images/bottom.gif) repeat-x;
	height: 150px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	letter-spacing: 0px;
	text-align: center;
	clear: both;
}

ul#footer_info li a {
	padding-right: 2px;x
	text-decoration: none;
	letter-spacing: 1px;
}

ul#footer_info li{
	display: inline;
	margin-left: 2px;
}

/* =si_clear_children */
.pc{ position : absolute; top: 0; left: 0; }

.sc {}
.clear_children,.cc_tallest { position: relative; }
 /**/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; }
 /* PREVENTS A REDRAW BUG IN SAFARI */

div#list h5, div#list h4 {
	text-align: center;
	background-color: white;
	padding: 0;
	margin: 20px 0 10px 0;
	color:#666666;
}

div#waystohelptext h5 {
	background-color: white;
	padding: 5px;
	margin: 10px 30px 0px 20px;
	color:#666666;
}

em {
	font-style: oblique;
	font-size: .9em;
}
div#wherecolumn h5 {
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-left: 0px;
}
 li#alphabet, li#regional  {
 	list-style-type: decimal;
 }
 #breakouttext {
	letter-spacing: 1px;
	font-size: .9em;
	margin: 20px 50px 20px 30px;
	color:#333333;
	border-top: 2px dotted #999999;
	border-bottom: 2px dotted #999999;
}
#dottedline {
	margin: 20px 65px 5px 0px;
	border-bottom: 2px dotted;
	color:#666666;
}

#flash {
	margin-left: -40px;
	margin-top: 120px;
	width: 240px;
	height: 190px;
}