@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#d0d9df url(images/background.gif) top repeat-x;}
html { padding:0; margin:0;}

.clr { clear:both;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/* header */
.header { width:880px; margin:0 auto; padding:0; height:300px; background:url(images/top_bg.gif) no-repeat;}

.logo { margin:38px 0px 0px 0px; padding:0px 0px 0px 28px; float:left;}

/* menu */
.menu { width:500px; margin:98px 0 0 0; padding:0; float:right; font:Arial, Helvetica, sans-serif; font-size:13px; background-color:#FFF;}
.menu ul { float:right; margin:0; padding:0; list-style:none;}
.menu li { float:left; margin:0 1px; padding:0; font:bold 11px Arial, Helvetica, sans-serif; color:#5a5a5a; float:left;}
.menu a { line-height:16px; float:left; font:12px Arial, Helvetica, sans-serif; color:#5a5a5a; padding:6px 10px 6px 10px; margin:0; text-decoration:none; background-color:#C3C3C3;}
.menu a:hover  {color:#fff; background: #5EB5F1 url(images/corner/menu_left.gif) top left no-repeat;}
.menu a:hover div  {background: #5EB5F1 top right no-repeat;  } 
.menu a.active {color:#fff; background: #5EB5F1 top left no-repeat; font-weight:bold;}
.menu a.active div {background: #5EB5F1 top right no-repeat;  } 

/* quiz */
.quiz {width: 880px; margin:0; padding:0; height:244px; background-color:#5eb5f1;}

/* white */
.white { width:880x; float:left; margin:0 auto; padding:0; font:12px Arial, Helvetica, sans-serif; color:#3c3c3c; background:#fff; line-height:1.6em;}
.white .left { width:487px; float:left; margin:0 auto; padding:30px; color:#3c3c3c;}
.white .left h3 { font:bold 30px Verdana, Arial, Helvetica, sans-serif; color:#3c3c3c; line-height:1em}
.white .left h5 { font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#339ae2;}
.white .left a { font: 12px Arial, Helvetica, sans-serif; color:#339ae2; text-decoration:underline;}
.white .right { width:313px; float:right; padding:30px 20px 0px 0px;}
.white p {
	padding:0px 0px 8px 0px;
	margin:0px;
}

/* grey*/
.grey { width:880px; float:left; text-align:left; margin:0 auto; padding:0; background:#666666; font:12px Arial, Helvetica, sans-serif; color:#fff; line-height:1.6em;}
.grey a { color:#fff; text-decoration:underline;}
.grey .left {float:left; width:300px; margin:20px; padding:10px 20px !important; padding:10px 20px 10px 10px;}
.grey .right {float:right; width:380px; margin:20px; padding:10px 20px !important; padding:10px 20px 10px 10px;}



/* footer*/
.footer { width:880px; float:left; margin:0 auto; padding:0; background-image:url(images/bottom_bg.gif); background-repeat:no-repeat; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; text-decoration:none; color:#3c3c3c;}
.footer .l { width:700px; float:left; margin:0 auto; padding:30px; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; text-decoration:none; color:#3c3c3c;}
.footer a { font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; text-decoration:none; color:#3c3c3c;}
.footer a:hover { text-decoration:underline;}