/* CSS Document */

#head {
	height:137px;
}

#logo {
	float:left;	
}

#top_nav {
	display:block;
	float:left;
	text-align: right;
	width:518px;
	height:25px;
	padding-right: 20px;
	padding-top: 12px;
	background: url(../images/bg_top_nav.gif) no-repeat;
}

#top_head_pic {
	float:left;
	width: 538px;
	height: 100px;
	background: url(../images/head_bg.jpg) no-repeat;
}

#top_head_pic img {
	padding-left:10px;
}




#main_nav {
	width: 212px;
	height: 368px;
	float: left;
}

#main_nav ul{
	list-style: none;
}

#main_nav ul li {
	display: inline;
}

#main_nav ul li a span{
	display:none;
}

#main_nav ul li a{
	display: block;
	width: 212px;
}

#main_nav ul li.btn_home a:link, #main_nav ul li.btn_home a:visited {
	height:36px;	
	background:url(../images/btn_home_off.gif) no-repeat;
}
#main_nav ul li.btn_home a:hover, #main_nav ul li.btn_home a:active, #main_nav ul li.btn_home a.selected, #main_nav ul li.btn_home a.selected:visited  {
	background:url(../images/btn_home_on.gif) no-repeat;
}
#main_nav ul li.btn_about_us a:link, #main_nav ul li.btn_about_us a:visited {
	height:34px;	
	background:url(../images/btn_about_us_off.gif) no-repeat;
}
#main_nav ul li.btn_about_us a:hover, #main_nav ul li.btn_about_us a:active, #main_nav ul li.btn_about_us a.selected, #main_nav ul li.btn_about_us a.selected:visited {
	background:url(../images/btn_about_us_on.gif) no-repeat;
}
#main_nav ul li.btn_csr_blog a:link, #main_nav ul li.btn_csr_blog a:visited {
	height:32px;	
	background:url(../images/btn_csr_blog_off.gif) no-repeat;
}
#main_nav ul li.btn_csr_blog a:hover, #main_nav ul li.btn_csr_blog a:active, #main_nav ul li.btn_csr_blog a.selected, #main_nav ul li.btn_csr_blog a.selected:visited {
	background:url(../images/btn_csr_blog_on.gif) no-repeat;
}
#main_nav ul li.btn_activity a:link, #main_nav ul li.btn_activity a:visited {
	height:33px;	
	background:url(../images/btn_activity_off.gif) no-repeat;
}
#main_nav ul li.btn_activity a:hover, #main_nav ul li.btn_activity a:active, #main_nav ul li.btn_activity a.selected, #main_nav ul li.btn_activity a.selected:visited {
	background:url(../images/btn_activity_on.gif) no-repeat;
}
#main_nav ul li.btn_dream a:link, #main_nav ul li.btn_dream a:visited {
	height:34px;	
	background:url(../images/btn_dream_off.gif) no-repeat;
}
#main_nav ul li.btn_dream a:hover, #main_nav ul li.btn_dream a:active, #main_nav ul li.btn_dream a.selected, #main_nav ul li.btn_dream a.selected:visited {
	background:url(../images/btn_dream_on.gif) no-repeat;
}
#main_nav ul li.btn_story a:link, #main_nav ul li.btn_story a:visited {
	height:34px;	
	background:url(../images/btn_story_csr_off.gif) no-repeat;
}
#main_nav ul li.btn_story a:hover, #main_nav ul li.btn_story a:active, #main_nav ul li.btn_story a.selected, #main_nav ul li.btn_story a.selected:visited {
	background:url(../images/btn_story_csr_on.gif) no-repeat;
}
#main_nav ul li.btn_community a:link, #main_nav ul li.btn_community a:visited {
	height:32px;	
	background:url(../images/btn_community_off.gif) no-repeat;
}
#main_nav ul li.btn_community a:hover, #main_nav ul li.btn_community a:active, #main_nav ul li.btn_community a.selected, #main_nav ul li.btn_community a.selected:visited {
	background:url(../images/btn_community_on.gif) no-repeat;
}
#main_nav ul li.btn_multimedia a:link, #main_nav ul li.btn_multimedia a:visited {
	height:31px;	
	background:url(../images/btn_multimedia_off.gif) no-repeat;
}
#main_nav ul li.btn_multimedia a:hover, #main_nav ul li.btn_multimedia a:active, #main_nav ul li.btn_multimedia a.selected, #main_nav ul li.btn_multimedia a.selected:visited {
	background:url(../images/btn_multimedia_on.gif) no-repeat;
}
#main_nav ul li.btn_contact_us a:link, #main_nav ul li.btn_contact_us a:visited {
	height:34px;	
	background:url(../images/btn_contact_us_off.gif) no-repeat;
}
#main_nav ul li.btn_contact_us a:hover, #main_nav ul li.btn_contact_us a:active, #main_nav ul li.btn_contact_us a.selected, #main_nav ul li.btn_contact_us a.selected:visited {
	background:url(../images/btn_contact_us_on.gif) no-repeat;
}



