.travelbox {
	float:right;
	padding:10px;
	width:420px;

	margin-right:25px;
	height:120px;
}
.travelbox #bheader {
	font-weight:bold;
}
.travelbox #bsub {
padding-bottom:10px;
}

.travelbox .otext {
	font-size:12px;
}
.travelbox img {
	float:right;
}
.newsbox {
	float:left;
	padding:10px;
	width:420px;
	overflow:hidden;
		
	height:100px;
}

.newsbox img {
	float:right;
}
.newsbox #bheader {
	font-weight:bold;
}
.newsbox #bsub {
padding-bottom:10px;
}

.newsbox .otext {
	font-size:12px;
}
.tipsbox {
	float:left;
	padding:10px;
	width:420px;
	

	height:100px;
}
.tipsbox #bheader {
	font-weight:bold;
}
.tipsbox #bsub {
padding-bottom:10px;
}

.tipsbox .otext {
	font-size:12px;
}
.tipsbox img {
	float:right;
}
.adbox{
	float:right;
	padding:10px;
	width:420px;
	height:100px;
	
	
	margin-right:25px;
	
}
.learningbox{
	margin-top:20px;
	float:left;
	padding:10px;
	width:95%;
	display:none;

	
}
.learningbox #bheader {
	font-weight:bold;
}
.learningbox #bsub {
padding-bottom:10px;
}
.learningbox #pinyin {
	float:left;
	
	width:45%;
	height:94px;
		padding:10px;
}
.learningbox #characters {
	float:right;

	width:45%;
	height:94px;
		padding:10px;
}
.learningbox #dialogue {
	float:left;

	width:45%;
	height:94px;
		padding:10px;
}

.learningbox #extra {
	float:right;

	width:45%;
	height:94px;
		padding:10px;
}
.learningbox .otext {
	font-size:12px;
}
.teachwobox{
	border:1px #000 dotted;
	margin-top:20px;
	float:left;
	padding:10px;
	width:95%;

	
}
.teachwobox #bheader {
	font-weight:bold;
}
.teachwobox #bsub {
padding-bottom:10px;
}

.teachwobox .otext {
	font-size:12px;
}
#searchbox{
	 margin-left: 110px;
	 background-color:#D2D2FF;
	 width:700px;
	 padding-bottom:10px;
	 margin-top:36px;

}

textarea.InputArea {
height:24px;
overflow: hidden;

}
#slogan{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;

}
#ebar {
text-align:center;
	width:100%;
}
#dime {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px;

}
#imedropdown {
	position:absolute;
	left: 120px;
	top: 50px;
	display:none;
	z-index: 2;
}
#change {
	text-align:left;
	padding-left:29.5%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0000FF;

}
#top{
	text-align:center;
	padding-bottom:100px;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;

}
.changeurway {
	border:1px dotted black;
	padding:5px;
	margin:10px;
	position:absolute;
	left: 34%;
	top:  15px;
	background-color:#FFFFFF;
	z-index:999;
	visibility:hidden;
}
.changeurway .hd {
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;

}
.changeurway .bd {
padding:5px; 

}
.changeurway .ft {
text-align:center;

}
.phelp {
	border:1px dotted black;
	padding:5px;
	margin:10px;
	position:absolute;
	background-color:#FFFFFF;
	width: 700px;
	height: 457px;
	z-index:999;
		visibility:hidden;
}
.phelp .hd {
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
z-index:999;

}
.phelp .bd {
padding:5px; 
z-index:999;

}
.phelp .ft {
text-align:center;
z-index:999;

}
.yui-skin-sam .yui-dt-liner { white-space:nowrap; } 
#top {
text-align:center;
padding-bottom:50px;
}
.header {
padding-left:5%;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
#searchresults{
text-align:center;
padding-left:5%;
font-size:large;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#meapplet{
visibility:visible;

}
#topbar {
	position:absolute;
	left:10px;
	top:0px;
	width:811px;
	height:170px;
	z-index: 5;
	background: #122981 url(../images/site_02.gif);
}
html>body #topbar {
	width:801px;
	height:165px;
} 
#content {
	position:absolute;
	left:-3px;
	top:169px;
	width:930px;
	background-color:#FFFFFF;
	border: 1px solid black;
	
	padding-left:10px;
	padding-bottom:50px;
	overflow: visible;
	white-space:normal;

}
#bluebar {
	position:absolute;
	left:0px;
	top:160px;
	width:100%;
	height:10px;
	z-index:0;
	background-color: #9EBCFC;
}
#topmenu {
	position:absolute;
	left:420px;
	top:0px;
	width:395px;
	height:20px;
	z-index:6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: #122981 url(../images/strip.png) repeat;
	margin: 0px;
	overflow:hidden;
	height:100%;
	width:100%;
	overflow-y: scroll;
	margin: 0; /* to correct the centering IE bug*/

}
	
