body{
	background-image: url("images/graphics/logoemboss350x200_2.png");
	padding:0;
	margin:0;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

p{
	text-align: left;
}

h1{
	font-family: Georgia, Times New Roman, Serif;
	color: #094fa3;
	font-size: 110%;
	line-height: 1.5em;
}

h2{
	font-family: Georgia, Times New Roman, Serif;
	color: #ed1c29;
	font-size: 1em;
	line-height: 1em;
}

h1.red{
	color: #ed1c29;
	text-align: center;
}

h1.name{
	font-family:;
	vertical-align:absbottom; 
	display:inline; 
	color: #ed1c29;
	font-size: 130%;
	text-align: left;
}

h2.info{
	font-family:;
	vertical-align:absbottom; 
	display:inline; 
	color: #094fa3;
	font-size: 85%;
	
}


/*style for top nav bar*/
.topnav ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
font: 13px Arial;
background: #327ac5 url(images/graphics/bluedefault1.gif) center center repeat-x; /*default background of menu bar*/
}

.topnav ul li {
display: inline;
list-style-type: none;
overflow: visible;
background: #242c54 url(images/graphics/bluedefault1.gif) center center repeat-x;
margin:0;
float: left;
padding: 9px 11px;
border-right: 1px inset gray;
}

.topnav a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: #FFF;
background: #242c54 url(images/graphics/bluedefault1.gif) center center repeat-x;
padding:0.5em;
}

.topnav a:hover {
color: #c1ddfb;
background-color: #000066;
text-decoration: underline;
}

.topnav a:active {
color: #c0c0c0;
background-color: #000066;
}

/*style for bottom nav bar*/
.bottomnav ul {
margin: 0;
padding: 0;
float: left;
width: 100%;
font: 9px Arial;
background-color:white;
color: gray;
text-transform:uppercase;
}

.bottomnav ul li {
display: inline;
list-style-type: none;
overflow: visible;
margin:0;
float: left;
padding: 9px 11px;
}

.bottomnav a {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
padding:0.5em;
}

.bottomnav a:hover {
color: gray;
text-decoration: underline;
}

.bottomnav a:active {
color: gray;

}


.hbuttons1 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 150px;
height: 75px;
float: left;
display: inline;
margin-right: 8px;
background-image:url(images/graphics/bethere3pc.png);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
display: inline;
}

.hbuttons1 a:hover{
background-position: -150px ;
}

.hhbuttons1 a:active {
background-position: -300px;
}

.hbuttons2 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 150px;
height: 75px;
float: left;
display: inline;
margin-right: 8px;
background-image:url(images/graphics/about3pc.png);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
display: inline;
}

.hbuttons2 a:hover{
background-position:-150px;
}

.hhbuttons2 a:active {
background-position:-300px;
}

.hbuttons3 a{
display: block;
text-decoration: none;
font: bold 13px Arial;
color: black;
width: 150px;
height: 75px;
float: left;
display: inline;
margin-right: 8px;
background-image:url(images/graphics/tickets2.png);
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
display: inline;
}

.hbuttons3 a:hover{
background-position:-150px;
}

.hhbuttons3 a:active {
background-position:-300px;
}

a span{
	display: none;
}	

/* Style for div that wraps all the way around the whole page - do not change*/
#container{
	width: 55em;
	height:100%;
	margin: 0 auto;
	margin-top: 15px;
	background-color: #d7e1fb;
	line-height: 130%;
	border: thin solid blue;
	color: navy;
	}

#header{
	width: 100%;       /*47.75em;*/
	background-color: white;
	padding: 10px;
	-moz-box-sizing: border-box; /*fixes right border not showing in FireFox*/
	}

#center-box{
	height:20px;
	width: 100%;
	background-color: white;
	padding: ;
	padding-bottom: 0;
	margin: 0px auto;
	margin-bottom: 15px;
	
}

