body
{
font-family: Tahoma, Verdana, serif;
padding:0;
margin: 0;
color:#5B5B5B;
}

.displayInner{
width:506px; 
margin-top:9px; 
margin-bottom:15px;
font:normal 12px Tahoma, Verdana, sans-serif;
}
.displayInner a:link { color: #175b9a; }
.displayInner a:visited {color:#999999;}
table.padded-table td {padding:3px;}

a img { border: none; }

#contentWrapper, #contentWrapper2
{
padding: 0;
margin: 0;
width: 715px;
margin: 0 auto;
position: relative;
left: 0;
top: 0;
}
#pcontentWrapper
{
padding: 0;
margin: 0;
margin: 0 auto;
position: relative;
left: 0;
top: 0;
}


#topNav, #footer
{
padding: 0;
margin: 0;
}

#topNav {
position: relative;
left: 110px;
top: 5px;
width: 540px;
font-size: 15px;
text-align: right;
}
#ptopNav {
position: relative;
left: 110px;
font-size: 15px;
}
#dslogan {
margin-top:-25px;
}
#lessonPage #topNav { left: 169px; }

#lessonPage #frontLogoPic { left: -240px; }

#lessonPage #sloganContainer { left: -55px; }

#topNav a:link { color: #000; }
#topNav a:visited {color:#999999;}

#topNav a img {position: relative; top: 4px; }

#lessonPage, #frontPage2 
{
	background: transparent;
	font-weight: normal;
	margin: 0;
	padding: 0;
	position: relative;
	top: 23px;
	text-align: center;
	height: auto !important;
	border-bottom: 2px solid #000;
	min-height: 780px;
}
#plessonPage
{
        background: transparent;
        font-weight: normal;
        margin: 0;
        padding: 0;
        position: relative;
        top: 23px;
        text-align: center;
        height: auto !important;
        min-height: 780px;
}

#frontPage2
{
	border: none;
	height: 400px;
	top: 130px;
	min-height	: 400px!important; 
}

#frontPage2  #lessonPage
{
	border-bottom	: 0;
	min-height		: 350px!important; 
}

#frontPage2  #lessonPage #slogan
{
	margin-bottom : 120px;
}

#frontPage2  #lessonPage #formLeftContainer .langForm .langLabel
{
	margin-left : 7px!important;
}

#frontPage2  #lessonPage #formRightContainer .langForm .langLabel
{
	margin-left : 2px!important;
}

#frontLogoPic
{
border: none;
margin:0;
padding:0;
position: relative; 
top: -24px;
left:-250px;
}

a#frontLogoPic { border: none; }

