/*===========================================
all styles here control the entire page so you can specify a default font size and font family which I did to show you how it would be written 
=============================================*/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}
/*========================================
Keeps linked images from having a border
==========================================*/
body img {
	border: 0px;
	text-decoration: none;
}

/*=======================================
styles the gallery table - add and change as you want
========================================*/
.gallery {
	width: 88%;
	margin: 10px auto;
	border: 2px solid #000000;
	padding: 4px;
}
.gallery td {
	border: medium solid #000000;
	text-align: center;
	font-family: "Book Antiqua";
	font-size: small;
	font-weight: normal;
	color: #000000;
	padding: 4px;
	width: 22%;
	vertical-align: top;
}

/*========================================
styles your main title heading
==========================================*/
h1 {
	text-align: center;
}
/*=====================================
center paragraphs on the page
=======================================*/
.center {
	text-align: center;
}

/*==========================================
styles for the buttons on the bottom of the page - http://www.bestcssbuttongenerator.com/ 
these can be as plain or fancy as you want them to be
============================================*/
.myButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}
.myButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.myButton:active {
	position: relative;
	top: 1px;
}