html { margin: 0; padding: 0; }
body {
	margin: 0 auto 0 auto;
	text-align: center;
	background-color: #81DAF5;
	padding: 0px 10px 0px 10px;
	width: 980px;
}
#header {
	display: block;  /* all divs ar block elements by default */
	margin-top: -20px;
	text-align:center;
	color: #08088A;
	width: auto;
	height: 120px;
	/*border-color: white;
	border-width: 1px 3px 1px 3px;
	border-style: solid;*/
}

#title {
	display: block;  /* all divs ar block elements by default */
	margin: 0;
	text-align:left;
	padding-left: 20px;
	color: white;
	width: auto;
	background-color: #08088A;
	border: 1px solid #08088A;
}

#footer {
	display: block;  /* all divs ar block elements by default */
	text-align:center;
	margin: 0 0 0 0;
	border: 1px solid #08088A;
	width: auto;
	clear: left;
	color: white;
	background-color: #08088A;
	/*background: #08088A url(images/threedots.png) center right;
	background-repeat: no-repeat; */
}

#content {
	display: block;  /* all divs ar block elements by default */
	position: static;  /* default value */
	padding: 20px 10px 20px 20px;;
	text-align: left;
	border: 1px solid white;
	background-color: white;
	width: auto;
}

#signin_form {
	float: left;
	margin: 0 10px 0px 40px;
	text-align: left;
	width: 35%;
	border: 0px solid green;
}

#intro_info {
	float: left;
	margin: 0 10px 0px 0;
	text-align: left;
	width: 58%;
}

#signup_form {
	float: left;
	margin: 0 10px 0px 0;
	text-align: left;
	width: 60%;
	border: 0px solid green;
}

#signup_benefits {
	float: left;
	padding: 0 20px 0 20px;
	margin: 10px 0 0 20px;
	text-align: left;
	width: 27%;
	border: 2px dashed #ccc;
}

#penAcctArea {
	float: left;
	margin: 0 10px 0px 0;
	text-align: left;
	width: 45%;
	border: 0px solid green;
}

#profileAcctArea {
	float: left;
	padding: 0 20px 0 20px;
	text-align: left;
	width: 47%;
	border: 2px dashed #ccc;
}

#right_float_box {
	float: left;
	padding: 0 20px 0 20px;
	text-align: left;
	width: 47%;
	border: 2px dashed #ccc;
}

.error_box {
	margin: 10px 0 20px 0;
	padding: 10px;
	border: 1px solid red;
	background-color: pink;
}

.indentA {
	margin-left: 25px;
}

@font-face {
    font-family: 'DesyrelRegular';
    src: url('includes/desyrel-webfont.eot');
    src: url('includes/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('includes/desyrel-webfont.woff') format('woff'),
         url('includes/desyrel-webfont.ttf') format('truetype'),
         url('includes/desyrel-webfont.svg#DesyrelRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, p, h1, td { font-family: "Optima", "Arial", sans-serif }
body, p, td { font-size: 1em }
#header .logo { font: 62px 'DesyrelRegular', Arial, sans-serif; }
#title h1 { font: 30px 'DesyrelRegular', Arial, sans-serif; }
#footer a { color: white }
#footer a:hover { color: #ccc }
#footer a:visited { color: #ccc }
#header a { color: #08088A; text-decoration: none; }
#header a:hover { color: #aaa; text-decoration: none; }
#header a:visited { color: #08088A; text-decoration: none; }
#footer p { font-size: 0.9em }
h1 { font-size: 1.8em }
h2 { font-size: 1.4em }
h3 { font-size: 1.2em }