* {  	
	font-family: "Lucida Grande", "Century Gothic", "Trebuchet MS"; 

	}
	
body { 
 	font-family: "Lucida Grande", "Century Gothic", "Trebuchet MS"; 
 	font-size: 12px; 
 	color: #666666; 
	width: 450px; 
	text-align:left;
	margin:0 auto 0 auto;
	
 	}
 
em {
	font-style:normal;
	font-weight:bold;
	}
i {
	font-style: italic;  	font-weight:bold;
	}
b { color: #555; 
	font-weight: bold;
	}
a img { border:none; }
acronym { 
	cursor:help; 
	font-weight:bold;
	} 	
h1 {
	text-align:center;
	}
h3 {
	margin-top:20px;
	font-size:1.2em;

	}
 	
#container {
	background-color: #eeeeee; 
	border: 1px dotted #cccccc; 
	padding: 20px; 
	padding-top: 15px;width:450px;
	}
.left {
	text-align:left;
	}
input { 
	font-size:12px;
	}
	.error {
		border:1px solid #d87022;
		}
.index {
	text-align:center;
	}

quote {
	display: block;
	margin:5px 0;
	font-style:italic;
	}

#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */

body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */