/* the styles for the elements */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
	border: 3px solid black;
	width: 80%;
	margin: 10px auto;
	background-image: url("../images/xmb.gif");
}


/* the styles for the header */
header img {
	float: center;
	min-width: 10;
	max-width: 15%;
}
header h1 {
	font-family: cursive;
	text-shadow: 2px 2px 5px #0d98ba
	position: fixed;
}
header h2 {
	font-family: comic sans ms, comic sans, cursive;
	text-shadow: 2px 2px 5px #98FF98
}

#nav_menu ul {
	list-style-type: none;
}

#nav_menu ul li{
	float: left
}

#nav_menu ul li a{
	text-align: center;
	display: block;
	width: 175px;
	padding: 1em 0;
	text-decoration: none;
	color: white;
	font-weight: bold;
	border-right: 2px solid white;
}

#nav_menu ul li a.lastitem{ 
border-right: none;
}

#nav_menu ul a.current{
	color: white;
}

/* the styles for the section */
main {
	clear: left;
}

main h3 {
	border: 3px dotted black;
	font-family: comic sans ms;
}

main p {
	border: 3px inset black;
}

a:hover {
	text-shadow: 2px 2px 5px #000000;
}
body h3 {
	background-color: white;
}
body p {
	background-color: white;
}
footer boom img{
	float: right;
}
footer p {
	clear
}
/* the styles for the footer */

table {
	border: 3px dashed black;
	background-color: white;
}

th, td {
	border: 1px solid black;
	padding: .2em .7em;
	text-align: right;
}
th.left, td.left {
	text-align: left;
}
thead, tfoot {
	background-color: #808080;
}
body ul {
	background-color: white;
}
body li {
	background-color: white;
}
footer ul {
	background-color: white;
}
footer li {
	background-color: white;
}
fieldset {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: .5em;
    font-family: Snell Roundhand, cursive;
    background-color: white;

}
legend {
    color: black;
    font-weight= bold;
    font-style: italic;
    font-family: Snell Roundhand, cursive;
    font-size: 85%;
    margin-bottom: .5em;
    background-color: white;
}
label, input, select {
    font-size: 90%;
}
label: {
    float: center;
    width: 12em;
    text-align: center;
}
input:required, input [required] {
    border: 3px solid red;
}
input:valid {
    border: 1px solid black;
}
input:inavlid {
    box-shadow: none;
}
br{
    clear: both;
}
#buttons input {
    width: 5em;
}
br {
    clear: both;
}
#buttons input {
	width: 10em;
}