body
{
font-family: trebuchet ms, georgia, arial, helvetica, serif;
font-size: 12px;
background-color: #EEEEEE;
text-align: center;
}
div.container
{
width:600px;
line-height:100%;
min-height: 500px;
background-color: #FFFFFF;
background: transparent url(images/background.png) no-repeat;
margin: 0px auto 0px auto;
padding: 0px;
}

div.postcard
{
color:#12326B;
background-color: #FFFFFF;
background: transparent url(images/postcard.png) no-repeat;
width: 385px;
height:337px;
position: relative;
left: 13px;
top: 60px;
float: left;
}

/* IE version */
div.fanmessage
{
color:#12326B;
position: relative;
left: -85px;
top: 25px;
width: 174px;
height: 165px;
text-align:left;
font-family: trebuchet ms, georgia, arial, helvetica, serif;
font-size: 12px;
line-height:130%;

}

/* Everything else */
html>body div.fanmessage
{
color:#12326B;
position: relative;
left: 22px;
top: 25px;
width: 174px;
height: 159px;
text-align:left;
font-family: trebuchet ms, georgia, arial, helvetica, serif;
font-size: 12px;
line-height:130%;

}


div.contentTop
{
margin: 10px 0 0;
font-size: 1.2em;
}


/* This fix is rather like the HollyHack.The containing Div is given a clearfix class and the left div is floated*/
div.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html div.clearfix {height: 1%;}
div.clearfix {display: block;}
/* End hide from IE-mac */

div.mid{
width:600px;
height:30px;
background: transparent url(images/mid.png);
padding:0px;
margin:0px;
}

div.content
{
width:600px;
height: auto;
background: transparent url(images/content.png);
position:relative;
padding: 0;
margin: 0;
}


div.contents
{
width: 560px;
height: 101%;
margin: 0px;
padding:10px;
padding-top:0px;
}

/* Unnecessary */
div.write
{
padding:0px 15px 0px 15px;
text-align: left;
line-height:150%;
}
div.writec
{
padding:15px 15px 5px 15px;
text-align: center;
}

div.footer
{
color:black;
height: 60px;
width: 600px;
background-color: #FFFFFF;
background: transparent url(images/footer.png) no-repeat;
text-align:center;
vertical-align: bottom;
margin:0; 
padding-top: 50px;
font-size:10px;
padding-bottom:0px;
}


div.end
{
height:10px;
width:600px;
background: transparent url(images/end.png) no-repeat;
padding:0px;
margin:0px;
}
h1.header
{
padding:0;
margin:0;
}
hr
{
color:#7E0101;
height: 1px;
background-color: #7E0101;
}
tr {
	background: #FFFFFF;
}
tr.even {
	background: #FFFFBE;
}



span.menu{
color: #000000;
font-size: 13px;
line-height:130%;
}


#cleardiv
{
clear: both;
height: 1em;
}



/* Navigation */
/* Everything else */
html>body #nav {
width:150px;
margin:0;
position: relative;
padding-left:400px;
padding-top: 150px;
text-align:left;
line-height:105%;
}


/* Navigation */
/* IE version */
#nav {
width:150px;
margin:0;
position: relative;
padding-left:400px;
padding-top: -100px;
text-align:left;
}


 #nav li { list-style-type: square; }

/* Styling */
a:link, a:active, a:visited {
	font-weight: bold;
	color: #CC0000}
a:hover {color: #000000}
input, textarea, option, select {
	background-color: #EEEEEE;
	font: 8pt arial;
	color: #000000;
	letter-spacing: 1px;
	border: 1px solid #CCCCCC;
	padding:2px; }
	
#theform{
padding-left: 25px;
}