/* CSS Document */

/* START general styles _________________________________________________________ */

body{
	background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
}
* {margin: 0; padding: 0;}

#wrapper {margin: 0 auto !important;	height: 100% auto; width: 770px;}

div, p, ul, h1, h2, h3, img, form {padding:0; margin:0;   font-family: Arial, Helvetica, sans-serif;
}
ul{list-style-type:none;}

/*------------------------START main body-------------------------*/

#main_body {width:770px;  margin:0 auto ; float:left; background:url(../images/left_nav/left_nav_back.gif) repeat-y 0 0; 
}

/*------------------------END main body-------------------------*/

/*------------------------START top section-------------------------*/

#top_logo {width:770px; height: 20px; float: left; background: #FFF;}

/*------------------------END top section-------------------------*/

/*------------------------START contents-------------------------*/

#content {

width:770px;
height: auto;
margin:0 auto;
padding:0;
text-align:left;
background:#fff;
color:#777;
clear:both;
}
/*border:#efefef 1px solid;*/

#right_pan {width:150px; background:url(../images/left_nav/left_nav_back.gif) repeat-y 0 0; float:right; text-align:left; background-color:#c4cfdc;}

#left_pan {width:150px; background:url(../images/left_nav/left_nav_back.gif) repeat-y 0 0; float:left; background-color:#c4cfdc;}
#center {width:470px; float:left;  margin: 0; padding: 0;}

* html #center { height:500px; }

#contents_top_logo {width:470px; height: 91px; margin:0; float:left; padding: 0; background:url(../images/contents/logo_sm.gif) no-repeat 0 0; background-color:#FFF; }

#center_text {width:430px;  margin: 0; float:left; padding: 20px; text-align: left; 
background:url(../images/contents/main_statue_back.jpg) repeat-y 0 0; min-height:400px; height: 400px; }
html > body #center_text {height: auto;}


#center_text_index {width:470px; min-height: 700px; height:700px;  float:left; background:url(../images/contents/index_statue.jpg) no-repeat 0 0; padding:0; text-align: left; background-color:#262175;}

#center_text_index_kr {width:470px; min-height: 700px; height:700px;  float:left; background:url(../images/contents/index_statue_kr.jpg) no-repeat 0 0; padding:0; text-align: left; background-color:#262175;}

html > body #center_text_index, #center_text_index_kr {height: auto;}


#left_pan_center_text {width:620px; float:left;}

/*------------------------START nav-------------------------*/

#menu_top {width:150px; height: 82px; float: left; background:url(../images/left_nav/button_top.gif) no-repeat 0 0;}
#menu_top h1{font-size:12px; padding:50px 0 0 0; margin: 0 0 10px 0; text-align: center; font-weight:bold;
text-decoration:none; color: #042c8d;}
#menu_top h1 a{font-weight:bold; text-decoration:none; color: #042c8d;}
#menu_top h1 a:hover{font-weight:bold; text-decoration:underline; color: #042c8d;}

#nav {width:150px; float: left; margin: 0 0 15px 0;}
#nav ul {width:150px; display:block; margin:0;}
#nav ul li {background:url(../images/left_nav/menu_back.gif) no-repeat 0 0; padding: 0 5px 0 5px;}
#nav ul li a{font:12px/22px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
#nav ul li a:hover {color: #00801e; text-decoration: none;}

#button_left {width:130px; height: 52px; float: left; margin: 25px 10px 20px 10px; text-align:center;
background:url(../images/contents/KAmerican_com_button.jpg) no-repeat 0 0;}

#button_left_kr {width:130px; height: 52px; float: left; margin: 25px 10px 20px 10px; text-align:center;
background:url(../images/contents/KAmerican_com_button_kr.jpg) no-repeat 0 0;}

#button_left_sunnycan {width:130px; height: 62px; float: left; margin: 0 10px 20px 10px; text-align:center;
background:url(../images/contents/SunnyCan_button.jpg) no-repeat 0 0;}

#slogan_left {width:150px; height: 155px; float: left; margin: 80px 0 0 0; text-align:center;
background:url(../images/contents/left_nav_slogan.jpg) no-repeat 0 0;}

#slogan_left_kr {width:150px; height: 155px; float: left; margin: 30px 0 0 0; text-align:center;
background:url(../images/contents/left_nav_slogan_kr.jpg) no-repeat 0 0;}


/*------------------------END nav-------------------------*/

/*------------------------START contents text-------------------------*/

#center_text h1{font-size:16px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #000;}
#center_text h2{font-size:14px; line-height: 20px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #042c8d;}
#center_text h3{font-size:13px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #6b0000;}
#center_text h4{font-size:12px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #333;}
#center_text h5{font-size:11px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #333;}
#center_text h6{font-size:10px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #333;}


#center_text p{font-size:12px; line-height: 18px; padding:0; margin-bottom: 10px; font-weight:normal; text-decoration:none; color: #000;}
#center_text a{padding:0; margin: 0 0 10px 0; font-weight:normal; text-decoration:none; color: #0076e3;}
#center_text a:hover{text-decoration:underline; color: #0076e3;}

#center_text ul {font-size:12px; color: #333; font-weight: normal; margin: 0; padding: 0;}
#center_text ul li {background: url(../images/misc/bullet.gif) no-repeat 0 0.6em; padding-left: 1em; line-height: 18px;
margin : 0 1em 0.5em 0.3em;}
#center_text ul li a{color:#0076e3; text-decoration:none;}
#center_text ul li a:hover{color:#0076e3; text-decoration:underline;}

