html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	   margin: 0;
	   padding: 0;
	   border: 0;
	   outline: 0;
	   font-weight: inherit;
	   font-style: inherit;
	   font-size: 100%;
	   font-family: inherit;
	   vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	   outline: 0;
}
body {
	   line-height: 25px;
	   color: #fc4949;
	   background: #FFFFFF;
           font-family: arial;
}
ol, ul {
	   list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	   border-collapse: separate;
	   border-spacing: 0;
}
caption, th, td {
	   text-align: left;
	   font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	   content: "";
}
blockquote, q {
	   quotes: "" "";
}

/* Useful Classes */

left {
 float: left;
}

right {
 float: right;
}

clear {
 clear: both;
}

/* Start your CSS now!! */

div#pagewrap {   
     width: 800px; 
     background: #FFFFFF;
	 padding-left: 50px;
}

div#header {
	width: 656px;
	height: 148px;
     border: 2px solid #ff0000;
     margin-top: 10px;
	 margin-left: 50px;
	 margin-bottom: 20px;
	 position: static;
}

p.one {
	font-size: 50px;
	font-family: Arial;
	margin-top: 45px;
	margin-left: 85px;
	color: #fc4949;
	position: relative;
}

p.two {
	font-size: 30px;
	font-family: Arial;
	margin-top: 20px;
	margin-left: 205px;
	color: #fc4949;
	position: relative;
}

img.one {
	margin-top: -3px;
	margin-left: -10px;
	position: absolute;
}

img.two {
	margin-top: -3px;
	margin-left: 650px;
	position: absolute;
}

div#menu {
    border: 2px solid #ff0000;
	width: 134px;
	height: 292px;
	padding: 8px;
	margin-right: 30px;
	float: left;
	position: static;
}

div#menu p {
	margin-left: 15px;
}

img.three {
	margin-top: -15px;
	margin-left: -12px;
	position: absolute;
}

img.four {
	margin-top: 300px;
	margin-left: -12px;
	position: absolute;
}

div#content {
	width: 590px;
	height: 360px;
	border: 2px solid #ff0000;
	padding: 10px;
	overflow: auto;
	margin: 0 auto;
	float: left;
	position: static;
}

h3 {
	font-size: 30px;
	color: #ff6b6b;
	padding-top: 4px;
	padding-bottom: 6px;
	border-bottom: 2px solid #feb8b8;
}

img.five {
	margin-top: -16px;
	margin-left: -16px;
	position: absolute;
}

img.six {
	margin-top: -15px;
	margin-left: 582px;
	position: absolute;
}

img.seven {
	margin-top: 353px;
	margin-left: -16px;
	position: absolute;
}

img.eight {
	margin-top: 354px;
	margin-left: 583px;
	position: absolute;
}


div#info {
	width: 240px;
	margin: 0 auto;
}

img.mycard {
	float: right;
}

.centeredImage
	{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	}

img.filler {
	padding: 2px;
	text-align: center;
}

div#deck {
	width: 340px;
	line-height: 2px;
	text-align: center;
	margin: 0 auto;
}

div#trade {
	width: 500px;
	line-height: 2px;
	text-align: center;
	margin: 0 auto;
}

div#log {
	font-size: 12px;
	line-height: 15px;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #ff0000;
}

li {
	margin-left: 30px;
}