/* Here are the div definitions for the index page divs */
	#indexMain{
			/*do not change the following - it works!*/
			height: 100%;
			float: left;
			width: 35em;
			padding: 1em;
			/*the rest can be changed*/
			background-color: #d7e1fb; 
			border-right: 1px solid gray;
	}
	
	#sidebarRight{
			height:100%;
			margin: 0;
			margin-left: 36.5em;
			padding: 1em;
			padding-right: 0.5em;
			/*width: 18em;*/
			background-color: #d7e1fb;
			-moz-box-sizing: border-box; /*fixes right border not showing in FireFox*/
	}
	
	#sidebarLeft{
			/*do not change the following - it works!*/
			height: 100%;
			float: left;
			width: 14em;
			padding: 1em;
			/*the rest can be changed*/
			background-color: #d7e1fb  
			-moz-box-sizing: border-box; /*fixes right border not showing in FireFox*/
	}
	
	#insideMain{
			height:100%;
			margin: 0;
			margin-left: 15.5em;
			padding: 1em;
			padding-top:1em;
			padding-left: 1em;
			padding-right: 0.5em;
			border-left: 1px solid gray;
			background-color: #d7e1fb;
			text-align: justify;
			-moz-box-sizing: border-box; /*fixes right border not showing in FireFox*/
	}

#bookfest-logo{  
    background-image:url("images/graphics/BookFestLogo150px.png");
	background-repeat: no-repeat;
    display:block;
	width: 150px;  /* to change the image size, change image in PSP, then update the actual size of the PSP image with the width/height specs here
					i.e. the numbers here MUST match the actual image dimensions! */
   	height: 92px;
	text-indent: -9999px;
	float: left;	
}
/* try this for centering the anniversary logo  */
 #CenterBox img {
 	 float: left;
	 width: 200px;
	 margin-left: 150px; 
} 

/* Definitions for footer panel with alt text */
 #footerMain {
 	text-align: center;
    background: url(images/graphics/footerwithcrossframes.png);
    margin: 0 auto;
	margin-left: -1em; 
	padding: 0;
	}

#footerDonors{
	width: 55em;
	margin: 0 auto;
	color: #094fa3;
	text-align: left;
	margin-top: 10px;
	}

/*sample table d/l from internet - see if borders work properly now*/
table.sample {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: red;
	border-collapse: collapse;
	background-color: white;
	color: #094fa3;
}

table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: red;
	background-color: white;
	text-align: left;
	-moz-border-radius: ;
}

table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: red;
	background-color: white;
	-moz-border-radius: ;
}

table, th, td
{
border: 1px solid #ed1c29;
text-align: center;
padding:0.25em;
}

table.donors{
/*table-layout:fixed;*/
background-color:white;
border-top: 1px #ed1c29 solid;
border-right: 3px #ed1c29 solid;
border-bottom: 5px #ed1c29 solid;
border-left: 7px #ed1c29 solid;
text-align: center;
padding:0.25em;
}

td.donors{
border-right: 15px #ed1c29 solid;
border-bottom: 1px #ed1c29 solid;
}

table.list {
	padding: .5em;
	border: 1px solid gray;
	background-color:white;
	text-align: left;
}
table.list td {
	border-bottom:1px solid gray;
	text-align:left;
}

td.narrow{
	width:165px;
	text-align: center;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	-moz-border-radius: ;
	
}

table.books, td {
	width:150px;
	table-layout: ;
	padding: .25em;
	border: 0;
	background:;
	}
	
table.listTitle, td{
	width:30em;
	border-collapse: collapse;
	border: 0;
	background:;
}
	

#donorTable {
	border: 1px solid #ed1c29;
	margin-top: 15px;
	text-align: center;
	border-collapse: collapse;
	
 }
 

#donorTable td {
 	padding: 5px;/*Pads each table cell in modern browsers*/
	width: 5em;
	border: 1px solid #ed1c29;
 }

/* Float image to left of paragraph */
img.floatLeft{
	float: left;
	margin-right:0.5em;
}

/* Float image to right of paragraph */
img.floatRight{
	float: right;
	margin-left:0.5em;
}

/* Center image between margins */
div.center{
	width: 100%;
	text-align: center;
}