#center_text ol {font-size:12px; color: #000; font-weight: normal; margin: 0; padding: 0;}
#center_text ol li { padding-left: 0.3em; line-height: 18px; margin : 0 1em 0.5em 2em;}
#center_text ol li a{color:#0076e3; text-decoration:none;}
#center_text ol li a:hover{color:#0076e3; text-decoration:underline;}

/*------------------------END contents text-------------------------*/

/*------------------------START contents text-------------------------*/

#proud_american {width:429px;  float:left; padding: 0; margin:0;}
#proud_american_image {width:130px; height:130px; float:left; padding: 0; margin:0;
text-align:left;}
#proud_american_text {width:289px; float:right; padding: 0; margin:0;}

#proud_american h3{font-size:13px; padding:0; margin: 0 0 10px 0; font-weight:bold; text-decoration:none; color: #6b0000;}

#proud_american p{font-size:12px; line-height: 18px; padding:0; margin-bottom: 10px; font-weight:normal; text-decoration:none; color: #000;}
#proud_american a{padding:0; margin: 0 0 10px 0; font-weight:normal; text-decoration:none; color: #0076e3;}
#proud_american a:hover{text-decoration:underline; color: #0076e3;}

#page_turner {width:429px;  float:left; padding: 0; margin:0;}


/*------------------------START spekers bank-------------------------*/

#speakers_bank {width:440px; float: left; padding: 0; margin: 0;}

#speakers_bank h3{font-size:13px; padding:0; margin: 5px 0 5px 0; font-weight:bold; text-decoration:none; color: #6b0000;
text-align:center;}
#speakers_bank h4{font-size:12px; padding:0; margin: 5px 0 5px 10px; font-weight:bold; text-decoration:none; color: #042c8d;}
#speakers_bank h5{font-size:12px; padding:0; margin: 5px 0 2px 10px; font-weight:normal; text-decoration:none; color: #000;}
#speakers_bank h6{font-size:12px; padding:0; margin: 0 0 0 10px; font-weight:normal; text-decoration:none; color: #333;}

#speakers_bank p{font-size:12px; line-height: 17px; padding:0; margin: 5px 0 15px 10px; font-weight:normal; text-decoration:none; color: #000;}
#speakers_bank a{padding:0; margin: 0 0 10px 0; font-weight:normal; text-decoration:none; color: #0076e3;}
#speakers_bank a:hover{text-decoration:underline; color: #0076e3;}

#panel_bank {width:430px; float: left; padding: 0; margin: 0; background-color: #008000;}
#panel_bank h2{font-size:14px; padding:0; margin: 5px 0 5px 10px; font-weight:bold; text-decoration:none; color: #FFF;}

/*------------------------END spekers bank-------------------------*/

.red {color:#FF0000;}

/*------------------------START past activity-------------------------*/

#past_activity {width:430px; float: left; padding: 0; margin: 0;}

#past_activity h1{font-size:12px; padding:0; margin: 5px 0 5px 0; font-weight:bold; text-decoration:none; color: #6b0000;
text-align:center;}
#past_activity h2{font-size:12px; padding:0; margin: 7px 0 5px 0; font-weight:bold; text-decoration:none; color: #042c8d;
text-align:center;}
#past_activity h3{font-size:12px; padding:0; margin: 7px 0 5px 0; font-weight:normal; text-decoration:none; color: #444;
text-align:center;}
#past_activity p{font-size:12px;  padding:0; margin: 5px 10px 5px 10px; font-weight:normal;
text-decoration:none; color: #000;}
#past_activity a{padding:0; margin: 0 0 10px 0; font-weight:normal; text-decoration:none; color: #0076e3;}
#past_activity a:hover{text-decoration:underline; color: #0076e3;}

/*------------------------END past activity-------------------------*/

/*------------------------START navigation style-------------------------*/

#box-left {float:left; padding:0; width:150px;}
.col {height:auto !important; margin-bottom:20px; }

/*------------------------Flyout Menu-------------------------*/

/*based on : http://qrayg.com/learn/code/cssmenus */
/* Root = Vertical, Secondary = Vertical */
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  border: 0 none;
  margin:0;
  padding: 0;
  width: 149px; /*For KHTML*/
  list-style: none;
  z-index:8000;
  line-height:22px;
  color:#333;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
}

ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}
ul#navmenu-v li .title{
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  background: #2d5c94;
  color: #fff;
  border: 1px solid #e6e6e6;
  border-right-color: #CCC;
  border-bottom-color: #9a9a9a;
  width: 136px;
  padding: 0 6px;
  font-weight: bold;

}

/* Root Menu */
ul#navmenu-v a, ul#navmenu-v a:visited {
  border: 1px solid #e6e6e6;
  border-right-color: #CCC;
  border-bottom-color: #9a9a9a;
  padding: 0 0 0 6px;
  display: block;
  background: #c4cfdc;
  color: #333;
 /*line-height:22px;*/
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-v a.selected,
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #588dcc;
  color: #fff;
}

/* 2nd Menu */

ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #afbfd2;
  color: #333;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #588dcc;
  color: #FFF;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #afbfd2;
  color: #000;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #588dcc;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #444;
  color: #fff;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #777;
  color: #fff;
}

ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}

ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}
/* END FLYOUT MENU