html,
body
{
	background: url(/images/en/background.jpg) repeat-x;
	background-color: #E9DBA5;
	color: #000;
	font: 85%/1.5em verdana,arial,helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}
img
{
	border: none;
}
td
{
	text-align: left;
	vertical-align: top;
}
a:link,
a:visited,
a:active
{
	text-decoration: none;
	color: #92B5B5;
}
a:hover
{
	text-decoration: none;
	color: #346667;
}
#mainTable
{
	width: 770px;
	margin: 0px auto;
}
#logo
{
	background-color: #366;
	color: #fff;
}
#globalLeft
{
	background-color: #366;
	color: #fff;
	width: 18px;
}
#globalNav
{
	background-color: #97BABA;
	color: #fff;
	text-align: right;
	font-size: 10px;
	padding-right: 10px;
	width: 230px;
	height: 15px;
	line-height: 1.35em;
}
#globalNav a:link,
#globalNav a:visited,
#globalNav a:active
{
	text-decoration: none;
	color: #fff;
}
#globalNav a:hover
{
	text-decoration: none;
	color: #366;	
}
#headerSpace
{
	background-color: #366;
	color: #fff;
}
#headerRight
{
	background-color: #366;
	color: #fff;
}
#navigation
{
	background-color: #fff;
	color: #000;
	text-align: right;
}
#bodyContent
{
	background-color: #fff;
	color: #000;
	padding: 25px;
}
.leftContent
{
	float: left;
	width: 305px;
	padding-right: 20px;
}
.rightContent
{
	float: left;
	width: 305px;
	border-left: 1px #ccc solid;
	padding-left: 20px;
}
.pageTitle
{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: trebuchet,'Trebuchet MS';
	width: 100%;
	border-bottom: 1px #ccc solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #92B5B5;	
}
#sectionTitle
{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	font-family: trebuchet,'Trebuchet MS';
	width: 100%;
	text-align: center;
	color: #92B5B5;
	margin-bottom: 10px;
}
#pageNav
{
	position: relative;
	width: 690px;
	height: 18px;
	border: 1px #999 solid;
	background-color: #C7D9D9;
	color: #669696;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 15px;
	padding: 2px 0px;
}
#pageNav a:link,
#pageNav a:visited,
#pageNav a:active
{
	text-decoration: none;
	color: #669696;
}
#pageNav a:hover
{
	text-decoration: none;
	color: #fff;
	border-bottom: 1px #fff dotted;
}
#questionsTitle
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 10px;
	text-align: center;
	font-weight: bold;
}
#prevSpace
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 10px;
}
#prev
{
   display: none;
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 10px;
}
#next
{
	position: relative;
	float: right;
	width: 210px;
	padding: 0px 10px;
	text-align: right;
}
#finish
{
	position: relative;
	float: right;
	width: 210px;
	padding: 0px 10px;
	text-align: right;
}
#questions
{
	position: relative;
	float: left;
	width: 210px;
	padding: 0px 10px;
	text-align: right;
}
.shadowLeft
{
	background: url(/images/en/shadow_leftBack.jpg) repeat-y;
	color: #000;
	width: 14px;
}
.shadowRight
{
	background: url(/images/en/shadow_rightBack.jpg) repeat-y;
	color: #000;
	width: 15px;
}
#footer
{
	text-align: center;
	font-size: 9px;
	line-height: 1.4em;
}

/* pages */
#page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9,
#page10, #page11, #page12, #page13, #page14, #page15, #page16, #page17, #page18, #page19,
#questions
{
   display: none;
}

/* circles */
#pageContent
{
	float: left;
	padding-top: 15px;
}
#strategies_circleGraphic,
#assessment_circleGraphic,
#preparation_circleGraphic,
#etiquette_circleGraphic,
#law_circleGraphic,
#problem_circleGraphic
{
	position: relative;
	float: right;
	width: 400px;
	height: 391px;
	margin-left: 15px;
	margin-bottom: 10px;
}
#strategies_circleGraphic
{
	background: url(/images/en/strategies_back.gif) no-repeat;
}
#assessment_circleGraphic
{
	background: url(/images/en/assessment_back.gif) no-repeat;
}
#preparation_circleGraphic
{
	background: url(/images/en/preparation_back.gif) no-repeat;
}
#etiquette_circleGraphic
{
	background: url(/images/en/etiquette_back.gif) no-repeat;
}
#law_circleGraphic
{
	background: url(/images/en/law_back.gif) no-repeat;
}
#problem_circleGraphic
{
	background: url(/images/en/problem_back.gif) no-repeat;
}
#circle5_1
{
	position: absolute;
	top: 71px;
	left: 0px;
}
#circle5_2
{
	position: absolute;
	top: 0px;
	left: 145px;
}
#circle5_3
{
	position: absolute;
	top: 71px;
	left: 287px;
}
#circle5_4
{
	position: absolute;
	top: 208px;
	left: 287px;
}
#circle5_5
{
	position: absolute;
	top: 279px;
	left: 145px;
}
#circle6_1
{
	position: absolute;
	top: 71px;
	left: 0px;
}
#circle6_2
{
	position: absolute;
	top: 0px;
	left: 145px;
}
#circle6_3
{
	position: absolute;
	top: 71px;
	left: 287px;
}
#circle6_4
{
	position: absolute;
	top: 208px;
	left: 287px;
}
#circle6_5
{
	position: absolute;
	top: 279px;
	left: 145px;
}
#circle6_6
{
	position: absolute;
	top: 208px;
	left: 0px;
}

.wrapperDiv
{
	width: 375px;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}
.contentBox
{
	border: 2px #ccc solid;
	padding: 10px;
	margin: 10px;
}
.dayBox
{
	padding: 0px;
	margin: 0px;
	text-align: right;
}
.boldLabel
{
	font-weight: bold;
	text-decoration: underline;
}
.progressLine
{
	font-weight: bold;
	border-right: 2px #999 dotted;
	width: 5px;
	height: 20px;
	margin: 5px 0px;
}
.wrapperDiv .contentBox ul
{
	text-align: left;
}
.assessmentBox
{
   border: 2px #000 solid;
   float: left;
   height: 10px;
   margin: 10px;
   margin-top: 3px;
   vertical-align: middle;
   width: 10px;
}