@charset "utf-8";

/* CSS Document */



body,td,th {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 12px;

	color: #000000;

}

body {

	background-color: #E7E9EB;

}

a:link {

	color: #000;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #000;

}

a:hover {

	text-decoration: underline;

	color: #666;

}

a:active {

	text-decoration: none;

}



.main {

	background-image: url(template_images/banner.jpg);

	background-repeat: no-repeat;

	width: 960px;

	height: 260px;

}



.nav {

	padding-top: 260px;

}



.pageTitle {

	font-size: 30px;

}



.aboutBodyText {

	font-size: 18px;

	line-height: 30px;

}



.aboutBodyText2 {

	font-size: 18px;

	line-height: 20px;

}



.aboutBodyText3 {

	font-size: 16px;

	line-height: 20px;

}



.aboutBodyText4 {

	font-size: 12px;

	line-height: 18px;

}



.howbuysell {

	font-size: 14px;

	line-height: 20px;

}



.butterflyTextWrap {

	float: left; 

	margin-right: 10px;

}



.testimonialText {

	font-size: 14px;

	line-height: 25px;

}



.formField {

	width: 800px;

}



.contactText {

	font-size: 14px;

}



.contact_form_text {

	font-size: 18px;

}



.communityText {

	font-size: 14px;

	line-height: 25px;

}



/*Strip the ul of padding and list styling*/

ul {

	list-style-type:none;

	margin:0;

	padding:0;

	position: absolute;

}



/*Create a horizontal list with spacing*/

li {

	display:inline-block;

	float: left;

	margin-right: 1px;

}



/*Style for menu links*/

li a {

	display:block;

	height: 50px;

	text-align: center;

	line-height: 50px;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-size: 16px;

	color: #000000;

	background: #88BED8;

	text-decoration: none;

	border-bottom: solid 1px #FFFFFF;

	border-top: solid 1px #FFFFFF;

}

.menu_1 {

	min-width:71px;

}

.menu_2 {

	min-width:123px;

}

.menu_3 {

	min-width:141px;

}

.menu_4 {

	min-width:100px;

}

.menu_5 {

	min-width:96px;

}

.menu_6 {

	/*min-width:111px;*/
min-width:232px;

}

.menu_7 {

	min-width:120px;

}

.menu_8 {

	min-width:100px;

}

.menu_9 {

	min-width:111px;

}

.menu_10 {

	min-width:90px;

	font-weight: bold;

}



/*Button Style for English*/

.menu_10 a {

	background: #FF4444;

	text-decoration: none;

}

/*Hover state for English*/

.menu_10:hover a {

	background: #FF0000;

	text-decoration: none;

	color: #FFFFFF;

}



/*Hover state for top level links*/

li:hover a {

	background: #DDDDDD;

	text-decoration: none;

}



/*Style for dropdown links*/

li:hover ul a {

	background: #DDDDDD;

	color: #000000;

	height: 35px;

	line-height: 35px;

	font-size: 16px;

	border-left: solid 1px #FFFFFF;

	border-right: solid 1px #FFFFFF;

	border-bottom: solid 1px #FFFFFF;

	text-decoration: none;

}



/*Hover state for dropdown links*/

li:hover ul a:hover {

	background: #88BED8;

	color: #FFFFFF;

	text-decoration: none;

}



/*Hide dropdown links until they are needed*/

li ul {

	display: none;

}



/*Make dropdown links vertical*/

li ul li {

	display: block;

	float: none;

}



/*Prevent text wrapping*/

li ul li a {

	width: auto;

	min-width: 100px;

	padding: 0 20px;

}



/*Display the dropdown on hover*/

ul li a:hover + .hidden, .hidden:hover {

	display: block;

	text-decoration: none;

}



/* Everything below the menu bar */

.body {

	padding-top: 50px;

}



.blueFont {

	color: #225882;

}



.yokoName {

	font-size: 14px;

}



.disclaimer {

	font-size: 9px;

}



/* Hide sub menus */

/*.nav ul ul {

	display: none;

}*/



/* Display sub menus on hover */

/*.nav ul li:hover > ul {

	display:block;

}*/



/* Style main navigation menu */

/*.nav ul {

	padding: 0 0px;

	list-style: none;

	position: relative;

	display: inline-block;

	background-color: #88BED8;

}



.nav ul li {

	float: left;

	border-left: solid 2px #FFFFFF;

}



.nav ul li a {

	padding: 5px 10px 5px 10px;

	display: block;

	color: #000000;

	text-decoration: none;

	font-weight: bold;

	font-size: 16px;

}



.nav ul li:hover {

	background: #EEEEEE;

}



.nav ul li:hover a{

	color: #000000;

}*/



/* Style sub menus to appear vertically underneath main bar */

/*.nav ul li:hover > ul { margin: 0px; padding: 0px; }

.nav ul li:hover > ul li{ float:none; display:block; }

.nav ul li:hover > ul li a{ color:#666; min-width:150px; }

.nav ul li:hover > ul li a:hover{ color: #FFFFFF; } */



/* Position dropdown and align it to list item */

/*.nav ul li { position: relative; }

.nav ul li ul { position: absolute; top:30px; left:0px; }*/