#sloganContainer
{
padding: 0;
margin: 0;
width: 400px;
position: relative; 
background: transparent;
text-align: center;
top:-27px;
left:-64px; 
a:link { color: #175b9a; }
a:visited {color:#999999;}
}

#slogan
{
font-weight: normal;
line-height: 14.5px;
font-size: 14.5px;
}

#slogan a:link { color: #175b9a }
#slogan a:visited { color: #175b9a }


#formLeftContainer, #formRightContainer, #formLeftContainer2, #formRightContainer2
{
display: block;
background: transparent;
width: 320px;	
height: 100px;
position: relative;
top: -70px;
left: 0px;
padding:0;
margin: 0;
}

#formRightContainer, #formRightContainer2
{
text-align: right;
width: 340px;
top:-170px;
left: 367px;
}

#formLeftContainer2 { top: 40px; } 
#formRightContainer2  { top: -60px; left: 220px;}

.langForm { font-size: 23px; font-weight: bold; position: relative; top: 47px;}

.langLabel { margin: 0; font-size: 20px; line-height: 20px; font-weight: bold; color: #787878;} 

.langLabel img {position: relative; top: 5px }

.langLabelContainer, .langLabelContainer2  { position: relative; top: 0; left: 0px; margin: 0; font-size: 20px; line-height: 20px; font-weight: bold; color: #787878;} 

.langLabelContainer p, .langLabelContainer2 p   { width: 290px; text-align: right; padding: 0; margin: 0;color:#000; }

#formLeftContainer2 .langLabelContainer p, #formLeftContainer2 .langLabelContainer2 p   { position: relative; left: -139px;}

#formRightContainer2 .langLabelContainer p, #formRightContainer2 .langLabelContainer2 p   { position: relative; left: 25px; width: 290px;}

.langLabelContainer .altLangLabel, .langLabelContainer2 .altLangLabel { display: block; font-size: 14px; color:#787878; margin-left: 24px;}

#formLeftContainer2 .langLabelContainer .altLangLabel, #formLeftContainer2 .langLabelContainer2 .altLangLabel { margin-left: 7px; }

.langForm select { margin: 0 0 0 7px; font-size: 20px; line-height: 15px; height: 35px; font-weight: bold; color: #bebebe; width: 270px; padding: 4px 7px; }

#formLeftContainer2 .langForm select , #formRightContainer2 .langForm select  { z-index: 100; color:#787878; width: 170px} 

#formLeftContainer2 .langForm select { position: relative; top: -38px; left: 30px; }

#formRightContainer2 .langForm select { position: relative; top: -38px; left: 20px; }

#formRightContainer .langForm select { width: 270px; margin: 0 0 0 5px; }

#myLanguageSelect2, #myLanguage2{margin-top: 20px; }

#languageBox, #mainLanguageBox {padding:0; margin:5px 0 0 0; border:1px solid #FFFFFF;
height:471px; width:496px; overflow:auto;}
#languageBox li, #mainLanguageBox li {float:left; width:479px; border-bottom:1px solid #FFFFFF;
color:#000;}
#languageBox li a {display:inline-block; padding:0 5px; height:30px; line-height:30px; text-decoration:none; font-weight:bold; color:#000;}
#mainLanguageBox li a {display:block; padding:0 5px; line-height:30px; text-decoration:none; font-weight:bold; color:#000;}
#languageBox li a:first-child, #mainLanguageBox li a:first-child {min-width:210px;}
#languageBox li:hover, #mainLanguageBox li:hover {background:#BEBEBE;}
#languageBox li a:hover, #mainLanguageBox li a:hover {color:#fff; background:#BEBEBE;}


#flashContainer, #fullPageContent
{
text-align: left;
width: 510px;
height: auto;
position: relative;
top: 0;
left: 7px;
padding: 0;
margin: -139px 0 80px 0;
font-size: 16px;
font-weight:bold;
}

#frontPage2 #sloganContainer
{
	margin-left	: -5px!important;
}

#formRightContainer2
{
    top		: -60px;
    left	: 380px;
}
	
#formLeftContainer2 .langForm select, #formRightContainer2 .langForm select
{
	display	: block;
	top		: -60px;
	left	: 0;
	margin	: 0;
	width	: 270px;
}

#I-speak-primary-label, #I-speak-secondary-label, #I-learn-primary-label, #I-learn-secondary-label
{
	left		: 0!important;
	text-align	: left!important;
}

	#I-speak-primary-label, #I-learn-primary-label
	{
		margin		: 0 0 50px 0!important;
	}

#I-speak-primary-label-index-template, #I-learn-primary-label-index-template
{
	left		: 0!important;
	text-align	: left!important;
}

	#I-speak-primary-label-index-template, #I-learn-primary-label-index-template
	{
		margin		: 0 0 50px 0!important;
	}
	
	
	
	
	#I-speak-secondary-label, #I-learn-secondary-label
	{
		margin		: 0!important;
	}

#fullPageContent
{
margin: -147px 0 30px 0;
}

#fullPageContent h3
{
margin: 0;
padding: 0 0 15px 0;
}

#fullPageContent a:link { color: #175b9a }
#fullPageContent a:visited { color: #175b9a }

#flashContainer p { padding: 0; margin: 0; }

#flashContainer a:link { color: #175b9a }
#flashContainer a:visited { color: #175b9a }

#unitNav img, #lessonNav img { margin-right: 8px; }

#lessonNav { position: relative; left: 287px; }

#flashObject
{
position: relative;
top: 10px;
background: #bebebe;
width: 506px;
height: 481px;
margin: 0;
padding: 0;
}

#sidebar
{
width: 160px;
height: 600px;
display: block;
position: absolute;
top: 155px;
left: 550px;
}

#footer
{
position: relative;
padding: 0 0 25px 0;
top: 25px;
font-size: 13px;
line-height: 13px;
text-align: left;
margin: 0 auto;
width: 715px;
}

#footer a:link { color: #175b9a; margin: 0; padding: 0;}
#footer a:visited { color: #999999; margin: 0; padding: 0;}
#footer a:hover { text-decoration: underline; }

#footer p { display: block; color: #787878; margin: 0 0 3px 0; padding: 0;}

/* Speech Bubble Implementation ----------------------------- */

p.bubble
{
	top				: -135px;
	color			: #000;
    height			: 55px;
    margin			: 0;
    border			: 8px solid #E50704;
    display			: none;
	z-index			: 3;
    position		: relative;
    max-width		: 370px;
    font-size		: 16px;
    text-align		: center;
    line-height		: 55px;
	background-color: #FFFFFF;
	-webkit-border-radius	: 25px;
	-moz-border-radius		: 25px;
	border-radius			: 25px;
	-webkit-box-shadow		: 2px 2px 4px #888;
	-moz-box-shadow			: 2px 2px 4px #888;
	box-shadow				: 2px 2px 4px #888;

}

p.bubble:before, p.bubble:after
{
	content	: ' ';
	position: absolute;
	width	: 0;
	height	: 0;
}

p.speech:before
{
	left		: 44px;
	top			: 55px;
	border		: 17px solid;
	border-color: #E50704 transparent transparent #E50704;
}

p.speech:after
{
	left		: 51px;
	top			: 55px;
	border		: 9px solid;
	border-color: #fff transparent transparent #fff;
}

#bubble1.speech:before
{
	left	: 24px!important;
}

#bubble1.speech:after
{
	left	: 31px!important;
}

.langLabel
{
	width	: 319px;
	height	: 45px;
	overflow: hidden;
}

#formLeftContainer .langForm .langLabel
{
    margin		: 8px;
    text-align	: left;
}

#formRightContainer .langForm .langLabel
{
width	 : 340px;
*margin-top : 8px;
}

/* End Speech Bubble Implementation ----------------------------- */

#lessonPage #sloganContainer
{
left	: 0px!important;
}

#sloganContainer
{
left : 0px!important;
text-align : left!important;
margin-left : 6px!important;
width : auto!important;
}

/* Bottom fly-in */

.move_div_root
{
position: absolute;
top: 0px;
left: 0px;
display: block;
}

.move_div_root span.move_div
{
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 100px;
display: block;
border-top: 3px solid #333;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 5px #999;
box-shadow: 0px 0px 5px #999;
padding: 5px 5px 5px 5px;
color: #175B9A;
font-size: 13px;
font-weight: bold;
}

.move_div_root span.move_div a
{
color: #175B9A;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}

.move_div_root span.move_div a:hover
{
color: #207DD3;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}

.absolutepos
{
position: absolute;
top: 0px;
left: 0px;
}

.times
{
position: relative;
top: 5px;
left: 285px;
width: 12px;
height: 12px;
font-size: 10px;
display: block;
border: 1px solid #ccc;
padding-left: 4px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
cursor: pointer;
color: #5B5B5B;
}

.times:hover
{
cursor: pointer;
color: #207DD3;
}

.plogo
{
position: relative;
top: 5px;
left: 5px;
display: block;
border: none;
}