#whitetop {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:159px;
	background-color:#FFFFFF;
	z-index:0;
}
#container{
	 position:relative;
	 width: 935px;
	 margin-left: auto;
     margin-right: auto;
     text-align: left; /* to realign your text */

}
.stext
{
font-size:small;

}
#mform{
	padding-left:300px;
	text-align:left;

}
#rform{
	padding-left:50px;
	text-align:left;
	font-size:small;

}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
	color: #0000FF;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
.pswda {
padding-left:190px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
.Group {

	display: block;

	height: 28px;

	width: 160px;

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

	line-height: 27px;

	padding-left: 27px;

	color: #dfdfdf;

	text-decoration: none;

}
html>body .Group {
width: 133px;
} 
.Group:hover {

	color: #dfdfdf;

	text-decoration: underline;

}

.Option {

	display: block;

	height: 28px;

	width: 160px;

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

	line-height: 27px;

	padding-left: 27px;

	color: #ffffff;

	text-decoration: none;

}
html>body .Option {
width: 133px;
} 
.Group A:link {
	color: #FFFFFF;
	text-decoration: none;
}
.Option A:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.Option A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.Option:hover {

	color: #dfdfdf;

	text-decoration: underline;

}
.show {

	display:inline;

}
.hide {

	display:none;

}
#leftmenu {
	position:absolute;
	left: 100px;
	top: 210px;
	font-size:14px;
	width: 133px;
}
html>body .leftmenu {
width: 113px;
} 

#ymenu A:visited {
	color: #000;
	text-decoration: none;
}
#ymenu{
	position:absolute;
	left: 220px;
	top: 30px;
	font-size:14px;
	width: 273px;
	color:#FFFFFF;
	background-color:#000;
}
#searchbar {
	margin:10px;
}
#searchbartext {
	float:left;
	clear:both;

}
.linktext {
font-size:10px;
}
#avatar {
	position:absolute;
	left:651px;
	top:20px;
	width:108px;
	height:129px;
	z-index:99999;
}
#userlinks {
	position:absolute;
	left:761px;
	top:58px;
	width:85px;
	height:107px;
	z-index:100000;
	display:none;
}
#forma{
border:#000000 thin solid;
padding-left:5px;

}
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */
#holder {
	z-index:99;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	top:163px;
	left: 33%;
	width: 535px;
	height:27px;
	overflow:hidden;
	text-align: left; /* to realign your text */


}

.bubplastic.horizontal {
	height:0px;
	z-index:10;
	margin: 0;
	background: #000000 url(../images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {

	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(../images/bg-bubplastic-button.gif) top left no-repeat;
}
.bubplastic.horizontal a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.bubplastic.horizontal a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.bubplastic.horizontal a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(../images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(../images/bg-bubplastic-h-blue.gif) top right no-repeat;
}

ul.search-options, ul.search-options li{padding:0; border:0; margin:0; list-style:none;  margin-left:55px;}
ul.search-options{clear:both;}
ul.search-options li a{float:left; margin-right:1px; width:auto; background:#CCC; padding:8px; color:#000; text-decoration:none; font-weight:bold;}
.selected a{background:#9EBCFC; color:#FFFFFF;}
ul.search-options li.selected a{background:#D2D2FF; color:#FFFFFF;}
.helpbox{
	width:98%;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	position:absolute;
	top:120px;
	left:10px;
	z-index:99;
	background-color: #FFFFFF;
}
.helpbox #closetext{
	text-align:center;
	font-size:12px;
}
#slider{
	width:98%;
	height:1px;
	overflow:hidden;
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:10px;
	z-index:99;
	background-color: #FFFFFF;


}

#slider div.scontent{
	width:620px;
	height:250px;
	margin:0;
	padding-left:150px;
	color:#000;
}
#slider #closetext{
	margin-top:10px;
	text-align:center;
	font-size:16px;
}
form.fc {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form.fc fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form.fc fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form.fc label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 300px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.fc fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would lessen cognitive load */
                                   /* opera breaks first letter underlined legens, switched to labels */
}

form.fc input, form.fc textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.fc input, form.fc select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.fc input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form.fc textarea { overflow: auto; }

form.fc small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.fc .required{font-weight:bold;} /* uses class instead of div, more efficient */

form.fc br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