#middle_bg { 
	float:left;
	width:10px; 
	height:527px; }

#content {
	width: 538px;
	float: left;
	display: inline;
}

#sub_nav {
	width:538px;
	height:40px;
	background: url(../images/bg_sub_nav.gif) no-repeat;
	text-align: center;
}

#sub_nav ul {	
	display:block;
	padding-top:17px;
	list-style:none;
	text-align:center;
}

*html #sub_nav ul {
	padding-top:18px;
}

#sub_nav ul li {
	display: inline;    
	list-style: none;
}

#sub_nav li a {
     padding: 5px 1em;
 }
 
#sub_nav ul li a{	
	font-weight:bold;
	 background: url(../images/tab_right.gif) no-repeat right;
     color: #808080;
     padding: 9px 0 9px 0;
     text-decoration: none;
	 line-height:22px;	 
	 height:22px;
}

#sub_nav ul li.selected a{
	font-weight:bold;
	 background: url(../images/tab_right_selected.gif) no-repeat right; 
}

* html #sub_nav ul li a {
	 font-weight:bold;
}

#sub_nav ul li a:hover, #sub_nav ul li a:active, #sub_nav ul li.selected a{
	color:#009239;
}

#sub_nav ul li a span{
	background: url(../images/tab_left.gif) no-repeat left;
	line-height:22px;
    padding: 9px 1em 9px 1em;
	height:22px;
}

#sub_nav ul li.selected a span{
	background: url(../images/tab_left_selected.gif) no-repeat left;
}



#trailer_nav { padding: 5px 0 5px 0; }





#content_main {
	width: 518px;
	padding:10px 10px 10px 10px;
	background-color: #fff;
	min-height: 450px;	
}
*html #content_main {
	height: 450px;
}

#content_main img {
	background-color: #FFF;
	padding:5px;
	border:solid 1px #DDD;
}

#content_main div.list_data ul {
	list-style: none;
	margin:0;
}

#content_main div.list_data ul li {
	height:20px;
	padding-left: 30px;
	padding-top: 5px;
	background: url(../images/bullet_list_arrow_white.gif) no-repeat 15px 5px;
}

#content_main div.list_data ul li.row_grey {		
	background: url(../images/bullet_list_arrow_grey.gif) no-repeat 15px 5px #f6f6f6;
}

div.page_nav {
	width:508px;
	height:17px;
	margin: 1px 0 1px 0;
	padding:3px 10px 0 0;
	text-align: right;
	background-color: #e3e3e3;
}





/* WEBBOARD */
#wrapperWebboard {
	width:970px;
	margin:auto;
}

#wrapperWebboard #head{
	width:970px;
}

#wrapperWebboard #top_nav {
	width:718px;
	background: url(../images/bg_top_navWebboard.gif) repeat-x;
}

#wrapperWebboard #top_head_pic{
	width: 740px;
	background: url(../images/headWebboard_bg.jpg) no-repeat;
}

#wrapperWebboard #sub_nav {	
	width:738px;
	height:40px;
	background: url(../images/bg_sub_navWebboard.gif) no-repeat;
	text-align: center;
}

#wrapperWebboard #content {
	width:740px;
}

#wrapperWebboard #content_main {
	width: 718px;	
}

#wrapperWebboard #content_main h1{
	width: 688px;
}

#wrapperWebboard #content_main img {
	border:none;
	padding:0;
}

*html #wrapperWebboard #content_main {
	height: 650px;
}

#wrapperWebboard #content_main div.list_data ul {
	list-style: none;
	margin:0;
}

#wrapperWebboard #content_main div.list_data ul li {
	height:20px;
	padding-left: 30px;
	padding-top: 5px;
	background: url(../images/bullet_list_arrow_white.gif) no-repeat 15px 5px;
}

#wrapperWebboard #content_main div.list_data ul li.row_grey {		
	background: url(../images/bullet_list_arrow_grey.gif) no-repeat 15px 5px #f6f6f6;
}