body {

	margin: 0px;

	font-family: arial !important;

	color: #222222;

	font-size: 12px;

	background: #98A9D7;

}

body.intro {

	margin: 0px;

	color: black

	font-family: arial;

	font-size: 12px;

	background: #98A9D7;


}

a {

	text-decoration: underline;

	color: #98A9D6;
	color: #000000;

}

a:hover {

	text-decoration: underline;
	color: #98A9D6;	

}
a span {
	color: #98A9D6;
	color: #000000;
}

a span:hover {
	
	color: #98A9D6;

}
a.lang {

	text-decoration: none;

	display: block;

}

span { font-weight: normal; }

a.lang:hover {

	text-decoration: none;

}

a.menu {

	text-decoration: none;

	font-family: arial;

	font-size: 14px;

	text-align: center;

	font-weight: bold;
	color: #FFFFFF;

	display: block;

	background-image: url("../images/menu_tab.jpg");

	background-repeat: no-repeat;

	padding-top: 7px;

	padding-bottom: 2px;

}

a.menu:hover {

	text-decoration: none;

	color: black;

}

a.menuactive {

	text-decoration: none;

	font-family: arial;

	font-size: 14px;

	text-align: center;

	display: block;

	background-image: url("../images/menu_tab_2.jpg");

	background-repeat: no-repeat;

	font-weight: bold;
	padding-top: 7px;

	padding-bottom: 2px;

}

a.menuactive:hover {

	text-decoration: none;

	color: black;

}

a.submenu {

	text-decoration: none;

	font-family: arial;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

	display: block;

	color: #8C8169;

	padding: 4px;
	
	text-decoration: underline;

}

a.submenu2 {

	text-decoration: none;

	font-family: arial;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

	color: #8C8169;
	
	
	
}


a.submenu:hover {

	text-decoration: underline;

	color: #98A9D6;

}

a.submenuactive {

	text-decoration: none;

	font-family: arial;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

	display: block;

	padding: 4px;

}

a.submenuactive2 {

	text-decoration: none;

	font-family: arial;

	font-weight: bold;

	font-size: 12px;

	text-align: left;

}

a.submenuactive:hover {

	text-decoration: none;

	color: black;

}





a.bottommenu {

	text-decoration: none;

	color: #B3A586;
	
	padding-left: 5px;
	
	padding-right: 10px;

	text-align: left;

	font-size: 11px;
	
	line-height: 32px;

}

a.bottommenu:hover {

	text-decoration: underline;

}

a.intro_menu {

	display: block;

	text-decoration: none;

	color: #8C8169;

	font-size: 12px;

	font-weight: bold;

}

a.intro_menu:hover {

	text-decoration: underline;

}

a.intro_submenu {

	font-size: 10px;

	text-decoration: none;

	color: #8C8169;

	font-weight: bold;

}

a.intro_submenu:hover {

	text-decoration: underline;

}

a.buttonlink {

	background-image: url("../images/buttonbg.jpg");

	background-repeat: repeat-x;

	border: 1px solid white;

	color: #e7e7e7;

	font-weight: bold;

	padding: 1px 12px 2px 25px;;

	text-decoration: none;

}

a.buttonlink:hover {

	background-image: url("../images/buttonbg_hover.jpg");

	background-repeat: repeat-x;

	color: white;

}

a.shopmenu {

	color: #5D4D40;

	font-weight: bold;

	text-decoration: none;

	display: block;

	padding: 2px 0px;

}

a.shopmenu:hover {

	background: #ECECEC;

}

.menupic {

	background: white;

	border: 1px solid #4A6C9C;

	padding: 1px;

}



.field {

}

.field-search {

	border: 1px solid black;

	color: black;

	background: #C0D0E5;

	margin: 1px;

}

.button-search {

	border: 1px outset black;

	color: black;

	background: #95AECD;

	margin: 1px;

}

hr.dots {

	display: block;

	text-align: center;

	width: 90%;

	border:0px;

	border-top: 1px dotted black;

}

h2 {

	display: block;
	color: #FFFFFF;
	background: #b9ad8d;
	margin: 0px;
	font-size: 15px;
	line-height: 20px;
	padding-left: 5px;

}

h1 {

	display: block;

	text-align: center;

	color: #222222;
	
	font-size: 18px;

}

li {

	list-style: circle;

}

table {

}

table.grid {

	border: 1px solid white;

	border-collapse: collapse;

}

table.grid td {

	border: 1px solid white;

	border-collapse: collapse;

	text-align: left;

}

table.main_popup {

	width: 800px;

	height: 100%;

	text-align: left;

	background: #EDE7DE;

	background-image: url("../images/contentbg_popup.jpg");

	background-repeat: no-repeat;

	background-position: center 110px;

	border-left: 2px solid white;

	border-right: 2px solid white;

}

