body, html {
	background: #E9FAF4 url(../i01/background.jpg) top center repeat-y;
	margin:0;
	padding:0;
	border:0;
	height: 101%;
}

#container {
	margin:auto;
	width:750px;
	width:700px;
	width:700px;
	padding:10px 25px;
	border:0;
}

#content {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	text-align:justify;
}

#menu-top-left  {
	z-index:2;
	position:absolute;
	top:10px;
	width:500px;
	height:15px;
	overflow:hidden; 
	background:#fff;
	font-family:verdana, arial, sans-serif;
	text-decoration:none;
	font-size:10px;
	color:#545454;
}



#menu-top-right  {
	z-index:1;
	position:absolute;
	top:10px;
	width:700px;
	height:15px;
	background: #fff;
	
}




#menu {
	z-index:1;
	position:absolute;
	top:339px;
	left:0px;
	width:700px;
	background:fff;
	height: 44;

}

#sidebar  {
	z-index:1;
	position:absolute;
	top:439px;
	width:130px;
	padding:10px 10px;
	height: 205px;
}


.story {
	z-index:2;
	position:absolute;
	margin:0;
	top:410px;
	width:482px;
	margin-left:160px;
	border:0;
	padding:10px 10px;
	left: -10px;
	padding-bottom:80px;
}

#whystory {
	z-index:2;
	position:absolute;
	width:585px;
	top:410px;
	left: 50px;
	margin:0;
	align: left;
	border:0;
	padding-bottom:80px;

	
}

#quiz {
	z-index:2;
	position:absolute;
	margin:0;
	top:410px;
	width:560px;
	margin-left:0px;
	border:0;
	padding:10px 10px;
	left: 50px;
}

#bannertop  {
	position:absolute;
	display:block;
	top:27px;
	width:700px;
	height:310px;
	margin: 0 0 0 0;
	overflow:hidden; 
	background: #fff;
}


.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* text */





.menue 	{font-family:verdana, arial, sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#ffffff;
	cursor:hand;}


.menuetopright  {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #4f4e4f; text-decoration: none; font-size: 11px;}

.menuemain      {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; font-size: 11px;}

.menuemainbold  {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; text-decoration: none; font-size: 11px;}

.green          	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #05a995; text-decoration: none; font-size: 11px;}
.greenbold        {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #05a995; text-decoration: none; font-size: 11px;}

.lightred           	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #c74961; text-decoration: none; font-size: 11px;}
.lightredbold   		{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #c74961; text-decoration: none; font-size: 11px;}

.purple           {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #c42aaa; text-decoration: none; font-size: 11px;}
.purplebold       {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #c42aaa; text-decoration: none; font-size: 11px;}

.yellow     		{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #cf9d0b; text-decoration: none; font-size: 11px;}
.yellowbold      {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #cf9d0b; text-decoration: none; font-size: 11px;}

.links           {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #FF6633; text-decoration: none; font-size: 11px;}
.linksbold       {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FF6633; text-decoration: none; font-size: 11px;}

.faq           	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #e754a0; text-decoration: none; font-size: 11px;}
.faqbold        {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #e754a0; text-decoration: none; font-size: 11px;}

.glos           {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #f1a02d; text-decoration: none; font-size: 11px;}
.glosbold       {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #f1a02d; text-decoration: none; font-size: 11px;}

.sitemap        {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #44bdbd; text-decoration: none; font-size: 11px;}
.sitemapbold  	{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #44bdbd; text-decoration: none; font-size: 11px;}

.text           {font-family: Verdana, Arial, Helvetica, sans-serif; align: left; line-height:normal; font-weight: normal; color: #4f4e4f; text-decoration: none; font-size: 11px;}
.textbold       {font-family: Verdana, Arial, Helvetica, sans-serif; line-height:normal; align: left; font-weight: bold; color: #4f4e4f; text-decoration: none; font-size: 11px;}

.red           {font-family: Verdana, Arial, Helvetica, sans-serif; align: left; line-height:normal; font-weight: normal; color: #ce1818; text-decoration: none; font-size: 11px;}
.redbold       {font-family: Verdana, Arial, Helvetica, sans-serif; line-height:normal; align: left; font-weight: bold; color: #ce1818; text-decoration: none; font-size: 11px;}



p {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4f4e4f;
}



td{
	font-size:11px;
	font-weight:bold;
	color: white;
	margin:0;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.legal {
	color: #555;
}

/* quiz */

h1 {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#4f4e4f;
	margin:0;
}

h3 {
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin:0;
}

td.quiz-question{
    font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ce1818;
}	

td.quiz-answer{
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4f4e4f;
}	


#result {
	width: 90%;
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#4f4e4f;
}

.testbutton {
	font-family:verdana, arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#fff;
	background:#ce1818;
}


#end {
	height: 78px;
	width: 750px;
}