@charset "utf-8";

/******************************
 page layout
 ******************************/

#header, #contents, #inner_foot {
  width:920px;
  margin:0 auto;
}
#contents {
  margin-top:18px;
  margin-bottom:15px;
}

/******************************
 header
 ******************************/

#header {
  position:relative;
  height:123px;
  font-size:13px;
}
#header h1 {
  position:absolute;
  left:0;
  top:46px;
  margin:0;
}
#header h1 img {
  border:0;
}
#head_text {
  margin:0;
  padding:10px 0 0 0;
}

/* head_back */

#head_back {
  position:absolute;
  left:734px;
  top:0;
  margin:0;
  width:185px;
  height:32px;
}
#head_back a {
  display:block;
  width:185px;
  height:32px;
  background:url(../img/layout/head_back2.gif) 0 0 no-repeat scroll;
  text-indent:-999px;
  overflow:hidden;
}
#head_back a:hover { background-position:0 -32px; }

/* head_btn */

#head_btn {
  position:absolute;
  left:600px;
  top:44px;
  width:220px;
  height:85px;
  margin:0;
  list-style:none;
}
#head_btn li {
  position:absolute;
}
#btn_privacy { left:0;     top:0; }
#btn_web     { left:136px; top:0; }
#btn_sitemap { left:242px; top:0; }
#btn_entry   { left:0;     top:22px; }

#head_btn a {
  display:block;
  background:url(../img/layout/head_btn.gif) no-repeat scroll;
  height:22px;
  text-indent:-999px;
  overflow:hidden;
}
#btn_privacy a { width:116px; background-position:0 0; }
#btn_web a     { width:86px;  background-position:-136px 0; }
#btn_sitemap a { width:78px;  background-position:-242px 0; }

#btn_privacy a:hover { width:116px; background-position:0 -22px; }
#btn_web a:hover     { width:86px;  background-position:-136px -22px; }
#btn_sitemap a:hover { width:78px;  background-position:-242px -22px; }

#btn_entry, #btn_entry a {
  width:320px;
  height:41px;
}
#btn_entry a       { background-position:0 -44px; }
#btn_entry a:hover { background-position:0 -85px; }

/* head_nav */

#head_nav_wrapper {
  background:#99D248 url(../img/layout/head_nav.gif) 0 0 repeat-x scroll;
}
#head_nav {
  margin:0 auto;
  padding:0;
  width:920px;
  height:47px;
  list-style:none;
}
#head_nav li, #head_nav a {
  width:131px;
  height:44px;
}
#nav_training, #nav_training a,
#nav_about, #nav_about a,
#nav_message, #nav_message a { width:132px !important; }

#head_nav li {
  float:left;
}
#head_nav a {
  display:block;
  text-indent:-999px;
  overflow:hidden;
  background:url(../img/layout/head_nav_btn.gif) 0 0 no-repeat;
}
#nav_top a      { background-position:0 0; }
#nav_jobs a     { background-position:-131px 0; }
#nav_training a { background-position:-262px 0; }
#nav_voice a    { background-position:-394px 0; }
#nav_about a    { background-position:-525px 0; }
#nav_message a  { background-position:-657px 0; }
#nav_faq a      { background-position:-789px 0; }

#nav_top a:hover,      body#page_index #nav_top a           { background-position:0 -44px; }
#nav_jobs a:hover,     body#page_jobs #nav_jobs a         { background-position:-131px -44px; }
#nav_training a:hover, body#page_training #nav_training a { background-position:-262px -44px; }
#nav_voice a:hover,    body#page_voice #nav_voice a       { background-position:-394px -44px; }
#nav_about a:hover,    body#page_about #nav_about a       { background-position:-525px -44px; }
#nav_message a:hover,  body#page_message #nav_message a   { background-position:-657px -44px; }
#nav_faq a:hover,      body#page_faq #nav_faq a           { background-position:-789px -44px; }

/******************************
 footer
 ******************************/

#footer {
  margin-top:40px;
  background:#f8e098;
  padding:18px 0 10px 0;
  font-size:13px;
  color:#40403F;
}

#footer h2 {
  font-size:1em;
  margin:0;
  text-decoration:underline;
  color:#06a3ea;
}
#footer p {
  margin:10px 0 20px 0;
}
#copyright {
  margin:0 !important;
  text-align:right;
}

/* foot_nav */

#foot_nav {
  font-weight:bold;
}
#foot_nav a {
  color:#464747;
  text-decoration:none;
}
#foot_nav a:hover {
  text-decoration:underline;
}

/******************************
 top_image
 ******************************/

.top_image {
  margin-bottom:20px;
}

#main, #sidebar {
  float:left;
  margin-top:10px;
  margin-bottom:20px;
}
#main {
  width:685px;
  padding-right:15px;
}
#sidebar {
  width:220px;
  overflow:hidden;
}
#footer {
  clear:both;
}

/******************************
 page_head
 ******************************/

#content_head {
  position:relative;
  font-size:13px;
  line-height:1;
}
#content_head h2 {
  z-index:1;
  margin:0;
  min-height:59px;
  height:auto !important;
  height:59px;
}
#content_head p  {
  position:absolute;
  top:0;
  left:0;
  width:920px;
  margin:0;
}
#content_head .topic_path {
  z-index:3;
  text-align:right;
}
#content_head .head_text {
  z-index:2;
  text-indent:-999px;
  overflow:hidden;
  height:47px;
  background:url(../img/layout/head_text_default.gif) right top no-repeat scroll;
}
#content_head #head_text_blue   { background-image:url(../img/layout/head_text_blue.gif); }
#content_head #head_text_orange { background-image:url(../img/layout/head_text_orange.gif); }
#content_head #head_text_pink   { background-image:url(../img/layout/head_text_pink.gif); }
#content_head #head_text_violet { background-image:url(../img/layout/head_text_violet.gif); }
#content_head #head_text_entry  { background-image:url(../img/layout/head_text_entry.gif); height:49px; }

/******************************
 default_page_title
 ******************************/

#default_page_title {
	background:url(../img/webpage/title_webpage.gif) 0 0 no-repeat scroll;
  width:296px;
	height:50px;
	overflow:hidden;
	color:#ffffff;
	font-size:20px;
	line-height:1.1;
	padding:9px 0 0 20px;
}
#default_page_title a {
	text-decoration:none;
	color:#ffffff;
}
#default_page_title a:hover {
	text-decoration:underline;
}

/******************************
 sidebar
 ******************************/

#sidebar {
  font-size:11px;
}
/* side_entry_btn */
#side_entry_btn {
  width:200px;
  padding:7px 9px;
  border:#cecdcd 1px solid;
  background:#efefef;
  margin:0 0 10px 0;
}
#side_entry_btn a {
  width:200px;
  height:92px;
  background:url(../img/layout/side_entry_btn.gif) 0 0 no-repeat scroll;
  display:block;
	overflow:hidden;
	text-indent:-1000px;
}
#side_entry_btn a:hover {
  background-position:0 -92px;
}
#side_entry_btn p {
  margin:7px 0 0 7px;
}

/* banner */
#sidebar .banner {
  margin:0 0 10px 0;
  line-height:1;
  text-align:center;
}
#sidebar .banner a {
  color:#656464;
}
#sidebar .banner a:hover {
  color:#f8c948;
}
#sidebar .banner_img {
  display:block;
  text-decorarion:none;
  margin-bottom:5px;
}
#sidebar .banner img {
  border:0;
  color:#656464;
}