table.main {
	width: 800px;
	height: 100%;
	text-align: left;
	background: #f7f4f1;
	background-position: center 130px;
	padding: 0px;
	margin: 0px;
}

table.mainchild {

	width: 100%;

	height: 100%;

}

td {

	vertical-align: top;

	text-align: left;

	font-family: arial !important;

	color: #222222;

	font-size: 11px;

}
td.header {

	height: 140px;

	width: 870px;

	background: white;
	background:#f7f4f1 ;
	
	ackground-image: url("../images/logo2.jpg");

	ackground-repeat: no-repeat;

	ackground-position: center; 
	
	vertical-align: bottom;
	

}

td.banner {

	background: #98A9D7;

	background: white;

}

td.logo {

	width: 247px;

}

td.extmenu {

	width: 175px;

}

td.content {
	#border-right: 1px solid #808372;
	text-align: center;
}

td.contentholder {
	padding: 0px;
	margin: 0px;
}

td.banner {

	vertical-align: middle;

	text-align: center;

	height: 130px;

}

td.topright {

}

td.menumargin {

	width: 54px;

}

td.mainmenu {

	width: 200px;

}

td.topmenu {
	
 vertical-align: bottom; 
	
}

td.mainmenu div {

	height: 100%;

}

td.menulink {

	width: 174px; height: 25px;

}
td.menuright {
	background-image: url("../images/menuright.jpg");
	background-repeat: repeat-x;
}
td.submenulink {

	width: 185px; vertical-align: top;

}

td.submenuimg_holder {

	width: 50px; height: 25px;

}

.submenuimg {

	border: 0px;

}

div.main {

	width: 1000px;

	height: 100%;

	text-align: left;

}

div.quizstart {

	width: 90%;

	text-align: left;

}

div.def {

}

.image-bord {

	padding: 1px;

	border: 1px solid #EFC868;

}

.image {

	border: 0px;

}

.inp_extmenu {

	border: 1px solid #B3A586;

	background: #EDE8DE;

	font-size: 10px;

	width: 10em;

}

.inp_login {

	border: 1px solid #B3A586;

	background: #EDE8DE;

	font-size: 10px;

	width: 15em;

}

.field {

	border: 1px solid #B3A586;

	background: #EDE8DE;

	font-size: 10px;

	width: 25em;

}

.fieldhover {

	border: 1px solid #B3A586;

	background: #ECECEC;

	font-size: 10px;

	width: 25em;

}

.btn_extmenu {

	border: 1px outset #B3A586;

	background: #DED7C8;

	font-size: 10px;

}

.reg_cb {

	border: 1px solid #b3a586; 
	
}

.button {

	border: 1px outset #B3A586;

	background: #DED7C8;

	background-image: url("../images/buttonbg_brown.jpg");

	background-repeat: repeat-x;

	font-size: 10px;

}


.cntmenulink { 

	text-decoration: none;
	
	color: #B3A586; 
	
	font-weight: bold; 
}

.cntmenulink:hover {

	text-decoration: underline; 

}

.button_next {

	background-image: url("../images/buttonbg.jpg");

	background-repeat: repeat-x;

	border: 1px outset white;

	color: #e7e7e7;

	font-weight: bold;

	padding-left:  25px;
	peddgin-right: 25px;

	margin: 0px;
	font-size: 10px;

}

p {

	font-family: arial !important;

	color: #222222;

}

span {

	font-family: arial !important;

	color: #222222;

}

span.imgtext {

	color: #EFC868;

}

span.time {

}

div.article {

	color: #222222;

}

div.article-border {

	border-bottom: 1px solid white;

}

div.article-important {

	background: #E2DCD0;

	border: 1px solid white;

}

div.box {

	width: 100%;

	font-size: 10px;

}

div.box h1 {

	width: 100%;

	display: block;

	margin: 0px;

	padding: 0px;

	text-align: center;

	font-weight: bold;

	background: #DED7C8;

	color: #5D4D40;

	font-size: 12px;

	padding-top: 3px;

	padding-bottom: 3px;

	margin: 1px;

}

div.box h2 {

	width: 100%;

	display: block;

	margin: 0px;

	padding: 0px;

	text-align: center;

	font-weight: bold;

	color: #222222;

	font-size: 12px;

	padding-bottom: 6px;

	padding-top: 6px;

}

.loginbox {
	

	display: block;

	margin: 0px;

	padding: 0px;

	font-weight: bold;

	color: #222222;

	font-size: 12px;

	padding-top: 6px;
	
	padding-bottom: 5px;
}

div.box td {

	font-size: 10px;

}

div.descbox {

	background: #E2DCD0;

	padding: 2px;

	text-align: left;

	border: 2px solid white;

}

div.quizbox {

	border: 1px solid #8C8169;

}

div.introtext {

	display: none;

	width: 100%;

	text-align: center;

	color: #222222;

	font-size: 14px;
}

