/* MOVE IT 4 */

/* BODY */
body { margin: 0; padding: 0; font-size: 12px; background-color: #161B27; font-family: Arial, Helvetica, sans-serif; }
a { color: #FF7300; text-decoration: none; }
a:hover { color: #FF7300; text-decoration: underline; }
a img { border: none; }

form { margin: 0; padding: 0; }
input { vertical-align: bottom; }


/* HEADER */
.head-orange { width: 100%; background: url(./img/head-bg1-orange.jpg) repeat-x; text-align: center; }
.head-green { width: 100%; background: url(./img/head-bg1-green.jpg) repeat-x; text-align: center; }
.head-violet { width: 100%; background: url(./img/head-bg1-violet.jpg) repeat-x; text-align: center; }
.head-blue { width: 100%; background: url(./img/head-bg1-blue.jpg) repeat-x; text-align: center; }
.head-red { width: 100%; background: url(./img/head-bg1-red.jpg) repeat-x; text-align: center; }
.head-yellow { width: 100%; background: url(./img/head-bg1-yellow.jpg) repeat-x; text-align: center; }

.headbox { width: 900px; height: 80px; text-align: left; margin: 0 auto; overflow: hidden; }
.headbox:after { content: ""; display: block; visibility: hidden; clear: both; }
.headbox h1 { width: 388px; height: 75px; margin: 2px 0 0 0; padding: 0; float: left; }
.headbox h1 img { vertical-align: top; margin-top: 20px; }

.headbox-r-search { float: right; width: 342px; height: 36px; background: url(./img/search-bg.jpg) no-repeat; margin: 20px 0 0 0; overflow: hidden; }
.headbox-r-search form { margin: 0; padding: 0;  }
input#searchbox { width: 234px; font-size: 12px; line-height: 18px; vertical-align: top; margin: 8px 8px 0 8px; }

ul.headnav { width: 900px; height: 40px; margin: 0 auto; padding: 0; list-style: none; display: inline-block; position: relative; }
ul.headnav * { margin: 0; padding: 0; }
ul.headnav:after { content: ""; display: block; visibility: hidden; clear: both; }
ul.headnav li { margin-left: 0px; float: left; zoom: 1; }
ul.headnav li a { display: block; width: 110px; height: 40px; text-align: center; line-height: 30px; color: #FFFFFF; font-size: 13px; text-decoration: none; }
ul.headnav li.headnav-subli a.dropdown-sub { background: #293249 url(./img/arrow.gif) right no-repeat; }
ul.headnav li.headnav-subli a:hover.dropdown-sub { background: #161B27 url(./img/arrow.gif) right no-repeat; }
ul.headnav li.hover,
ul.headnav li:hover { position: relative; }
ul.headnav li:hover > ul { visibility: visible; }

ul.headnav ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; list-style: none; }
ul.headnav ul li { display: inline; width: 100%; } 
ul.headnav ul li.headnav-subli { margin: 0; }
ul.headnav ul li.headnav-subli a { display: inline-block; width: 220px; height: 30px; background: #293249; font-size: 12px; line-height: 30px; text-align: left; text-indent: 5px; }
ul.headnav ul li.headnav-subli a:hover { background: #161B27; }
ul.headnav ul ul { left: 220px; top: 0; }

.headnav li.hnb-orange a:hover { background: url(./img/headnav-bt-orange-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-orange a.selected,
.headnav li.hnb-orange a:hover.selected { background: url(./img/headnav-bt-orange-h.jpg) no-repeat; }

.headnav li.hnb-green a:hover { background: url(./img/headnav-bt-green-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-green a.selected,
.headnav li.hnb-green a:hover.selected{ background: url(./img/headnav-bt-green-h.jpg) no-repeat; }

.headnav li.hnb-violet a:hover { background: url(./img/headnav-bt-violet-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-violet a.selected,
.headnav li.hnb-violet a:hover.selected{ background: url(./img/headnav-bt-violet-h.jpg) no-repeat; }

.headnav li.hnb-blue a:hover { background: url(./img/headnav-bt-blue-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-blue a.selected,
.headnav li.hnb-blue a:hover.selected{ background: url(./img/headnav-bt-blue-h.jpg) no-repeat; }

.headnav li.hnb-red a:hover { background: url(./img/headnav-bt-red-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-red a.selected,
.headnav li.hnb-red a:hover.selected{ background: url(./img/headnav-bt-red-h.jpg) no-repeat; }

.headnav li.hnb-yellow a:hover { background: url(./img/headnav-bt-yellow-a.jpg) no-repeat; text-decoration: none; color: #FFFFFF; }
.headnav li.hnb-yellow a.selected,
.headnav li.hnb-yellow a:hover.selected{ background: url(./img/headnav-bt-yellow-h.jpg) no-repeat; }


/* INDEXIMG */
.indexbox { width: 100%; text-align: center; background: 0 182px #FBFBFB url(./img/head-bg2-index.jpg) repeat-x; clear: left; }
.indeximg { width: 845px; text-align: left; margin: 0 auto; padding: 10px 0 15px 0; overflow: hidden; }
.indeximg:after { content: ""; display: block; visibility: hidden; clear: both; }

.indexadv { width: 120px; height: 310px; margin: 0 10px 0 0; padding: 0; list-style: none; float: left; margin-right: 5px; }
.indexadv li img { vertical-align: bottom; }

.indexpic { margin: 0; }


/* CONTENTS */
.clearfix { width: 100%; overflow: hidden; }
.clearfix:after { content: ""; display: block; visibility: hidden; clear: both; }

.contents { width: 880px; overflow: hidden; margin: 0 auto; padding: 25px 0 50px 0; text-align: left; }
.contents:after { content: ""; display: block; visibility: hidden; clear: both; }
.contents-l { width: 680px; float: left; }
.contents-l h2 { font-size: 24px; color: #000000; margin: 0 0 10px 0; font-weight: normal; }
.contents-r { width: 180px; float: right; }
.contents-l td { font-size: 12px; line-height: 20px; color: #333333; }

.indextext-l { float: left; width: 190px; margin: 0 20px 0 0; color: #505050; }
.indextext-l img { border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 4px; margin-bottom: 5px; }
.indextext-r { overflow: hidden; line-height: 20px; color: #505050; }
.indextext-r p { margin: 0 0 10px 0; }

.sidebox { margin-bottom: 5px; }

.side-h2 { font-size: 24px; margin: 0 0 10px 0; font-weight: normal; }
.side-entrylist { margin: 0 0 20px 0; padding: 0; list-style: none; background: url(img/dotline-x.jpg) repeat-x; }
.side-entrylist li { background: bottom url(img/dotline-x.jpg) repeat-x; padding: 10px 5px 11px 5px; }

.sharemi4 { width: 180px; height: 140px; background: url(./img/share-bg.jpg) no-repeat; margin-bottom: 5px; }
.sharemi4 h2 { font-size: 14px; margin: 0 8px 5px 8px; padding-top: 10px; font-weight: normal; line-height: 14px; color: #FFFFFF; font-family: Verdana, Geneva, sans-serif; }
.sharemi4 p { font-size: 12px; margin: 0 8px 10px 8px; color: #848A99; line-height: 14px; }
p.sharemi4-bt { text-align: center; margin: 0 8px; }

.top4list { margin-bottom: 20px; }
.top4list h2 { font-size: 16px; font-weight: bold; padding: 10px; margin: 0; color: #FFFFFF; background: #293249; border: 1px solid #161A26; }
.top4list p { margin: 0; background: #CCCCCC; padding: 10px; }
.top4list ul { margin: 0; padding: 0; list-style: none; background: #F0F0F0; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.top4list li { color: #DD5100; padding: 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #CCCCCC; }
.top4list li p { margin: 0; background: none !important; padding: 0 !important; width: 100%; overflow: hidden; }
.top4list li p:after { content: ""; display: block; visibility: hidden; clear: both; }
.top4list li span.t4l-l { display: block; font-size: 20px; color: #666666; float: left; }
.top4list li span.t4l-r { display: block; overflow: hidden; width: 135px; float: right; }
.top4list li a,
.top4list li a:hover { color: #DD5100; text-decoration: none; }


/* CONTENTS PAGE */
.contentsbox { width: 100%; text-align: center; background: #FBFBFB url(./img/head-bg2-cont.jpg) repeat-x; clear:left; }

.conthead { width: 848px; margin: 0 auto; padding: 20px 0; overflow: hidden; text-align: left; }
.conthead:after { content: ""; display: block; visibility: hidden; clear: both; }

.conthead-title { float: left; width: 240px; height: 200px; background: url(img/cont-headbg.jpg) no-repeat; }
.conthead-title h2 { margin: 164px 0 0 32px; font-size: 22px; color: #FFFFFF; line-height: 30px; font-weight: normal; }

.conthead-r { float: right; width: 598px; height: 200px; }
.conthead-img { font-size: 0; line-height: 0; margin: 0 0 10px 0; }

.contimg { width: 598px; height: 130px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.contimg:after { content: ""; display: block; visibility: hidden; clear: both; }
.contimg li { float: left; display: inline; }
.contadv { width: 598px; height: 60px; margin: 0; padding: 0; list-style: none; overflow: hidden;  }
.contadv:after { content: ""; display: block; visibility: hidden; clear: both; }
.contadv li { float: left; display: inline; }

.footimages { width: 100%; text-align: center; font-size: 0; line-height: 0; margin: 0 0 50px 0; }


/* TEXT */
.context { font-size: 12px; line-height: 20px; color: #505050; margin-bottom: 30px; }
.context h2 { font-size: 24px; line-height: 24px; background: url(img/h-mark.jpg) no-repeat; padding-left: 18px; margin: 0 0 10px 0; }
.context h3 { font-size: 18px; line-height: 22px; margin: 20px 0 15px 0; color: #293249; }
.context h4 { font-size: 18px; background: bottom url(img/h-line.jpg) no-repeat; padding-bottom: 15px; margin: 20px 0 15px 0; }
.context p { margin: 0 0 10px 0; }
.context ul { margin: 0 0 10px 0; padding: 0; list-style: none; }
.context ul li { line-height: 20px; background: url(img/listmark.jpg) no-repeat; padding-left: 15px; }
.context ol { margin: 0 0 10px 0; }
.context blockquote { margin: 10px 20px; }

.seriftxt { font-family: Georgia, "Times New Roman", Times, serif; }
.bluetxt { color: #45A6ED; }
.redtxt { color: #CC0000; }
.graytxt { color: #666666; }
.opttxt { font-size: 10px; line-height: 18px; }
.baseline { color: #CC0000; vertical-align:super; font-size: 10px; }
.entrypage { color: #666666; font-weight: normal; font-size: 14px; margin: 0; }

ul.pagelink { width: 680px; height: 30px; margin: 0 0 0 0; padding: 0; list-style: none; position: relative; }
ul.pagelink:after { content: ""; display: block; visibility: hidden; clear: both; }
ul.pagelink li img { vertical-align: bottom; }
li.pagelink-prev { width: 120px; height: 30px; float: left; }
li.pagelink-next { width: 120px; height: 30px; float: right; }
li.pagelink-next img { vertical-align: top; }
li.pagelink-page { width: 200px; height: 30px; position: absolute; left: 230px; text-align: center; }
li.pagelink-page p { margin: 7px 0 0 0; }
li.pagelink-page a { color: #000000; border: 1px solid #AAAAAA; background-color: #DFDFDF; text-decoration: none; padding: 5px 10px; }
li.pagelink-page a:hover { color: #FFFFFF; border: 1px solid #AE3900; background-color: #FF7300;; text-decoration: none; padding: 5px 10px; }
li.pagelink-page strong { color: #FFFFFF; border: 1px solid #AE3900; background-color: #FF7300; padding: 5px 10px; }


/* ENTRYLIST */
ul.entrylist-orange { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-orange li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-orange li a { color: #FF7300; text-decoration: none; }
ul.entrylist-orange li a:hover { color: #FF7300; text-decoration: underline; }
ul.entrylist-green { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-green li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-green li a { color: #295A29; text-decoration: none; }
ul.entrylist-green li a:hover { color: #295A29; text-decoration: underline; }
ul.entrylist-violet { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-violet li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-violet li a { color: #492C6C; text-decoration: none; }
ul.entrylist-violet li a:hover { color: #492C6C; text-decoration: underline; }
ul.entrylist-blue { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-blue li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-blue li a { color: #0F5998; text-decoration: none; }
ul.entrylist-blue li a:hover { color: #0F5998; text-decoration: underline; }
ul.entrylist-red { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-red li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-red li a { color: #960D1E; text-decoration: none; }
ul.entrylist-red li a:hover { color: #960D1E; text-decoration: underline; }
ul.entrylist-yellow { margin: 0 10px; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.entrylist-yellow li { font-size: 13px; line-height: 36px; background: 5px 8px url(./img/icon-entry.jpg) no-repeat; padding-left: 30px; border-bottom: 1px solid #CCCCCC; }
ul.entrylist-yellow li a { color: #705A24; text-decoration: none; }
ul.entrylist-yellow li a:hover { color: #705A24; text-decoration: underline; }

.entrylist-sub { font-size: 16px; margin: 10px 10px; }

.men-catlist-h { font-size: 24px; margin: 0 0 10px 0; font-weight: normal; }
ul.men-catlist { width: 180px; margin: 0 0 20px 0; padding: 0; list-style: none; border-top: 1px solid #CCCCCC; }
ul.men-catlist li { font-size: 13px; line-height: 20px; padding: 5px; border-bottom: 1px solid #CCCCCC; }
ul.men-catlist li a { color: #0F5998; text-decoration: none; }
ul.men-catlist li a:hover { color: #0F5998; text-decoration: underline; }

.archivelist-nav { margin: 0; padding: 0; width: 100%; list-style: none; overflow: hidden; }
.archivelist-nav:after { content: ""; display: block; visibility: hidden; clear: both; }
.archivelist-nav-left { width: 50%; float: left; text-align: left; }
.archivelist-nav-right { width: 50%; float: right; text-align: right; }


/* FOOTER */
.footnav {  width: 900px; margin: 0 auto; padding-bottom: 10px; }
.footnav ul { width: 900px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.footnav ul:after { content: ""; display: block; visibility: hidden; clear: both; }
.footnav ul li { float: left; display: inline; font-size: 12px; color: #FFFFFF; line-height: 18px; padding: 5px 10px; margin-right: 5px; }
.footnav ul li a,
.footnav ul li a:hover { color: #FFFFFF; text-decoration: none; }
.footnav ul li.fnb-orange { background-color: #FF7300; }
.footnav ul li.fnb-green { background-color: #8CE541; }
.footnav ul li.fnb-violet { background-color: #C182EF; }
.footnav ul li.fnb-blue { background-color: #3D87D9; }
.footnav ul li.fnb-red { background-color: #F9212E; }
.footnav ul li.fnb-yellow { background-color: #ABA221; }

.footer { width: 100%; height: 80px; text-align: center; background: url(./img/foot-bg.jpg) repeat-x; }
.footbox { width: 900px; padding-top: 15px; overflow: hidden; margin: 0 auto; text-align: left; }
.footbox:after { content: ""; display: block; visibility: hidden; clear: both; }
.footbox-l { width: 600px; float: left; margin: 0; padding: 0; overflow: hidden; }
.footbox-l:after { content: ""; display: block; visibility: hidden; clear: both; }
.footbox-l li { float: left; display: inline; font-size: 14px; line-height: 26px; background: 0 10px url(img/arrow-yellow.gif) no-repeat; padding-left: 8px; margin-right: 30px; }
.footbox-l li a { color: #FFFFFF; text-decoration: none; }
.footbox-l li a:hover { color: #FFFFFF; text-decoration: underline; }
.footbox-r { float: right; width: 300px; color: #7E8493; line-height: 26px; margin: 0; text-align: right; }


/* MEDIA CENTER */
.itnbox { border: 1px solid #C9C9C9; background: #FFFFFF; padding: 14px; margin-bottom: 10px; }
.itnbox-head { width: 650px; border-bottom: 1px dotted #C9C9C9; padding-bottom: 10px; margin-bottom: 10px; }
.itnbox-head h3 { font-size: 20px; color: #0099CC; margin: 0 0 2px 0; }
.itnbox-head h3 a { color: #0099CC; }
.itnbox-head p { font-size: 12px; color: #666666; margin: 0; }
.itnbox-text { width: 650px; color: #505050; line-height: 20px; }
.itnbox-text p { margin: 0 0 10px 0; }
.itnbox-morebt { background: right url(./img/arrow-bottom.jpg) no-repeat; font-size: 12px; line-height: 18px; text-align: right; margin: 0; padding-right: 12px; }
.itn-sub { text-align: center; font-size: 16px; color: #666666; line-height: 24px; font-weight: bold; margin: 0 0 20px 0; }


/* MENTORS BLOG */
.mentors-desc { width: 600px; margin: 0 30px 20px 50px; color: #FF0033; line-height: 18px; }
.mentors-entry { width: 600px; margin: 0 30px 30px 50px; border-bottom: 1px solid #CCCCCC; padding-bottom: 20px; font-size: 12px; }
.mentors-entry-head { background-color: #DFDFDF; padding: 10px; margin-bottom: 10px }
.mentors-entry-head a { color: #000000; }
.mentors-entry-head h3 { color: #FFFFFF; font-size: 20px; margin: 0; }
.mentors-entry-head h3 a:hover { color: #FF7300; text-decoration: none; }
.mentors-entry-head p { margin: 0; color: #8E9098; }

.mentors-entry-detail { margin: 0; color: #666666; text-align: right; }
.mentors-entry-body { line-height: 20px; color: #505050; margin: 0 10px 10px 10px; overflow: hidden; }
.mentors-entry-body:after { content: ""; display: block; visibility: hidden; clear: both; }
.mentors-thum { float: left; width: 190px; margin: 0 20px 0 0; }
.mentors-thum img { border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 4px; }
.mentors-entry-text { overflow: hidden; }
.mentors-entry-text p { margin: 0 0 10px 0; }

.mentors-headimg { width: 900px; margin: 0 auto 20px auto; color: #FF0033; line-height: 18px; }
.mentors-headimg img { margin-bottom: 10px; }