/* html {height:100%;} */ body { height:100%; background: #dad7ce; color: #12182c; font-size: 13px; margin: 0; padding: 5px 0 0 0; text-align: justify; } #page-wrap { margin: 0 auto; max-width: 98%; width: 980px; height:100%; } .article { overflow: hidden; padding: 0 15px 15px 15px; } .container { overflow: hidden; padding: 15px; } .container_right { display: inline; float: right; margin: 0 auto; } .container_right_mrg { display: inline; float: right; margin: 0px 110px 0px 0px; } .boxtype_1 { display: inline; float: left; margin: 10px 0 5px 0; max-width: 100%; width: 980px; } .boxtype_left, .boxtype_article_left { display: inline; float: left; margin: 10px 2% 5px 0; max-width: 100%; width: 49%; } .boxtype_left_2 {display: inline;float: left;margin: 10px 2% 5px 0;max-width: 100%;width: 63%;} .boxtype_right, .boxtype_article_right { display: inline; float: right; margin: 10px 0 5px 0; max-width: 100%; width: 49%; } .boxtype_right_2 { display: inline; float: right; margin: 8px -50px 5px 0; max-width: 100%; width: 35%; } .box_sep { margin: 10px 0 5px 0; } .boxtype_left span { font-size: 13px; line-height: 18px; padding: 0; } .boxtype_4 { display: inline; float: left; margin: 10px 0 5px 0; max-width: 100%; width:15%; line-height: 15px; } .boxtype_5 { display: inline; float: left; margin: 10px 0 5px 0; max-width: 100%; width:30%; line-height: 15px; } .boxmargins { background: #eeeeee; border: 1px solid #444855; border-radius: 0px; margin: 0; position: relative; height:100%; } .hight1 {height: 150px;overflow:hidden;} .hight2 {height: 220px;overflow:hidden;} .hight3 {height: 440px;overflow:hidden;} .hight4 {height: 340px;overflow:hidden;} .hight5 {height: 350px;overflow:hidden;} .hight6 {height: 665px;overflow:hidden;} .hight7 {height: 510px;overflow:hidden;} .hight8 {height: 360px;overflow:hidden;} .hight9 {height: 464px;overflow:hidden;} .hight10 {height: 764px;overflow:hidden;} .hight11 {height: 310px;overflow:hidden;} .hight12 {height: 230px;overflow:hidden;} .hight13 {height: 190px;overflow:hidden;} .hight14 {height: 180px;overflow:hidden;} .hight15 {height: 468px;overflow:hidden;} .hight16 {height: 490px;overflow:hidden;} .hight17 {height: 585px;overflow:hidden;} .hight18 {height: 1067px;overflow:hidden;} .hight19 {height: 525px;overflow:hidden;} body, input, textarea { font-family: Trebuchet, arial, sans-serif; } h1, h2, h3, h4, h5, h6, a { font-family: Trebuchet, arial, sans-serif; } code, kbd, pre, samp, tt, var { font-family: Consolas, "Courier New", Courier, monospace; } a, a:visited { color: #292b32; text-decoration: none; outline: none; } a img { border-width: 0; } a:hover, a:active { color:#405280;text-decoration: underline; } .a1, .a1:visited {font-size: 11px;color: #292b32;text-decoration:none;outline: none;} .a1:hover, .a1:active {color:#405280;text-decoration: underline;} .strike { text-decoration: line-through; } ins { background-color: #989eae; color: #252831; padding-right: 3px; padding-left: 4px; text-decoration: none; } aside, details, figcaption, figure, header, hgroup, nav, section { display: block; } address, aside, dl, fieldset, form, header, ol, p, ul, .embed, .container div { font-size: 13px; line-height: 15px; padding: 0; } nav { font-size: 13px; line-height: 15px; padding: 0; } .container ul { margin: 0 0 0 20px; padding: 0; } .container ul li{ line-height: 1.5em; } hr { border: 1px solid #444855; } h1{ font-family: verdana, arial, sans-serif; font-size: 9px; font-weight: normal; line-height: 12px; text-align: center; padding: 3px; margin: 0; } h2,h3,h4,h5,h6 { font-weight: normal; line-height: 15px; padding: 0; font-size: 100%; margin: 0; } .article h3, .article h4, .article h5, .article h6 { color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.1em; margin: 15px 0 15px 0; } .article .about { color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.1em; margin: 20px 0 0 0; } .article h2 { color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.3em; margin: 20px 0 20px 0; } .article .italic, .boxtype_article_right .italic { font-style: italic; } .article .bold { font-weight: bold; } .article .year { font-weight: bold; letter-spacing: 1px; line-height: 15px; padding: 0; font-size: 1.4em; margin: 8px 0 0 0; } .article .month { font-weight: normal; letter-spacing: 1px; line-height: 15px; padding: 0; font-size: 1.3em; margin: 20px 0 0 0; } .dots { border-bottom: 1px dashed #6B6B6B; margin:5px 0 5px 0;width:100%; } .dots1 { border-bottom: 1px dashed #AEAEAE; margin-top:5px;width:100%; } .article ul { float:left; color: #929292; margin: 0; padding: 0; list-style: none; } .classiclist ul { float:left; color: #292b32; margin: 0 0 10px 20px; list-style-type: square; } .classiclist ul li{ line-height: 1.5em; } .article a, .article a:visited { color:#12182c;text-decoration:none;font-weight: normal;outline: none; } .article a:hover, .article a:active { color:#405280;text-decoration: underline; } .boxtype_article_right .h_type, .article .h_type { color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.1em; margin: 15px 0 15px 0; } .boxtype_article_right .h_type_2 { color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.1em; margin: 2px 0 15px 0; } .mtitle h3 {color: #292b32; font-weight: bold; letter-spacing: 2px; font-style: italic; line-height: 15px; padding: 0; font-size: 1.3em; margin: 10px 0 20px 0; } h3 span, h4 span { font-weight: bold; } .title div, .title h2, .title h3, .title h4, .title h5, .title h6 { color: #e0e0e0; font-size: 15px; font-weight: normal; letter-spacing: 2px; line-height: 15px; margin: 0; padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #405280; text-decoration: none; } ol ol, ol ul, ul ol, ul ul { list-style-position: inside; margin: 0; } ul { list-style-type: square; } #logoplace { background: #cacbcb; background: -moz-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #a09d9d ), color-stop( 100%, #cacbcb ) ); background: -webkit-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -o-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -ms-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09d9d', endColorstr='#eeeeee', GradientType=0 ); background: linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); border: 1px solid #444855; border-radius: 0px; clear: both; margin-left: 0; margin-top: 10px; padding: 0 0 0; max-width: 100%; width: 978px; height: 100%; } #logoplace:empty { display: none; } #logoimg { display: block; margin: 0 auto; max-width: 98%; } #menubtn { background: #cacbcb; background: -moz-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #a09d9d ), color-stop( 100%, #cacbcb ) ); background: -webkit-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -o-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); background: -ms-linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09d9d', endColorstr='#eeeeee', GradientType=0 ); background: linear-gradient( top, #a09d9d 1%, #cacbcb 100% ); border: 1px solid #444855; border-radius: 0px; clear: both; float: left; margin: 0 0 8px 0; padding: 5px 0 0; max-width: 100%; width: 978px; } #menubtn:empty { display: none; } .centermenu { float:left; width:100%; overflow:hidden; position:relative; width: 100%; } #menubtn ul { clear:left; float:left; font-size: 13px; font-weight: bold; letter-spacing: 1px; list-style: none; margin:0; position:relative;/* together with .centermenu */ left:50%;/* together with .centermenu */ text-align:center;/* together with .centermenu */ } #menubtn li { display:block; float: left; margin: 0 2px 5px 2px; position:relative;/* together with .centermenu */ right:50%;/* together with .centermenu */ } #menubtn a { display: block; color: #292b32; line-height: 35px; padding: 0 14px; text-decoration: none; text-shadow:1px 1px 0 #9b9b9f; } #menubtn li:hover > a, #menubtn a:focus { background: #12182c; } #menubtn a:focus, #menubtn a:active, #menubtn li:hover > a { color: #e7ebef; text-shadow:1px 1px 0 #000; } #menubtn li.current > a { background-color: #12182c; color: #e7ebef; font-weight: bold; text-shadow:1px 1px 0 #000; } #menubtn ul li:hover > ul { display: block; } #menubtn .menu_corners > li > a, #menubtn div.menu_corners > ul > li > a { border-radius: 0px; } .title { border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom: 1px dotted #444855; background: #12182c; color: #292b32; padding: 5px 15px 5px; } .container a, .container a:visited { color:#292b32;text-decoration:none;font-weight: bold;outline: none; } .container a:hover, .container a:active { color:#405280;text-decoration: underline; } span img { border-width: 0; } .format-image { display: block; margin: 0 auto; max-width: 454px; max-height: 280px; } .format-image-2 { display: block; margin: 0 auto; max-width: 280px; max-height: 207px; } .imgsz { max-width: 98%; } #menubtn, #logoplace, .footer_box, .boxmargins, .widget { -webkit-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 ); -moz-box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 ); box-shadow: .2em .2em .3em rgba( 0, 0, 0, 0.45 ); } #footer_right { clear: both; color: #12182c; font-size: 12px; padding: 5px 10px 5px 0; text-align: right; max-width: 98%; width: 99%; } #footer_right a, #footer_right a:visited{ text-decoration:none; outline: none; color: #292b32; font-weight: bold; } #footer_right a:hover, #footer_right a:active { color:#405280;text-decoration: underline; } #footerplace { background: #eeeeee; background: -moz-linear-gradient( top, #a09d9d 1%, #eeeeee 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #a09d9d ), color-stop( 100%, #eeeeee ) ); background: -webkit-linear-gradient( top, #a09d9d 1%, #eeeeee 100% ); background: -o-linear-gradient( top, #a09d9d 1%, #eeeeee 100% ); background: -ms-linear-gradient( top, #a09d9d 1%, #eeeeee 100% ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a09d9d', endColorstr='#eeeeee', GradientType=0 ); background: linear-gradient( top, #a09d9d 1%, #eeeeee 100% ); border: 1px solid #444855; border-radius: 0px; clear: both; margin-left: 0; padding: 0; max-width: 100%; width: 978px; height: 25px; } .footer_box { display: inline; float: left; margin: 10px 0 10px 0; max-width: 98%; width: 980px; } .footer_box_2 { position:absolute; float: left; bottom:0; /* stick to bottom */ margin: 10px 0 0 0; max-width: 98%; width: 980px; } .footer_left { display: inline; margin: 0 auto; float: left; margin: 0 0 0 10px; } .centertext { text-align: center; text-indent: 10px; /* center txt below image */ } .aligncenter, div.aligncenter { display: block; margin-right: auto; margin-left: auto; text-align: center; padding: 0px 0px 10px 10px; } .alignleft, div.alignleft { float: left; margin: 0 3px 0 0; } .alignright, div.alignright { float: right; margin: 5px 0 15px 15px; } .vertalign { vertical-align: middle } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } .ind0 {text-indent: 3px;} .ind1 {text-indent: 10px;} .ind2 {text-indent: 30px;} .ind3 {text-indent: 50px;} .tbl{ display:table;width:50%;border-collapse: collapse; } .tbl_wide{ display:table;width:100%;border-collapse: collapse; } .tbl_a{ display:table;width:100%;border-spacing:5px 20px; } .tbl_heading{ font-weight: bold;display:table-row;background-color:#12182c;text-align: center; line-height: 20px;height: 25px;font-size: 13px;font-family:Arial, sans-serif; color:#e0e0e0;border: 1px solid #12182c; padding:10px 0 0 0; } .tbl_row{ display:table-row;text-align: center;line-height: 20px;height: 25px; } .tbl_col{ display:table-cell;border: 1px solid #12182c;vertical-align: middle; } .tbl_col_0{ display:table-cell;width:25%;border:0;vertical-align: middle; } .button { font-size:11px; font-weight: bold;font-style:normal; color:#e0e0e0;text-decoration:none;padding:2px 6px 1px 6px; line-height: 15px;vertical-align:middle; background-color: #12182c;display:inline-block; border-radius:2px; position:relative; } a.button { font-size:11px; font-weight: bold;font-style:normal; color:#e0e0e0;text-decoration:none;padding:2px 6px 1px 6px; line-height: 15px;vertical-align:middle; background-color: #12182c;display:inline-block; border-radius:2px; position:relative; } a.button:visited { color:#e0e0e0;text-decoration:none; } a.button:hover { background-color: #a09d9d;color:#12182c;text-decoration: underline; } a.button:active { background-color: #a09d9d;color:#12182c;text-decoration: underline; } iframe {border: none;} .yt-img { max-width: 98%; width: 800px; height: 450px; } .smallheight { line-height: .5em; } .social-share { float:left;margin:5px 0 0 10px; } .yt-img-1 { max-width: 98%; width: 400px; height: 225px; } .form { margin: 10px 0px 0px 0px; width:442px; border-bottom:#cfd0d2 1px solid; border-top:#8b8c8d 1px solid; border-left:#cfd0d2 1px solid; border-right:#cfd0d2 1px solid; border-radius:0px; padding:3px; } .form input { border-bottom:#cfd0d2 1px solid; border-top:#8b8c8d 1px solid; border-left:#cfd0d2 1px solid; border-right:#cfd0d2 1px solid; border-radius:0px; font: 12px Arial, Helvetica, sans-serif; color:#706D6E; padding:5px 10px 6px 10px; outline: medium none; width: 100px; float:left; } .form .btn { font-size:11px; font-weight: bold;font-style:normal; color:#e0e0e0;text-decoration:none;padding:2px 6px 1px 6px; line-height: 15px;vertical-align:middle; background-color: #12182c;display:inline-block; border-radius:2px; position:relative;left:10px; top: 3px; width: 110px; } .form a.btn { font-size:11px; font-weight: bold;font-style:normal; color:#e0e0e0;text-decoration:none;padding:2px 6px 1px 6px; line-height: 15px;vertical-align:middle; background-color: #12182c;display:inline-block; border-radius:2px; position:relative; } .form .btn:hover {background-color: #a09d9d;color:#12182c;text-decoration: underline;cursor:pointer;} .form .btn:active {background-color: #a09d9d;color:#12182c;text-decoration: underline;} .form label { position:relative; overflow:hidden; display: block; min-height:33px; } .form label strong {font-weight:normal; float:left; display:inline-block; width:170px; padding:6px 8px 0px 6px;} .a_button a { display: block; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; color: #FFF; background-color: #12182C; width: 70px; height: 6px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-weight: bold; float: left; margin: 2px 0px 2px 8px; line-height: 8pt; padding-top: 3px; padding-bottom: 7px; -webkit-box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; -webkit-box-shadow: inset 0px 0px 9px 0px #4A4A4A; box-shadow: inset 0px 0px 9px 0px #4A4A4A; border: thin solid #4A4A4A; } .a_button a:link, .a_button a:visited { color: #FFF;background-color: #12182C; } .a_button a:hover { color: #FFF;background-color: #616A87;text-decoration:none; } .a_button img { margin-top: -4px; padding-right: 10px; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } .a_button2 a { display: block; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; color: #FFF; background-color: #12182C; width: 115px; height: 8px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-weight: bold; float: left; margin: -2px 0px 2px -50px; line-height: 10pt; padding-top: 2px; padding-bottom: 8px; -webkit-box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; -webkit-box-shadow: inset 0px 0px 9px 0px #4A4A4A; box-shadow: inset 0px 0px 9px 0px #4A4A4A; border: thin solid #4A4A4A; } .a_button2 a:link, .a_button2 a:visited { color: #FFF; background-color: #12182C; } .a_button2 a:hover { color: #FFF;background-color: #616A87;text-decoration:none; } .a_button2 img { margin: -2px 0px 2px 12px; padding-right: 6px; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } .a_btn, .a_btn:visited { display: block; text-decoration: none; font-family: Verdana, sans-serif; font-size: 11px; color: #FFF; background-color: #12182C; width: 105px; height: 20px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-weight: bold; float: left; margin: 4px -25px 2px 11px; line-height: 8pt; padding-top: 4px; padding-bottom: 8px; -webkit-box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; box-shadow: inset 0px 0px 0.5px 0px #D7D7D7; -webkit-box-shadow: inset 0px 0px 9px 0px #4A4A4A; box-shadow: inset 0px 0px 9px 0px #4A4A4A; border: thin solid #4A4A4A; } .a_btn:link, .a_btn:visited { color: #FFF; background-color: #12182C; } .a_btn:hover { background-color: #616A87;text-decoration:none;cursor:pointer; } .a_btn img { margin-top: -4px; padding-right: 8px; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }