@charset "UTF-8";
/* CSS Document */

body {
margin-right:auto;
margin-left:auto;
vertical-align:top;
background-color: #495e67;
background-image:url(images/background.jpg);
background-repeat:repeat-x;
padding:0px;
margin-top:0px;
}

#container {
margin-right:auto;
margin-left:auto;
width:1008px;
margin-top:0px;
background-color:#FFFFFF;
height:auto;
}

div.headerfloat {
  float: left;
  }
 
 
/***HEADERS***/

#header {
width: 302px;
}

#iphone {

display:block;
width:302px;
height:15px;
border:none;
background: url(images/iphone.jpg) 0px -15px no-repeat;
}

#iphone a{
display:block;
width:302px;
height:15px;
border:none;
background: url(images/iphone.jpg) 0px -15px no-repeat;
}

#iphone a:hover{
width:302px;
height:15px;
border:none;
background: url(images/iphone.jpg) 0px 0px no-repeat;
}

#comic {
display:block;
width:47px;
height:20px;
border:none;
background: url(images/comic.jpg) 0px -15px no-repeat;
}

#comic a{
display:block;
width:47px;
height:20px;
border:none;
background: url(images/comic.jpg) 0px -20px no-repeat;
}

#comic a:hover{
width:47px;
height:20px;
border:none;
background: url(images/comic.jpg) 0px 0px no-repeat;
}

#characters {
display:block;
width:86px;
height:20px;
border:none;
background: url(images/characters.jpg) 0px -20px no-repeat;
}

#characters a{
display:block;
width:86px;
height:20px;
border:none;
background: url(images/characters.jpg) 0px -20px no-repeat;
}

#characters a:hover{
width:86px;
height:20px;
border:none;
background: url(images/characters.jpg) 0px 0px no-repeat;
}

#about {
display:block;
width:78px;
height:20px;
border:none;
background: url(images/about.jpg) 0px -20px no-repeat;
}

#about a{
display:block;
width:78px;
height:20px;
border:none;
background: url(images/about.jpg) 0px -20px no-repeat;
}

#about a:hover{
width:78px;
height:20px;
border:none;
background: url(images/about.jpg) 0px 0px no-repeat;
}

#contact {
display:block;
width:81px;
height:20px;
border:none;
background: url(images/contact.jpg) 0px -20px no-repeat;
}

#contact a{
display:block;
width:81px;
height:20px;
border:none;
background: url(images/contact.jpg) 0px -20px no-repeat;
}

#contact a:hover{
width:81px;
height:20px;
border:none;
background: url(images/contact.jpg) 0px 0px no-repeat;
}

#copyright {
padding-top:5px;
padding-left:10px;
width:292px;
font-size:.5em;
font-family:Arial, Helvetica, sans-serif;
color:#d8e0e3;
text-decoration:none;
text-align:center
}

#copyright a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#d8e0e3;
}

#copyright a:hover{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#contentarea {
width:705px;
background-image:url(images/pageoverlay.png);
background-repeat:repeat-y;
padding-bottom:0px;
margin-bottom:0px;
}

#contentsection {
width:660px;
padding-left:26px;
padding-right:19px;
background-repeat:repeat-y;
padding-bottom:0px;
margin-bottom:0px;
}

/***COMIC NAV***/

#previous {
display:block;
width:81px;
height:20px;
border:none;
background: url(images/previous.jpg) 0px -20px no-repeat;
}

#previous a{
display:block;
width:81px;
height:20px;
border:none;
background: url(images/previous.jpg) 0px -20px no-repeat;
}

#previous a:hover{
width:81px;
height:20px;
border:none;
background: url(images/contact.jpg) 0px 0px no-repeat;
}


/***TEXT***/
h1{
font-family:Arial, Helvetica, sans-serif;
color:#2e2e2e;
font-size:1.8em;
font-weight:bold;
margin-bottom:-5px;
padding-bottom:0px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#2e2e2e;
font-size:1.2em;
font-weight:bold;
margin-bottom:-5px;
padding-bottom:0px;
}


p {
padding-left:5px;
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
color:#2e2e2e;
font-size:.75em;
}

p a{
font-family:Arial, Helvetica, sans-serif;
color:#3091ba;
text-decoration:none;
}

p a:hover{
color:#495e67;
}

/***FORM STYLE***/

form {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color:#2e2e2e;
	
}
form legend {
	font-size: 16px;
	font-weight: bold;
	border:none;
}
form ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
form ol li {
	float: left;
	padding: 4px;
}
form label {
	display: block;
	font-weight: bold;
}
form ol ol label {
	display: inline;
	font-weight: normal;
}
.rowWrap {
	float: left;
	clear: both;
	border: none;
	margin-bottom: 2px;
}
.groupWrap {
	padding: 8px;
	float: left;
	clear: both;
	border: none;
	margin-bottom: 4px;
}
.sectionWrap {
	padding: 8px;
	float: left;
	clear: both;
	border: none;
	margin-bottom: 8px;
}


.tx-felogin-pi1{
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
margin-top:10px;
}

fieldset {
margin-top:10px;
margin-left:0px;
padding-left:0px;
border:0px;
}