@charset "utf-8";
/* CSS Document */

body{ font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:0; padding:0; background-color:#2fafdf;}
#wrapper{width:700px; height:auto !important; margin:auto; background:#fff;}
a,a:visited{color:#000; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}

/*header*/
#header_wrapper{ width:700px; height:205px; float:left; background:#000; position:relative;}
#logo{width:670px; height:131px; float:left; margin:15px 15px 0px 15px;}
h1{font:bold 30px Georgia, "Times New Roman", Times, serif; color:#fbfac5; margin:0; margin-top:13px; margin-bottom:18px;}
h2{font:normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;}
h3{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#90530b; margin:0px 0px 10px 0px;}
h4{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
h5{font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000}

/*main menu*/
#menu_wrapper{width:685px; height:30px; float:left; position:relative; margin:0px 0px 0px 15px;}
#menu_nav{width:auto; padding:0; margin:0;}
#menu_nav li{display:inline; height:30px; width:auto; margin:0; margin-right:5px;}

/*sub menu*/
#lower_menu{ width:700px; height:21px; float:left; background:#159cce; margin:0; padding-top:19px;}
#lower_nav{width:auto; padding:0; margin:0; margin-left:15px;}
#lower_nav li{display:inline; margin:0px; margin-right:4px; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
#lower_nav li a{font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}


#picture_wrapper{ width:700px; height:181px; float:left; background:#159cce; background:url(../images/bg_picture.png) no-repeat;}
#content{font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; float:right; margin:35px 15px 0px 332px;}


/*body parts*/
#body_wrapper{width:670px; height:auto; background:#f4d896; float:left; padding:23px 15px 0px 15px;}
#box{width:207px; /*height:308px;*/ height:auto; background:#fdefc3; float:left; margin:0; margin-right:22px;}
#box_up{width:209px; height:101px; float:left; background:url(../images/language_culture.png) no-repeat;}
#box_middle{width:185px; height:165px; border-left:2px solid #ecb472; border-right:2px solid #ecb472; padding:10px; float:left; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}
#box_find{width:209px; height:29px; float:left;}
#box_down{width:209px; height:7px; float:left; background:url(../images/box_lower.png) no-repeat;}
#box3{width:207px; /*height:308px;*/ height:auto; background:#fdefc3; float:left; margin:0;}
#box_up3{width:209px; height:101px; float:left; background:url(../images/feedback.png) no-repeat;}
#box_up2{width:209px; height:101px; float:left; background:url(../images/exchange_program.png) no-repeat;}

#icye{height:43px; width:auto; float:left; margin:0; margin-top:25px; margin-bottom:20px;}
#icye_logo{background:url(../images/logo.png) no-repeat; float:left; height:43px; width:43px;}
#icye_name{font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; float:left; margin:0; margin-left:21px; padding-bottom:55px; width:400px; text-align:left; height:43px;}
#notch{height:2px; background:url(../images/notch.png) repeat-x; width:670px; float:left;}
#content_wrapper{width:auto; height:auto; margin:0; margin-bottom:30px; float:left; clear:both;}

#category{font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; margin:0; margin-left:20px; padding:0;}
.gap{margin:0; margin-right:25px;}


/*footer menu*/
#footer_menu{ width:670px; height:auto; float:left; margin:0;}
#footer_nav{width:auto; padding:0; margin:0; margin-bottom:10px; margin-top:16px;}
#footer_nav li{display:inline; margin:0px; margin-right:10px; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#footer_nav li a, #footer_nav li a:visited{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#footer_nav li a:hover{font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ebba45; text-decoration:none;}


/*form*/
form{width:600px; height:auto;}
label {font:bold 11px "Trebuchet MS", Tahoma, Arial, Verdana; color:#555; margin-bottom:12px; width:250px; float: left;}
input{font:bold 13px "Trebuchet MS", Tahoma, Arial, Verdana; margin-bottom:12px; width:225px; float: left;}
.radio{width:20px; float:left; margin:0; margin-left:80px; margin-right:15px;}
.label2{font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#0b95c8; width:35px; float:left;}
.input2{font:bold 11px "Trebuchet MS", Tahoma, Arial, Verdana; margin-bottom:8px; width:100px; float: left; margin-right:25px;}
.submitbtn{font:normal 11px "Trebuchet MS", Verdana, Arial;	width:60px;}
label {text-align: left; width:80px; padding-right: 5px;}
br {clear: left;}
.question{font:bold 11px "Trebuchet MS", Tahoma, Arial, Verdana; color:#555; margin:0; padding-top:15px; margin-bottom:12px;}
.button{width:100px;}

/*@form*/
.dispro:link,.dispro:visited{ color:#8C8888; text-decoration:underline; padding-top:10px;}
.dispro:hover{color:#E9B92F; text-decoration:none;padding-top:10px;}


img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

#copy{margin:0px 0px 15px 0px; text-align:center; font:normal 11px "Trebuchet MS", Tahoma, Arial, Verdana; color:#000;}
.picture_deco{border:5px solid #f4eace; margin-right:12px;}
.picture_deco2{border:5px solid #f4eace; margin-right:0px;}

.textMark1{
	color:#C60;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.whiteTXTtable{
	color:#FFF;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}

