
div.top .content {
	width:1000px;
}
.logo_home {
	padding: 5px 30px 5px 30px;
}
.navBar {	
	width:100%;
	height:52px;
}
.navBar>li {
	display: inline;
	margin-left: 55px;
	font-size: 18px;
}
.navBar>li>a {
	position:relative;
	top:13px;
	padding:10px;	
	color:#e5eaed;
}
.navBar>li>a.active {
	color:#07defd;
}
.miscBar {
	float:right;
	margin-right:5px;
}
.miscBar>li {
	display: inline;
	margin-left: 10px;
	font-size: 16px;
}
.miscBar>li>a {
	padding:18px;	
	color:#e1008c;
	/*text-decoration:underline;*/
}
.center {
	width:1000px;
	min-height:467px;
	margin:0 auto;
	padding-top: 20px;
}
.center_table{
	margin-top: 35px;
	width:95%;
}
.solidCenter {
	/*background-color:#e1e5e1;*/
	border: solid #888888 2px;	
	border-top:none;
	background-image:url(80.png);
}
.demo {float:left; }
.demo a { color: #FFF; text-decoration:underline;}
h1 {
	padding: 10px 0 0 20px;
	font-size:3.2em;
	color:#e1008c;
}
h2 {	
	font-size:1.8em;
	color:#e1008c;
	font-weight:bold;
}
h3 {	
	font-size:1.2em;
	color:#e1008c;
	font-weight:bold;
}
h1>.tag {
	font-size: .6em;
}
.center .body {
	color: #000; /*#eaeff3;*/
	font-size: 1.4em;
	padding: 10px 70px;
}
.body ol, .body ul, .body li {margin-left:2em; }
.body ol { list-style: decimal; }
.body ul { list-style: disc outside; }
.body  p {margin:5px;}
.center  p {margin-top:10px;}

.secBoxes {margin-top: 65px; height: 400px; width:1000px;}
.secBox { float:left;}
.secBoxEasy {width: 244px;}
.secBoxSoph {width: 244px;}
.secBoxSlique {width: 420px;}

.math {
	display: inline; float: left; padding:3px; margin-top: 38px;
}
.math img {width: 40px;}

.secBox .head { padding: 10px 0 0 0;}
.secBox h2 { color:#fefefe; font-size: 2em; padding: 0 0 6px 15px }
.secBox .content { padding: 5px 3px 10px 3px }
.secBox .content p { padding: 5px 0 20px 14px; font-size: 1.6em; color:#fefefe; height:3em;}
.secBox table { width:100%; color:#fefefe;}
.secBox td { text-align:center; font-size:1.0em; width:70px;}
.secBox img { width: 48px; }
.secBox .contentEnd { height: 10px; }
.secBox .contentBottom table {width:80%; margin: 20px 0 0 10%;}
.secBox .contentBottom p {font-size: 1em; color:#gdgdgd; text-align:center; padding: 10px;}

.secBoxEasy  { background:url("../pics/easy.bottom.png") no-repeat scroll 0 bottom; padding-bottom:10px;}	
.secBoxEasy .head { background:url("../pics/easy.top.png") no-repeat;}
.secBoxEasy .head  h2{ background-color:#32d702; }
.secBoxEasy .content { background-color:#1e8101; }
.secBoxEasy .contentEnd { background:url("../pics/easy.middle.png") no-repeat;}
.secBoxEasy .contentBottom { background-color:#104501; color:#1e8101;}

.secBoxSoph  { background:url("../pics/soph.bottom.png") no-repeat scroll 0 bottom; padding-bottom:10px;}	
.secBoxSoph .head { background:url("../pics/soph.top.png") no-repeat;}
.secBoxSoph .head  h2{ background-color:#06b2ca; }
.secBoxSoph .content { background-color:#025965;}
.secBoxSoph .contentEnd { background:url("../pics/soph.middle.png") no-repeat;}
.secBoxSoph .contentBottom { background-color:#022d32; color:#025965;}

.secBoxSlique  { background:url("../pics/slique.bottom.png") no-repeat scroll 0 bottom; padding-bottom:10px;}	
.secBoxSlique .head { background:url("../pics/slique.top.png") no-repeat;}
.secBoxSlique .head  h2{ background-color:#e1008c; }
.secBoxSlique .content { background-color:#7e004e; }


table.problems { 
	width:100%;
	margin: 10px;
}
table.problems td { width: 50%; vertical-align:top;}
table.problems p { padding: 10px; }

.footer { width:1000px; font-size:1em; color:#fefefe; text-align:center; padding:10px 0;}


/* tour */

.tour {
	font-size: small;
}
.tour h2{
	margin-left:-20px;
	margin-bottom:10px;
}
.tour .outline td {
	vertical-align:top;
}
.tour div.gwt-TabPanelBottom {
	padding: 20px 180px;
}
.tour .gwt-TabPanelBottom .spaceChildren>* {
	margin: 10px 0;
}

.tour .gwt-TabPanelBottom p, .tour .gwt-TabPanelBottom ul {
	margin: 5px 20px 10px 20px;
	overflow: auto;
}

.tour div.gwt-TabPanelBottom img{
	max-width: 300px;
	padding: 0 20px;
}
.tour img.left {
	float:left;
	margin-left:-50px;
}
.tour img.right {
	float:right;
	margin-right:-50px;
}

.tour h3 a, .tour h3 a:hover {
	color:#e1008c;
}


/*************** Support *****************/

.support .leftCol {
	/*float:left; width:230px;*/
}

.support .rightCol {
    /*float:right; width:900px;*/
}