div.prodlist {

	width: 100%;

	border: 2px solid white;

	background: #E1DBD0;

	text-align: left;

}

div.prodlist h1 {

	color: #5D4D40;

	font-weight: bold;

	text-align: left;

	font-size: 14px;

	padding: 2px;

	margin: 0px;

}


.countdown { 

	font-size: 14px;
	
	font-weight: bold;
	
	padding: 5px;
	
	text-align: center;
	

}

div.question {

	width: 95%;

	text-align: left;

	padding: 5px;

	margin: 0px;
		
	font-size: 12px;

}

span.question {

	color: #5D4D40;

	font-weight: bold;

	text-align: left;

	font-size: 12px;

	width: 100%;

	padding: 10px 0px;

	border-top: 2px solid #5D4D40;

	border-bottom: 2px solid #5D4D40;

	display: block;

}

span.answer {

	color: #5D4D40;

	text-align: left;

	width: 100%;

	display: block;

}

div.progressbar {

	width: 100%;
	background: #b4a586;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;

}



input.answer {

	padding: 20px;

}

span.price {

	display: block;

	color: #5D4D40;

	font-size: 16px;

	font-weight: bold;

}

span.banner {

	display: block;

	border: 1px dashed #DA251C;

	text-align: center;

	font-weight: bold;

}

span.fat {

	font-weight: bold;

	color: #98A9D7;

}

span.small {

	font-size: 10px;

}



#logo {

	position: relative;

	

	height: 140px;

	background-image: url("../images/logo2.jpg");

	background-repeat: no-repeat;

	background-position: center; 
	
	margin: 4px;

}

#menu {

	position: relative;

	width: 876px;
	background: #f7f4f1;
	margin: 0px;

	padding: 0px;

	font-size: 12px;

}

#bottommenu {

	position: relative;

	height: 20px;

	color: #EFC868;

	font-size: 12px;

	padding: 5px;
	


}

#menu_bottom {

	position: relative;

	height: 20px;

	text-align: center;

}

#menu_bottom a {

	color: #222222;

	text-decoration: underline;

}

#menu_bottom a:hover {

	text-decoration: none;

}

#box {

	position: relative;

	width: 200px;

}

#content {

	position: relative;

	width: 94%;

	height: 100%;

	text-align: left;

	z-index: 50500;

}

#content-intro {

	position: relative;

	width: 920px;

	height: 450px;

	text-align: left;

	overflow: auto;

	z-index: 50500;

}

#contentbg {

	position: relative;

	width: 700px;

	height: 550px;

	background: white;

	border: 1px solid #5F6973;

	z-index: 50000;

}

#langsel {

	position: relative;

	width: 100px;

	z-index: 60000;

}

#home {

	position: relative;

	width: 100%;

	height: 100%;

	background-position: 120px 30px;

	background-repeat: no-repeat;

}

#intromenu {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 50000;

}

#introtext {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 40000;

	background-image: url("../images/introbg3.jpg");

	background-image: url("../images/home/background.jpg");

	background-repeat: no-repeat;

	background-position: center 137px;

}

#introholder {

	position: relative;

	width: 826px;

	height: 100%;

	border: 3px solid white;

	background: #EDE7DE;

}

#mainholder {

	position: relative;

	width: 910px;

	height: 100%;

}


.greensmall { 
		color: green;
		font-size: 11px;
}

.bluesmall { 
		color: navy; 
		font-size: 11px;
}
			  
.blacksmall {
		color: black;
		font-size: 11px;
		text-decoration: none;
}

.blacksmall:hover {
	text-decoration: underline;
}


.score_normal {
		color: black;
		font-size: 12px;
		line-height: 22px;
				
}

.score_head {
		background: #baad8d;
		line-height: 18px;
}

.score_nums {
		color: gray; 
		text-align: center
}

.discuss_ta {
		border: 1px solid #baad8d;
		background: white;
}

.com_head {
		background: #FFFFFF;
		border-bottom: 1px solid #baad8d;
}
 
.headline_link { 
	text-decoration: none; !important;
	font-size: 14px; !important;
	font-weight: bold; !important;
	color: black; !important;
}

.headline_link:hover {
	text-decoration: underline;	 !important;
	color: black; !important;
}

.cbox { background: #baad8d; 


}


.cbox2{ background: #dddddd; 
		padding: 3px;  }

.fp_boxcon	{ vertical-align: bottom;
			  border: 1px solid #222222;
			  border: 1px solid #B4A586;

}

.fp_boxheader { background: #B4A586;
				color: #FFFFFF;
				height: 25px;
				font-weight: bold;
				vertical-align: middle;
				border: 1px solid #B4A586;
}


.fp_boxcon	{ vertical-align: bottom;
			  border: 1px solid #B4A586;
			 
}


a.cbox:hover { color: black; text-decoration: underline; }