/* 2014 1120 see below
20110303 added background image pillow.bmp
20141117 attempt to reduce h1 distance for indexed magazines page
20141117 changes to convert to template system where header includes nav and is separate file
	from php and footer.  Involves putting html and body end tags in footer so php is only content section
	content (div)
2014 1121 add borders section to help with troubleshooting margins and padding (can comment out all borders at once)
2016 0814 add up arrow code to back to top by clicking an arrow
2020 0315 attempt to change background tile to taza_creamy

 */

/* borders - turn on/off for margin/padding troubleshooting:
#body, #wrapper, {
	border: solid 1px black;
}
#header, #nav, #footer {
	border: solid 1px red;
}
#content {
	border: solid 1px blue;
}*/
/* paragraph borders:
#header p{
	border: solid 1px #551a8b;
}
#content p {
	border: solid 1px #551a8b;
} */

.back-to-top {
 
background: none;
 
margin: 0;
 
position: fixed;
 
bottom: 0;
 
right: 0;
 
width: 70px;
 
height: 70px;
 
z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #ffffff;
 
background-color: #ff9000;
 
}

.back-to-top i {
 
  font-size: 60px;
 
}








body {
/* top padding causes to display some background image above white box (as long as there is no text in wrapper)*/	
	font: 15px trebuchet, "Lucida Sans Unicode", Verdana, sans-serif;
 	color: #3333333;
/*	background: #FFF url("pillow2.bmp");*/
	 background: #FFF url("tazacreamy_tile2.jpg");
	margin: 0;
	padding-top: 50px;
}
#wrapper {
	background-color: #fff;
/* below - puts entire wrapper in top left corner (wanted graphic border on top)
	margin-top: 20 auto;*/
	margin: 0 auto;
	width: 750px;
}
#header {
/* make margins match content div; for some reason they seem to be inherited by child elements in header & content*/
/* make top margin 100 to display some background image above as long as ther is no text in wrapper*/
	color: black;
	margin: 0px 25px 0px 25px;
	padding-left: 10px;
	padding-right: 10px;

}
/* don't really need specific p formatting - goes to header format*/
#header p {
	color: black;
	margin: 0px 25px 0px 25px;

}
#header h2 {  /*used for welcome to MiniMagIndex in header file*/
/*	border-bottom: 0px solid #000;
	color: black;*/
	margin: 25px 25px 0px 0px;
	padding-top: 0px;
}
#nav {
	position: static;
	float: right;
	width: 100px;
}
#nav ul {
	margin: 15px 0 15px 0;
	padding: 0;
	list-style: none;
	border: 0;
}
#nav li {
	text-align: center;
	border-bottom: 1px solid #000;
	width: 100px;
	margin: 0;
	padding: 0;
	font: 10px/15px "Lucida Sans Unicode", Verdana, sans-serif;
	color: #000;
	background: #FFF;
}
.navtop {
	border-top: 1px solid #000;
}
#nav li a {
	display: block;
	font-weight: normal;
	padding: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	background: #FFF;
	color: #000;
	text-decoration: none;
	width: 100px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 98px;
}
#nav li a {
	width: 98px;
}
#nav li a:hover {
	font-weight: normal;
	background: #999;
	color: #000;
	text-decoration: none;
}
#nav h3 {
	font-size: 120%;
	text-decoration: underline;
	background-image: none;
	text-align: center;
	padding: 0;

}


#content {
	margin: 0px 25px 0px 25px;
	padding-left: 10px;
	padding-right: 10px;

}
#content p {
	margin: 0px 0px 0px 0px;
	text-align: justify;
}
#content h1 {
	
}
#content h3 {
	align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
#content h2 {
	align: left;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}
/* reserve mainhead for error messages*/
#mainhead {
	color: red;
	}

#footer {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0 25px 0 24px;   
	padding: 5px;            
}

.error {
	color: #C36;
}