/****************reset css starts here*****************/
h1, h2, h3, h4, h5, h6, p, li, body, html, form, fieldset,figure,span, strong { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
ul { margin:0; outline:none; font-weight:normal; border:0 }
form, fieldset { float:left; width:100% }
img { border:0 none;max-width:100%;}
a { text-decoration:none; border:0; outline:0;color: #8653b9;}
/*ul { list-style:none; }*/
#footer ul, .header ul, .breadcrumbs, .member_login ul { list-style:none;padding:0; }
.clear { clear:both;}
html,body{height: 100%;}
/****************reset css ends here*****************/
body {font-family:'Lato', sans-serif; background:#f2f2f2 url(../images/body-img.jpg) no-repeat right top; background-size:cover;}
.layout {margin:0 auto}
.top_header {padding:15px 0 10px 0; width:100%; float: left}
.logo {float: left; margin:-20px 0 20px -120px}
.right_header {width: auto; float: right}
.top_nav { width: auto; float: right;margin-right: 25px; }
.left_nav {background: url(../images/top-nav-left.png) no-repeat 0  0; width:10px; height:35px; float: left }
.right_nav {background: url(../images/top_nav-right.png) no-repeat 0  0; width:10px; height:35px; float: right }
.middle_nav {background: url(../images/top_nav-bg.png) repeat-x 0 0; float: left; padding:3px 0 8px 6px;}
.middle_nav span { float: left; font:300 14px/21px 'Lato',sans-serif; color:#fff; padding-right: 0px;padding: 3px 10px 0 0;}
.middle_nav ul { float: left;padding-right: 11px;}
.middle_nav ul li {float: left; background: url(../images/divder.png) no-repeat 5px 4px ; padding:3px 0 0 19px}
.middle_nav ul li.first {background: none; padding:0; font:300 14px/21px 'Lato',sans-serif ; color:#fff; padding:3px 0 0 0; text-decoration: underline}
.middle_nav ul li a { color:#fff;font:300 14px/21px 'Lato',sans-serif; color:#fff}
.middle_nav ul li a:hover {text-decoration: underline}
.right_nav {background: url(../images/top_nav-right.png) no-repeat 0  0}
.outer_share {width:100%; float: right; padding:85px 0 0 0}
.share {float: right; width: auto; margin:0 14px 0 0}
.left_share {background: url(../images/left-share-bg.png) no-repeat 0 0; width:8px; height:38px; float: left }
.middle_share {background: url(../images/middle-share-bg.png) repeat-x 0 0; float: left; font:300 20px/22px 'Lato',sans-serif; color:#333; padding:7px 1px 9px 0}
.right_share {background: url(../images/right-share.png) no-repeat 0 0; width:9px; height:38px; float: left}
.middle_share small {float: left; padding:3px 8px 0 8px}

/*.menu {width:100%; background: url(../images/menu_bg.png) repeat-x 0 0; float: left; height:68px; overflow: hidden;}
.menu ul {float: left}
.menu ul li {float: left;}
.menu ul li a {font:300 14px/21px 'Lato',sans-serif; color:#fff;padding:17px 14px; display: block; text-transform: uppercase }
.menu ul li a:hover {background:#8062b5}
.menu ul li a.selected {background:#6d5a8e;}*/

.menu {width:100%; background: url(../images/menu_bg.png) repeat-x 0 0; float: left; height:68px; /*overflow: hidden;*/}
.menu ul {float: left}
.menu ul li {float: left;position:relative;}
.menu ul li a {font:300 14px/21px 'Lato',sans-serif; color:#fff;padding:17px 14px; display: block; text-transform: uppercase }
.menu ul li:last-child a { padding-right:8px;}
.menu ul li a:hover {background:#8062b5}
.menu ul ul
{
	display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #423659;
    padding: 0;
    width: auto;
    z-index: 999999;
}
.menu ul ul li
{
	float:none;
	width:auto;
	border-bottom: 1px solid #cccccc;
    min-height: 44px;
}
.menu ul ul a
{
	line-height:120%;
	/*padding:10px 15px*/
}
.menu ul ul a:hover
{
	background: #8062b5;
}
.menu ul ul ul
{
	top:0;
	left:100%
}
.menu ul li:hover > ul
{
	display:block
}

.menu ul li a.selected {background:#6d5a8e;}

.login {background: url(../images/login-bg.png) repeat 0 0; width:383px; float: right; clear: both; padding:6px 0 6px 0;border-radius:17px; margin-right: 8px;behavior:url(common/images/PIE.htc); position: relative}
.login ul { float: left; padding:4px 0 0 30px}
.login ul li {display: inline; padding:0 0 0 19px}
.login ul li.first {padding:0}
.login ul li a {font:400 14px/16px 'Lato',sans-serif ; color:#fff }
.login ul li a:hover {text-decoration: underline}
.search_box {background:#d7d7d7; width:177px;height: 20px; float: right;padding:2px 0 5px 10px; margin-right: 6px;border-radius:10px;behavior:url(common/images/PIE.htc); position: relative}
.search_box input[type='submit'] {background: url(../images/search-iocn.png) no-repeat 0 0; border: none; cursor: pointer; height:15px;width:15px; float: left; margin: 5px 0 0;}
.search_box input[type='text'] {font:300 14px/16px 'Lato',sans-serif ; color:#333333; border:none; background:#d7d7d7; float: left;margin-left: 6px; height: 18px;   margin-top: 2px; width:130px}
.body_container {width:100%; float: left;padding-bottom: 50px;}
.about_us {width:100%; float: left; }
.breadcrumbs {    float: left;width: 100%; padding:22px 0 13px 0}
.breadcrumbs li {float: left;font:400 18px/24px 'Lato',sans-serif ; color:#000; background: url(../images/breadcrumbs_iocn.png) no-repeat 7px 9px; padding:0 0 0 23px}
.breadcrumbs li.first {background: none; padding:0 0 0 7px}
.breadcrumbs li a  {color:#663399; text-decoration: underline}
.breadcrumbs li a:hover {text-decoration: none}
.left_container {   margin-left: 5px;width: 657px; float: left}
.box1 {width:auto}
.top_box {background: url(../images/top_box-bg.png) no-repeat 0 0; width:655px; height:23px; float: left }
.middle_box { background: url(../images/middle-box-bg.png) repeat-y 0 0; width:595px;; float: left; padding:0 36px 0 24px }
.bottom_box {background: url(../images/bottom-box-bg.png) no-repeat 0 0; width:655px; height:26px; float: left}
.about_blog {width:100%; float: left; padding:0px 0 0 0}
.about_blog h2 {font:300 36px/38px 'Lato',sans-serif  ; color:#663399 padding:0 0 27px 0}
.about_blog p {font:300 18px/21px  'Lato',sans-serif; color:#000; padding:0 0 0px 0}
.message_blog { border-top:2px solid #e1e1e1; float: left; width:100%; padding:32px 0 28px 0}
.message_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:0 0 11px 0}
.message_blog p {font:300 18px/21px 'Lato',sans-serif ; color:#000; padding-bottom:16px }
.thumb {float: left}
.message_text {float: left; padding:10px 0 0 10px}
.message_blog strong { font:300 18px/21px 'Lato',sans-serif ; color:#000; display: block}
.message_blog small {font:400 14px/16px 'Lato',sans-serif ; color:#000 }
.document_blog {border-top:2px solid #e1e1e1; float: left; width:100%; padding:45px 0 0 0}
.document_blog h3 {font:300 32px/36px 'Lato',sans-serif ; color:#663399}
.document_blog ul {width:100%; float: left; padding:14px 0 76px 0}
.document_blog ul li {width:100%; float: left; padding:0 0 20px 0}
.document_blog ul li a { float: left}
.document_blog ul li .document_text {float: left; width: auto; padding:5px 0 0 21px}
.document_blog ul li strong {  font:300 18px/24px 'Lato',sans-serif ; display: block}
.document_blog ul li span {font:400 14px/16px 'Lato',sans-serif; color:#000; font-style: italic}
.right_container {width:310px; float: right}
.box2 {width:100%; float: left}
.box2_top { background: url(../images/box2-top-bg.png) no-repeat 0 0; width:306px; height:13px; float: left}
.box2_middle { background: url(../images/box2-middle-bg.png) repeat-y 0 0; width:251px; float: left; padding:25px 30px 25px 25px}
.box2_bottom {background:url(../images/box2-bottom-bg.png) no-repeat 0 0; width:306px; float: left; height:20px }
.callout {float: left; padding-top:24px;   padding-bottom: 11px;}
.callout h3 {font:300 32px/34px 'Lato',sans-serif ; color:#663399 padding:0 0 23px 0}
.callout p {font:300 17px/24px 'Lato',sans-serif ; color:#000 ;padding:0 0 26px 0}
.callout .text {padding-bottom:25px}
.btn { width: auto; float: left}
.btn .left_btn {background: url(../images/btn-left.png) no-repeat 0 0; width:7px; height:41px; float: left }
.btn .middle_btn {background: url(../images/btn-bg.png) repeat-x 0 0; float: left; font:300 19px/21px 'Lato',sans-serif ; color:#FFF; padding:10px 28px}
.btn .right_btn {background: url(../images/btn-right.png) no-repeat 0 0; width:7px; height:41px; float: left }
.btn:hover .left_btn {background: url(../images/left-btn_hover.png) no-repeat 0 0;}
.btn:hover .middle_btn {background: url(../images/middle-btn_hover.png) repeat-x 0 0}
.btn:hover .right_btn {background: url(../images/btn-right_hover.png) no-repeat 0 0}
.join { margin: 0 0 0 4px; float: left}
.join .middle_btn {padding-left:18px;padding-right:19px;}
.contact_blog {padding: 33px 16px 0 0;width: 95%;}
.contact_blog h3 {font:300 32px/34px 'Lato',sans-serif ; color:#663399 padding:28px 0 19px 0}
.contact_blog p {font:300 18px/21px 'Lato',sans-serif; color:#000; padding:0 0 30px 0}
.contact_blog a {font:400 18px/21px 'Lato',sans-serif; color:#000; text-decoration: underline}
.contact_blog a:hover {text-decoration:none}
#footer {width:100%; float: left; border-top:6px solid #663399padding: 0 0 36px 0;}
.top_footer {width: auto; border-bottom:2px solid #e1e1e1; float: left; padding:15px 0; margin:0 0 0 16px}
.top_footer li {float: left; padding:0 0 0 35px}
.top_footer li.first { padding:0}
.top_footer li a {font:400 15px/26px 'Lato',sans-serif ; color:#000; text-transform: uppercase}
.top_footer li a:hover {text-decoration: underline}
.footer_bottom {width:75%; float: left; padding:12px 0 0 0;}
.left_footer {width: 213px;; float: right; padding:0 0 0 17px}
.left_footer h4 {font:400 18px/26px 'Lato',sans-serif ; color:#000; margin-left: -360px;}
.left_footer h4 a {color:#000; margin:0 0 0 6px; margin-left:}
.left_footer h4 a:hover {text-decoration: underline}
.left_footer p {font:300 12px/16px 'Lato',sans-serif; color:#000; padding:4px 0 0 0; margin-left: -360px;}
.footer_logo {float: left; width: auto; padding:0px 50px 0 40px; margin-left: -40px;}
.footer_logo li {float: right; padding:0 50px 0 32px}


/****** index ****/
.home_container {padding:11px 0 0 0; float: left; width:100%}
.control_blog { border-bottom: 2px solid #8653B9;margin-left: 7px; margin-right: 13px;padding: 9px 0 48px;}
.control_blog h2 {font:300 42px/46px 'Lato',sans-serif; color:#663399  padding-bottom: 20px;}
.control_blog p {font:300 18px/24px 'Lato',sans-serif; color:#000; }
.control_blog p a {color:#663399 text-decoration: underline}
.control_blog p a:hover {text-decoration: none}
.news_blog {float: left; padding:24px 0 42px 10px}
.news_blog h3 {font:300 32px/36px 'Lato',sans-serif ; color:#8653b9;padding-bottom: 6px; clear: both; display: block}
.news_blog p {font:300 18px/22px 'Lato',sans-serif; color:#000 ; clear: both; display: block}
.news_blog h4 {font:400 18px/21px 'Lato',sans-serif; color:#000 ; padding:28px 0 5px 0; clear: both; display: block}
.news_blog span {font:400 14px/18px 'Lato',sans-serif; color:#000; display: block; padding-bottom:14px }
.news_blog a {font:100 18px/21px 'Lato',sans-serif; font-style: italic; color:#663399 text-decoration: underline; float: left; margin: 4px 0 0;}
.news_blog a:hover {text-decoration: none;}
.news_blog .text {padding:29px 0 0 0}
.press {float: left; margin:26px 0 0 0}
.press h3 {font:300 32px/34px 'Lato',sans-serif; color:#8653b9; padding: 19px 0 3px 2px; }
.press span {font:300 18px/30px 'Lato',sans-serif; color:#000; padding:0 0 0 6px }
.press h4 {font:400 21px/25px 'Lato',sans-serif; color:#000;padding:18px 0 0 6px }
.press strong { font:400 18px/21px 'Lato',sans-serif; color:#000; display: block;  padding: 11px 0 0 6px; clear: both}
.press p {font:300 18px/23px 'Lato',sans-serif; color:#000;padding: 11px 0 13px 6px; display: block;}
.press a {font:300 18px/24px 'Lato',sans-serif; color:#663399 display: block; float: left;  margin: 0 0 0 8px; text-decoration: underline}
.press a:hover {text-decoration: none}
.press .link { clear: both}
.press .text {padding:35px 0 3px 7px}
.press .middle_box { padding-bottom: 31px;}
.press small {font:300 14px/16px 'Lato',sans-serif; color:#000;   padding: 8px 0 9px 9px; clear: both; display: block }
.press .travels {padding:18px 0 0 10px}
.press .travels2 {padding:27px 0 0 9px}
.topics {padding:31px 0 0 0}
.topics h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399; padding:17px 0 24px 0}
.topics ul { padding: 7px 0 0 6px;width: 239px; float: left}
.topics ul li { border-bottom:1px solid #ccc; font:400 18px/24px 'Lato',sans-serif; color:#000;padding:13px 0 }
.topics ul li a { color : black; }
.visit { width: auto; float: left; margin:28px 0 0 6px}
.left_visit { background: url(../images/visit-left-btn.png) no-repeat 0 0; width:6px; height:41px; float: left }
.middle_visit {background: url(../images/visit-miidlde.png) repeat-x 0 0; float: left; font:300 19px/26px  'Lato',sans-serif; color:#fff; padding:6px 16px 9px 22px }
.right_visit {background: url(../images/visit-right-btn.png) no-repeat 0 0; float: left; width:9px; height:41px}
.topics .box2_middle { padding-bottom: 19px;}


/***** browse page *****/
.browse_container {width:100%; float: left;}
.smoke_blog {float: left;  border-bottom:2px solid #000; padding:22px 0 64px 10px}
.smoke_blog h2 {font:300 30px/35px 'Lato',sans-serif; color:#000; border-bottom:2px solid #000;padding-bottom: 15px; }
.smoke_blog small {font:300 18px/21px 'Lato',sans-serif; color:#000; display: block; clear: both; padding:26px 0 0 9px }
.smoke_blog h4 { font:300 32px/35px  'Lato',sans-serif; color:#663399 padding:0 0 0 5px}
.smoke_blog .press {border-top:1px solid #e1e1e1; width:528px; margin:13px 0 0 43px; padding:19px 0 48px 0}
.smoke_blog h5 {font:300 24px/26px 'Lato',sans-serif; color:#000; display: block; background: url(../images/arrow.png) no-repeat right 7px; margin-right:8px; padding: 0 0 16px 5px; }
.smoke_blog .press p {padding:12px 0 15px 6px}
.smoke_blog .press .text {padding-top: 28px;}
.smoke_blog .press2  {float: left; margin:0px 0 0 44px; padding:5px 0 2px 0}
.smoke_blog .press2 h5 {background: url(../images/arrow-left.png) no-repeat right 4px ; padding:8px 0 7px 0}\
.smoke_blog2 {padding:0; border-bottom:none!important}
.smoke_blog2 .press {padding:0}
.smoke_blog2 .press h5 {background: url(../images/arrow-left.png) no-repeat right 14px ; padding:10px 0 10px 8px}
.smoke_blog2 .press2 {padding:0}
.smoke_blog2 .press2 h5 {padding:10px 0 10px 6px; background-position: right 14px }
.box2_top2 {background: url(../images/top_box-bg2.png) no-repeat 0 0; width:306px; height:19px; float: left; padding-bottom:35px;}
.browse_blog {float: left;  padding-top: 18px;}
.browse_blog h3 {font:300 32px/31px 'Lato',sans-serif; color:#663399 padding-left: 5px; }
.category {    margin:10px 0 0 -6px; padding: 0 0 18px 0;width: 265px; float: left}
.category li {float: left; width:100%}
.category li a {display: block; font:300 17px/21px 'Lato',sans-serif; color:#000;background: url(../images/link_arrow.png) no-repeat  244px 12px; padding:7px 0 9px 15px }
.category li a:hover, .category li.current-cat a { color:#fff;background:#8653b9 url(../images/link_arrow-hover.png) no-repeat 244px 12px}
.date_blog {float: left; padding:31px 0 0 0}
.date_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:19px 0 24px 2px}
.date_blog p {font:400 18px/21px 'Lato',sans-serif; color:#000; padding:0px 0 13px 10px}
.date_blog ul {float: left; width:241px; border-top:1px solid #e1e1e1;margin: 0 0 0 6px;padding-bottom: 39px;}
.date_blog ul li {padding:15px 0 0 27px; background: url(../images/link_arrow.png) no-repeat 230px 20px }
.date_blog ul li a {font:300 18px/21px  'Lato',sans-serif; color:#000 }
.date_blog ul li a:hover {text-decoration: underline}
.date_blog .box2_middle {padding-bottom: 34px;}
.date_blog p a {color: #000;}
.smoke_blog3 {float: left; padding: 34px 0 0 9px; width: 97%;}
.smoke_blog3 h2 {font:300 30px/34px 'Lato',sans-serif; color:#000; border-bottom:2px solid #000; padding:0 0 10px 0 }
.smoke_blog3 small {font:300 18px/22px  'Lato',sans-serif; color:#000; padding:26px 0 0 0;  display: block; clear: both}
.heading2 {padding:7px 0 20px 8px !important}
.blog2 {float: left; width:587px; border-top:2px solid #000; margin: 62px 0 0 0;}
.blog2 p {font:300 18px/21px  'Lato',sans-serif; color:#000; padding:22px 0 0 11px; clear: both; display: block }
.blog2 h4 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:5px 0 28px 9px }


/********* Forum page  *************/
.form_container { float: left; padding:9px 0 0 0; width:100%}
.form_container .breadcrumbs {width:90%; padding-left:9px}
.forum {float: left; width: 999px;}
.forum_blog {float:  left; min-height: 2001px;}
.forum_blog h2 {font:300 32px/35px 'Lato',sans-serif; color:#663399 padding: 19px 0 0 16px; }
.forum_blog strong  {font:400 18px/21px 'Lato',sans-serif; color:#000; display: block; padding:36px 0 6px 16px }
.forum_blog p {font:300 18px/21px 'Lato',sans-serif; color:#000; padding: 0 0 0 17px; }
.forum_blog p a { color:#663399 text-decoration: underline; font-style: italic}
.forum_blog p a:hover {text-decoration: none}
.member_login {float: left; padding: 0 0 0 8px;}
.member_login h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:25px 0 0 2px}
.member_login ul {  float: left;padding: 21px 0 2px 6px !important;width: 88%;}
.member_login ul li {width:100%; float: left; padding:0 0 15px 0}
.member_login ul li input[type='text'], .registration input[type='text'], .registration input[type='email'], .registration input[type='password'], .wpum-form input[type='text'], .wpum-form input[type='email'], .wpum-form input[type='password'] {width:220px; height:35px; float: left; background:#ebebeb; border:1px solid #c4c4c4; border-right:none; border-bottom:none; font:300 18px/35px 'Lato',sans-serif; color:#000; padding:0 10px 0 10px; border-radius:5px;behavior:url(common/images/PIE.htc); position: relative }
.member_login ul li input[type='password'] {width:220px; height:35px; float: left; background:#ebebeb; border:1px solid #c4c4c4; border-right:none; border-bottom:none;padding:0 10px 0 10px;border-radius:5px; line-height:35px;behavior:url(common/images/PIE.htc); position: relative }
.member_login ul li .checkbox {background: url(../images/check-box.png) no-repeat 0 0; float: left; width:26px; height:26px}
.member_login ul li label { cursor: pointer }
.member_login ul li label small {color:#000;font:300 14px/16px 'Lato',sans-serif;padding: 8px 0 0 3px; float: left}
.member_login ul li input[type='submit'], .registration input[type='submit'] {background: url(../images/submit-bg.png) no-repeat 0 0; width:117px; height:41px; float: left; border:none; text-align: center; font:300 20px/22px 'Lato',sans-serif; color:#fff;margin: 3px 0 0 124px; cursor: pointer}
#wpum-submit-password-recovery-form input[type='submit'][name="submit_password_recovery"] {width:auto; background: url(../images/submit-bg-lg.png) no-repeat 0 0; min-width:117px; }
.member_login p {font:300 14px/18px 'Lato',sans-serif; color:#5910ab;padding: 0 0 13px 31px; }
.member_login p a { color:#5910ab; margin: 0 11px 0 8px}
.member_login p a:hover {text-decoration: underline}
.outer_page {width:100%; float: left}
.outer_page {border-top: 1px solid #ccc; width:100%; float: left; margin:100px 0 0 0}
.outer_page p {font:300 18px/36px 'Lato',sans-serif; color:#000;padding: 16px 0 0 39px; float: left }
.pager {width:auto; float: right; background:#fff; padding:10px 9px 6px 10px; margin: 14px 0 0;}
.pager li {float: left; padding:0 0 0 5px}
.pager li a {font:300 13px/15px 'Lato',sans-serif; color:#8653b9; border:1px solid #f2f2f2; padding:5px; float: left }
.pager li a.pager_arrow { padding:0}
.pager li span {color: #00BAEA;float: left; padding: 3px 0 0;}
.pager li a.active,.pager li a:hover { background:#f4f4f4; border:1px solid #e8e8e8}


/***** forum private ******/
.form_container2 {float: left;}
.form_container2 .forum_blog {min-height:auto}
.form_container2 .breadcrumbs {padding:29px 0 9px 9px}
.form_container2 .member_login {padding:0 0 0 0}
.form_container2 .forum_blog {min-height: 295px;}
.form_container2 .right_container {width:315px}


/****** help Peers *******/
.peer_contianer {float: left; width:100%; padding:7px 0 0 0;}
.help_blog {float: left; width:570px; padding: 11px 0 23px 10px;; border-bottom:1px solid #e1e1e1}
.help_blog h2 {font:300 42px/44px 'Lato',sans-serif; color:#663399; padding:0 0 10px 0;}
.peer_container .left_container {margin-left: 1px;}
.help_blog p {font:300 18px/24px 'Lato',sans-serif; color:#000 }
.help_blog h3 {font:300 32px/34px  'Lato',sans-serif; color:#663399; padding:20px 0 8px 0; border-bottom:2px solid #663399 }
.help_blog strong {font:400 18px/22px 'Lato',sans-serif; color:#000;  display: block;padding: 21px 0 0; clear: both }
.help_blog span {font:300 14px/24px 'Lato',sans-serif; color:#000;  font-style: italic; padding: 0 0 9px 0; display: block }
.help_blog a { font:300 18px/21px 'Lato',sans-serif; color:#663399 text-decoration: underline; margin: 1px 0 0 0; float: left}
.help_blog a:hover {text-decoration: none}
.help_blog .text2 { padding-top: 28px; border-bottom:none; margin:0}
.help_blog .text3 { padding-top: 28px; margin:0}
.help_blog .view {float: left; clear: both;   margin: 51px 0 0;}
.help_blog2 {border-bottom:none; padding:17px 0 41px 8px}
.peer_contianer .category {margin-top:18px; padding-bottom:0}
.work_blog {float: left;padding: 34px 0 0;}
.work_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399; padding:18px 0 21px 2px}
.work_blog p {font:300 18px/24px 'Lato',sans-serif; color:#000; padding:0 0 30px 0px }
.work_blog p a { font-weight:400; color:#663399; text-decoration: underline}
.work_blog p a:hover {text-decoration: none}

/****** jobs page *******/
.job_container {float: left; width:100%; padding:12px 0 0 0; }
.job_container .left_container {margin:0}
.posting_blog {padding:0}
.posting_blog h3 {font:300 42px/44px 'Lato',sans-serif; color:#663399 padding:16px 0 15px 13px }
.public_blog {width:570px; float:  left; border-bottom:1px solid #e1e1e1; padding:26px 0 30px 12px}
.public_blog h4 {font:400 21px/24px 'Lato',sans-serif; color:#000 }
.public_blog small {font:300 18px/24px 'Lato',sans-serif; color:#000; font-style: italic; display: block }
.public_blog p {font:300 16px/23px 'Lato',sans-serif; color:#000; padding:6px 0 0px 0; }
.public_blog span {font:400 13px/21px 'Lato',sans-serif; display: block; clear: both }
.public_blog a {font:300 16px/18px 'Lato',sans-serif; color:#663399 font-style: italic; text-decoration: underline; margin:12px 0 0 0; float: left; clear: both }
.public_blog a:hover {text-decoration: none}
.box2_top3 {background: url(../images/box2-top-bg2.png) no-repeat 0 0; width:307px; height:9px; float: left}
.box2_top6 {background:url(../images/box2-top-bg6.png) no-repeat 0 0!important; width:307px; height:9px!important; float: left }
.callout1_blog {float: left;padding-bottom: 29px;}
.callout1_blog  h3 {font:300 32px/35px 'Lato',sans-serif; color:#663399 padding:29px 0 0 3px }
.callout1_blog  p {color: #000000;font: 300 18px/24px 'Lato',sans-serif;padding: 25px 0 0 5px;}
.box2_top4 {background: url(../images/box-top4-bg.png) no-repeat 0 0; width:307px; height:9px; float: left }
.callout2_blog {float: left; padding:30px 0 0 0}
.callout2_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#333; padding:27px 0 0 6px  }
.callout2_blog p {color: #000000;font: 300 18px/24px 'Lato',sans-serif;padding: 22px 0 26px 8px;}
.callout3_blog {padding:25px 0 0 0; float: left}
.callout3_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#333;padding: 20px 0 20px 2px;}
.callout3_blog p {color: #000000;font: 300 18px/24px 'Lato',sans-serif; padding-bottom: 33px;}
.posting_blog .middle_box {padding-bottom: 6px;}



/******* resources page ******/
.resource_contianer {float: left;width: 100%;}
.resource_contianer .breadcrumbs {padding: 18px 0 13px 5px;}
.resource_blog {float: left; width:100%}
.resource_blog h2 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:16px 0 24px 16px }
.polices_blog {float: left; width:570px; border-top:1px  solid #e1e1e1; margin:0px 0 0 21px; padding:18px 0 51px 0}
.polices_blog h3 {font:300 24px/28px 'Lato',sans-serif; color:#000; display: block ; padding:0 0 46px 0}
.services_blog {width:507px; float: left; padding:0 0 28px 0}
.icon {float: left; padding:3px 19px 0 9px}
.services_blog h4 {font:300 18px/22px 'Lato',sans-serif; color:#000;  padding-bottom: 5px;}
.services_blog strong {font:300 14px/18px 'Lato',sans-serif; color:#000; font-style: italic}
.services_blog p {font:300 18px/23px 'Lato',sans-serif; color:#000; padding:12px 0 15px 0}
.services_blog a {font:400 18px/21px 'Lato',sans-serif; color:#663399 text-decoration: underline }
.services_blog a:hover {text-decoration: none}
.browse_type {float: left; padding:18px 0 0 0}
.browse_type h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399; display: block; padding:13px 0 0 10px }
.material {width:250px; float: left; padding:34px 0 0 15px}
.material li {width:100%; float: left; padding:0 0 49px 0}
.material li.first {padding-bottom:29px}
.material li.last {padding-bottom:25px}
.material li .icon2 {float: left; padding:7px 0 0 0 }
.material li .contain {width:190px; float: left; padding-left:16px}
.material li .contain strong {font:400 18px/21px 'Lato',sans-serif; color:#000; display: block}
.material li .contain span  {font:300 16px/21px 'Lato',sans-serif; color:#000 }
.material li a {color: #000;}
.box3 { background:#fff url(../images/event-bg.png) no-repeat 202px 0; border-radius:8px ; box-shadow: 0 1px 3px #d2d2d2; width: 302px;behavior:url(common/images/PIE.htc); position: relative;}
.box3 h3 {font:400 24px/28px 'Lato',sans-serif; color:#663399 background: url(../images/event-arrow.png) no-repeat 274px 21px; padding:19px 0 23px 29px }
.category2 {float: left; padding:17px 0 25px 0}
.category2 h3 {padding-bottom: 11px;}
.category2 ul {padding-bottom:0}



/**** state-detail ******/
.state_contianer {float: left; width:100%; }
.state_contianer .breadcrumbs {padding:47px 0 0 0}
.members_blog {float: left}
.members_blog .middle_box {padding:0 36px 49px 24px}
.members_blog h2 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:31px 0 0 13px }
#accordion {float: left; width:100%}
.outer_contact {border-bottom:1px solid #e1e1e1; float: left; padding:0 0 53px 0; width:100%}
.top_contact {padding: 26px 0 0 13px;width: 94%; float: left}
.top_contact h3 { padding:0 0 9px 0; }
.top_contact strong {font:300 18px/21px 'Lato',sans-serif; color:#000; display: block ; padding: 0 0 6px 0; clear: both}
.top_contact span {font:300 18px/21px 'Lato',sans-serif; color:#000; display: block; clear: both}
.top_contact .link2 {font:300 18px/21px 'Lato',sans-serif; color:#663399 font-style: italic ;   text-decoration: underline; }
.top_contact .link2:hover {text-decoration:none}
.outer_contact h3 {background: url("../images/arrow2.png") no-repeat scroll right 0;display: block;font:300 18px/21px 'Lato',sans-serif; color:#000;cursor: pointer }
.outer_contact h3 a {color:#000;display: block;}
#accordion .active h3 {background: url("../images/active-arrow.png") no-repeat right 0}
.bottom_contact { width:100%; float: left; padding:40px 0 0 0;}
.outer_contact2 {float: left;  padding-bottom: 28px;}
.outer_contact3 {padding-bottom: 29px;}
.member {width:145px; float: left; margin:0 0 0 14px}
.top_border { background: url(../images/border-top.png) no-repeat 0 0; width:145px; height:7px; float: left}
.middle_border {background: url(../images/border-middle.png) repeat-y; width:145px; text-align: center; float: left }
.middle_border img {float: left; padding: 0 0 0 6px;}
.bottom_border {background: url(../images/border-bottom.png) no-repeat 0 0; width:145px; height:8px; float: left;}
.address_blog {width:301px; float: left; margin:0 0 0 26px; font:300 18px/24px 'Lato',sans-serif;}
.address_blog span { display: block; font:300 18px/21px 'Lato',sans-serif; color:#000}
.address_blog ul {padding:14px 0 0 0}
.address_blog ul li {font:300 18px/21px 'Lato',sans-serif; color:#000}
.programs_blog {width:100%; float: left; padding:78px 0 0 0}
.programs_blog h2 {font:300 32px/34px  'Lato',sans-serif; color:#663399 padding:0 0 10px 14px }
.programs_blog p {font:300 15px/18px 'Lato',sans-serif; color:#000; font-style: italic; padding:0 0 10px 13px}
.programs_blog a {font:400 16px/18px 'Lato',sans-serif; color:#663399 text-decoration: underline; float: left; margin:0 0 0 14px }
.programs_blog a:hover {text-decoration: none}
.programs_blog ul { width: 170px; float: left; clear: both; padding:25px 0 0 12px}
.programs_blog ul li {width:100%; float: left; padding:0 0 18px 0}
.programs_blog ul li span {float: left}
.programs_blog ul li a {font:400 18px/21px 'Lato',sans-serif; color:#000; text-decoration: none; margin:16px 0 0 11px}
.programs_blog ul li a:hover {text-decoration: underline}
.resources_blog {float: left; border-bottom:1px solid #e1e1e1; padding:63px 0 38px 14px}
.resources_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:0 0 19px 0 }
.resources_blog h4 {font:400 21px/34px 'Lato',sans-serif; color:#000; padding:0 0 7px 0}
.resources_blog p {font:300 16px/23px 'Lato',sans-serif; color:#000 }
.resources_blog a {font:300 16px/22px 'Lato',sans-serif; color:#663399 text-decoration: underline }
.resources_blog a:hover {text-decoration: none}
.resources_blog2 {padding:14px 0 26px 14px}
.resources_blog2 p {padding-bottom:10px}
.resources_blog2 .text {padding:26px 0 9px 0}
.states_blog2 {float: left; padding:14px 0 0 0}
.states_blog2 .box2_middle {  padding:0 10px 61px 25px;width: 271px;}
.states_blog2 h3 {font:300 32px/34px  'Lato',sans-serif; color:#663399 padding:17px 0 13px 4px }
.left_city {   padding: 0 0 0 9px;width: 127px; float:  left}
.left_city li {width:100%; float: left}
.left_city li a {color:#000; font:400 14px/18px 'Lato',sans-serif; display: block ;  padding: 3px 0;}
.left_city li a:hover, .left_city li.current a { background:#663399 color:#fff}
.right_city {width:115px; float: left; padding:0 0 0 13px}
.right_city li a {color:#000; font:400 14px/18px 'Lato',sans-serif; display: block; padding: 3px 0; }
.right_city li a:hover, .right_city li.current a { background:#663399color:#fff}
.contact_blog3 {float: left; padding:25px 0 0 0}
.contact_blog3 .box2_middle {width:262px; padding:0 30px 16px 25px}
.contact_blog3 h3 { padding:21px 0 23px}
.bio {word-wrap: break-word;height: auto;padding-top:20px;color:#000;font: 300 18px/23px "Lato",sans-serif;float:left;clear:both;margin-left:14px;}



/**** state page *******/
.state_contianer2 {width:100%; float: left;}
.state_contianer2 .left_container { margin-left:9px}
.network_blog {float: left; padding:16px 0 0 16px}
.network_blog h2 {font:300 42px/43px 'Lato',sans-serif; color:#663399; padding:0 0 10px 0 !important;}
.network_blog p {font:300 18px/23px 'Lato',sans-serif; color:#000; display: block; padding:0 0 10px 0 !important; }
.network_blog p a {color:#663399 text-decoration: underline}
.network_blog p a:hover { text-decoration: none}
.network_blog a {font:400 18px/23px 'Lato',sans-serif; color:#663399 text-decoration: underline}
.network_blog a:hover {text-decoration: none}
.network_blog h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:60px 0 14px 0}
.network_blog span {font:300 18px/21px  'Lato',sans-serif; color:#000; display: block; clear: both }
.network_blog .map {float: left; padding:32px 0 0 0}
.network_blog strong {font:300 32px/34px 'Lato',sans-serif; color:#663399 }
.outer_contact3 h2 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:35px 0 27px}
.outer_contact3 .heading {font:300 21px/17px 'Lato',sans-serif; color:#000 }
.outer_contact3 small {font:300 16px/20px 'Lato',sans-serif; font-style: italic; display: block; clear: both; padding:9px 0 0 0 }
.state_contianer2 .right_container { width: 303px;}
.state_contianer2 .states_blog2 {padding:0}


/***** TTAC page *****/
.category_container {width:100%; float: left;}
.category_container .breadcrumbs {padding:31px 0 13px 10px}
.category_container .left_container {margin-left:10px}
.press_blog2 {float: left; padding:16px 0 0 11px; display: block}
.press_blog2 h2 {font:300 36px/38px 'Lato',sans-serif; color:#000; }
.press_blog2 p {font:300 18px/23px 'Lato',sans-serif; color:#000; padding:15px 0 18px 0 }
.press_blog2 a {font:300 18px/22px 'Lato',sans-serif; color:#663399 text-decoration: underline }
.press_blog2 a:hover {text-decoration: none}
.text2 {font:400 24px/26px 'Lato',sans-serif; color:#000; border-bottom:2px solid #000; display: block; clear: both ; margin: 0 0 0 5px; padding: 40px 0 15px;}
.accordion2 {float: left; padding:0 0 335px 0}
.accordion2 h2 {font:300 32px/34px  'Lato',sans-serif; color:#663399 padding:38px 0 20px 8px }
.accordion2 .outer_contact {   margin: 0 0 0 50px;width:536px; padding-bottom: 3px;}
.accordion2 .top_contact {padding:7px 0 0 0; width:99%}
.accordion2 .top_contact h3 {font:300 22px/28px  'Lato',sans-serif; color:#000;   background: url("../images/arrow2.png") no-repeat right 10px ; }
.accordion2 .active h3 { background:url("../images/arrow.png") no-repeat right 10px !important}
.accordion2 .press {margin:7px 0 0 0; padding-bottom:44px}
.accordion2 .heading {font:300 32px/34px  'Lato',sans-serif; color:#663399 padding:80px 0 10px 14px; float: left}
.box2_top4 {background:url("../images/box2-top-bg.png") no-repeat 0 0; width:305px; height:12px; float: left;}
.subscribe_Sec {float: left}
.subscribe_Sec h3 {font:300 32px/34px 'Lato',sans-serif; color:#663399 padding:25px 0 13px 0}
.sign {width:109px; float: left; background:url("../images/singup-bg.png") repeat-x 0 0; padding:10px 0; text-align: center; font:300 20px/21px  'Lato',sans-serif; color:#fff; border-radius:5px;;behavior:url(common/images/PIE.htc); position: relative}
.learn {width:125px; float: left; background:url("../images/singup-bg.png") repeat-x 0 0; padding:10px 0; text-align: center; font:300 20px/21px  'Lato',sans-serif; color:#fff; border-radius:5px; margin:0 0 0 7px;;behavior:url(common/images/PIE.htc); position: relative}
.sign:hover {background:url("../images/btn-rollover.png") repeat-x 0 0}
.subscribe_Sec  .active {background:url("../images/btn-rollover.png") repeat-x 0 0}
.learn:hover {background:url("../images/btn-rollover.png") repeat-x 0 0}
.subscribe_Sec p {padding:20px 0 4px 0; font:300 14px/16px 'Lato',sans-serif; color:#000; clear: both; display: block}
.subscribe_Sec p a {color:#663399 font-weight:700; text-decoration: underline}
.subscribe_Sec p a:hover {text-decoration: none}
.browser_blog3 {padding:25px 0 0 0}





/* Extra CSS added */
.purple h3 { color:#663399; }
.black h3 {color: #000;}
.blue h3 {color: #663399}
.message_blog .thumb img {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #c0c0c0; padding: 3px;}
.resource_blog .middle_box h6 {margin-bottom: 10px; padding-left: 16px;}
.help_blog p {margin: 18px 0; min-width: 25em;}
.help_blog p a {float: none;}
.polices_blog p, .about_blog p {font:300 18px/24px 'Lato', sans-serif; color:#000; min-width: 25em; max-width: 33em; margin: 10px 0; }
input.styled { display: none; }
select.styled { position: relative; width: 190px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }
.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.left_container_full_width {width: 990px;}
.top_box_full {background: url(../images/top_box_full.png) no-repeat 0 0; width: 990px; height: 23px; float: left;}
.middle_box_full { background: url(../images/middle-box-full.png) repeat-y 0 0; width:930px;; float: left; padding:0 36px 10px 24px }
.bottom_box_full {background: url(../images/bottom-box-full.png) no-repeat 0 0; width: 990px; height:26px; float: left}
div.registration { padding-top: 15px;}
.registration input[type='text'], .registration input[type='password'] { float: none; }
.registration input[type='submit'] { margin: 0; float: none;}
.registration table tr > td { padding: 10px 10px 10px 0;}
.resource_blog h2.title {padding-bottom: 0;}
.resource_blog div.public_blog {padding-top: 0;}
.resources_blog_top_line {border-top: 1px solid #e1e1e1; padding-top: 30px; margin-top: 10px;}
.job_container {padding: 0;}
.states_blog2 {padding: 0;}
.states_blog2 h3 {padding-right: 4px; }
.press a.header {margin: 0; float: none; text-decoration: none;}
.widget .topics, .widget .contact_blog {padding-top: 0;}
.news_archive .help_blog {padding-bottom: 0; border-bottom: none;}
.news_archive .help_blog h2 {border-bottom: 1px solid #e1e1e1;}
.news_single .about_blog h2 {padding: 0;}
.news_date {padding-bottom: 27px;}
.prevnext a {font:300 18px/24px 'Lato',sans-serif; color: #663399}
.help_blog.four04 {width: inherit; border-bottom: 0; padding-bottom: 0;}
.help_blog.four04 h2 {font-size: 39px;}
li.widget {list-style-type: none;}
.press a .front_link {float: none;}
.press a.moreLink { float: none; }
.help-peers-cats {padding-bottom: 30px;}
.page_content {padding: 0 0 30px 12px;}
.page_content p {font:300 18px/24px 'Lato', sans-serif; margin: 18px 0;}
.page_content ul {margin-left: 30px; list-style-type: disc;}
.errors p {	color: #B94A48;	background-color: #F2DEDE;	border: 1px solid #EED3D7;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; padding: 8px 35px 8px 14px; margin-top: 10px;}
.network_blog.login_page { width: 100%; }
.network_blog.login_page p {padding-bottom: 3px;}
.network_blog.login_page li {font: 300 18px/23px 'Lato',sans-serif;}
p.no-indent { padding: 0; }
#pass-strength-result { width: 100%; }
div.contain strong {padding: 3px;}
ul.material li:hover > div.contain strong { background-color: #663399 color: white;}
.date_blog ul li a:hover {text-decoration: none;}
li.no-padding {padding: 0 !important;}
ul.category.date_select li a:hover { color:#fff;background:#663399 url(../images/link_arrow-hover.png) no-repeat 220px 13px;}
ul.category.date_select li {background: url(../images/link_arrow.png) no-repeat 220px 13px;}
.page_navigation { padding: 10px 10px 10px 10px; margin: 30px 0 0; float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e1e1e1;}
.page_navigation a:visited {color: #663399}
.alignright {float: right;}
.alignleft {float; left}
.resources_blog h4 {padding: 0;}
.resources_blog2 p {padding: 10px 0;}
.about_blog h2, .press_blog2 h2, .resource_blog h2 {color: #663399; font: 300 42px/44px 'Lato',sans-serif;}
/*.menu {overflow: hidden;}*/
body {-webkit-background-size: 100%;, -moz-background-size: 100%;, -o-background-size: 100%; background-size: 100%;}
.about_blog ul, .polices_blog ul, .public_blog ul, .message_blog ul, .help_blog ul {list-style: disc; padding-left: 40px; padding-bottom: 10px;}
.middle_nav ul li.first {text-decoration: none;}
.press_blog2 ul, .network_blog ul, .control_blog ul { margin-left: 40px; list-style-type: disc;}



/* BB PRESS things */
#bbpress-forums {font:300 18px/24px 'Lato',sans-serif;}
li.bbp-forum-info {width: 500px;}
.bbp-form {width: 890px;}

.bbp-submit-wrapper {
    float: left !important;
}

/* All underlines on links */
* a:link {text-decoration: none !important; }
* a:hover {text-decoration: none !important;}




/************************************************************* Style Sheet is Written by Sudhansu **************************************************/

.logo{
    margin-left:0;
}
.login ul li{
    padding-left:15px;
}
.navbar-toggle, .top_box, .bottom_box, .box2_top4, .box2_top, .box2_bottom, .top_box_full, .bottom_box_full{
    display:none;
}
.middle_box, .box2_middle{
    background:none;
    width:auto;
    padding:0;
}
.middle_box_full-width{
    width: 100%
}
.bbp-body li {
    width: 14% !important;
}
ul.forum-titles li {
    width: 25% !important;
}
li.bbp-forum-info, li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    width: 25%;
}
/*.forum {
    float: left;
    width: 98%;
}
li.bbp-forum-info {
    width: 98%;
}*/
#bbpress-forums li.bbp-header li.bbp-forum-info, #bbpress-forums li.bbp-body li.bbp-forum-info, #bbpress-forums li.bbp-header li.bbp-topic-title, #bbpress-forums li.bbp-body li.bbp-topic-title
.left_container_full_width{
    width:100%;
}
.middle_box_full{
    background:#ffffff !important;
    width:100%;
    float:left;
    padding:45px 30px 20px 30px;
    background:#ffffff;
    box-shadow:0 0 1px 1px #aeaeae;
    border-radius:10px;
}

.network_blog{
    padding:0;
    width:100%;
}
.search_box {
    padding: 2px 10px 5px 10px;
}

.left_container {
    margin-left: 0;
    padding:45px 30px 20px 47px;
    width: 60%;
    float: left;
    background:#ffffff;
    box-shadow:0 0 1px 1px #aeaeae;
    border-radius:10px;
    margin-right:2%;
}
.right_container, .form_container2 .right_container{
    width:30%;
    float:right;
}
.box2.blue{
    border-top:10px solid #663399;
}
.box2{
    background:#ffffff;
    box-shadow:0 0 1px 1px #aeaeae;
    border-radius:10px;
    margin-bottom:15px;
}
.box2_middle{
    padding:35px 20px;
}
.footer_bottom {
    padding: 12px 0;
}
.login ul{
    padding-left: 12px;
}

.seacher
{
    float: right;
    position: relative;
    /*top: 94px;*/
    word-break: break-all;
    width: auto;
}
.body_container .member_login .cptch_input {float: none;}
/**********Style Sheet is Written by Sudhansu on May 13 2016 Start***********/
.col-3{
    width:33%;
    float:left;
    padding:0 15px;
    text-align:right;
}
.col-9{
    width:55%;
    float:left;
}
.form-group{
    margin-bottom:20px;
    width:100%;
    float: left;
}
.text-center{
    text-align:center;
}
.form-control{
    width:95% !important;
}
/**********Style Sheet is Written by Sudhansu on May 13 2016 End***********/
/* Responsive part start */
@media (min-width: 768px) {
  .layout {
    width: 750px;
  }
  .navmenu{
    display:none !important ;
}
}

@media (min-width: 992px) {
  .layout {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .layout {
    width: 990px;
  }
}

@media screen and (min-width:992px) and (max-width: 1100px), (min-device-width: 992px) and
(max-device-width:1100px) and (orientation : landscape) {
.left_container {
    width:58%;
}
.right_container{
    float:left;
}

}

/*@media screen and (min-width:320px) and (max-width:600px), (min-device-width:320px) and
(max-device-width:600px) and (orientation : landscape) {
.left_container {
    width:58%;
}
.right_container{
    float:left;
}

}*/

@media screen and (max-width: 991px) {
.seacher
{
    float: right;
    position: relative;
    top: 94px;
    word-break: break-all;
    right: -60px;
    width: 120px;
}
    .bbp-body li {
        width: 17% !important;
    }
    .logo {
        margin: -20px 0 20px 0;
    }
    .login{
        width:370px;
    }
    .logo img {
        width: 200px;
    }
    .menu ul li a{
        padding:17px 5px;
    }
    .footer_bottom{
    	width: 100%;
    }
    .top_footer li {
	    padding: 0 0 0 12px;
	}
	.footer_logo li {
	    padding: 0;
	}
    .footer_logo {
	    padding: 0px 0px 0 15px;
	    margin-left: 0;
	}
	.left_footer{
		width: 75%;
	}
	.left_footer h4, .left_footer p{
		margin-left: 0;
	}
    .left_container, .right_container {
        width:95%;
        float:left;
        margin-right:0;
        margin-bottom:15px;
        padding:10px;
    }
    .form_container2 .right_container {
        width: 95%;
        float:left;
        margin-right:0;
        margin-bottom:15px;
        padding:10px;
    }
    .right_container{
        padding:0;
    }
    .box2{
        padding:10px;
    }
    .middle_box_full{
        width:98%;
        padding:10px;
    }


    #bbpress-forums .box2_middle ul, .member_login .box2_middle ul{
        width:250px;
        margin:0 auto;
        float:none;
        text-align:center;
    }
    .member_login .box2_middle{
        float:none;
        text-align:center;
    }
    .member_login ul li input[type='submit'], .registration input[type='submit']{
        margin-left:0;
    }


}


@media screen and (max-width: 767px) {
/**********Style Sheet is Written by Sudhansu on May 13 2016 Start***********/
.col-3{
    width:100%;
    float:left;
    text-align:left;
    margin-bottom:5px;
    padding:0;
}
.col-9{
    width:100%;
    float:left;
}
/**********Style Sheet is Written by Sudhansu on May 13 2016 End***********/

.seacher
{
    float: none;
    position: relative;
    top: auto;
    word-break: break-all;
    right:  auto;
    width: auto;
}
    .middle_box_full{
        width:95%;
    }
    .layout{
        padding-left:15px;
        padding-right:15px;
    }
    .top_header .layout {
        margin-left: -15px;
    }
	ul.desk-menu{
        display:none;
    }
    .menu{
		height: auto;
	}
    .pos-relt{
         position:relative;
         width:100%;
         float:left;
    }
    ul.navmenu{
        display:none;
        background: #ffffff;
        width:250px;
        float: left;
        position:absolute;
        left:0;
        top:0;
        box-shadow: 0px 0px 9.8px 0.2px rgba(0, 0, 0, 0.22);
        /*z-index: 1;*/
        z-index: 25;
    }
    ul.navmenu li{
        width: 100%;
        float: left;
        border-bottom: 1px solid #423659;
		position: relative;
    }
    ul.navmenu li a{
    	color: #423659;
        padding: 12px 21px;
        display: block;
    }

    ul.navmenu li a:hover {
    	background: #8062b5;
    	color:#ffffff;
    }
    .navbar-toggle{
        display:block;
    }
    .navbar-toggle .navicon .icon-bar {
        background-color: #ffffff;
        display: block;
        width: 22px;
        height: 2px;
        margin-bottom:5px;
    }
    .navicon {
        position: relative;
        float: left;
        padding: 8px 10px;
        margin-top:5px;
        margin-right: 15px;
        margin-bottom: 0;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        cursor: pointer;

    }

    .navbar-toggle .sr-only {
        color:#fff;
        float:left;
        margin:18px 0 0 15px;
        font-weight: bold;
    }
    .login ul {
        float: right;
        position: absolute;
        top: -74px;
        right: 0;
        background: url(../images/login-bg.png) repeat 0 0;
        padding: 6px 10px;
    }
   .login ul li a {
        color: #ffffff;
    }
    .right_header {
        width: 100%;
        float: right;
    }
   .login {
        background: none;
        width: 100%;
        float: right;
        margin-right:0;
    }
    .search_box {
        background: #d7d7d7;
        width:98%;
        height: 35px;
        border-radius: 0;
        position: absolute;
        top: 0;
        margin-right:0;
    }
   .search_box input[type='submit'] {
        margin: 12px 0 0;
        vertical-align: middle;
    }
    .search_box input[type='text'] {;
        margin-top: 10px;
        width: 90%;
    }
    .outer_share {
        width: auto;
        float: left;
        padding: 10px 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .top_header {
        position: relative;
    }
    .menu{
        margin-top:35px;
    }
    .left_footer {
        width: 100%;
        padding-bottom:10px;
    }
    .footer_logo, .footer_logo li {
        width: 100%;
        text-align:center;
    }
    .top_footer{
        margin-right:0;
    }
    .top_footer li{
        width: 100%;
        padding:5px 0;
        border-bottom:1px solid #cccccc;
    }
    .top_footer li:last-child{
        border-bottom:0;
    }
    .help_blog, .public_blog{
        width:100%;
        padding-left:0;
    }
    .services_blog, .polices_blog {
            width: 80%;
    }
    .polices_blog p, .about_blog p{
        min-width:auto;
    }

    .top_nav {
        margin-right: 0;
    }

}

@media screen and (max-width: 480px) {
    .logo img {
        width: 105px;
    }
    .login ul {
        top: -38px;
        right: 0;
    }
    ul.logged-in{
        top:-69px;
    }
    .login ul li a {
        font-size: 15px;
    }

}

/*New Fixes after 19/1/2016*/
.__wps__wrapper #new-topic-button,
#symposium_new_post,
#cancel_post,
input[type='submit'],
input[type='button'],
#quick-reply-warning
{
     background: url("../images/submit-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    cursor: pointer;
    /*float: left;*/
    font: 300 20px/22px "Lato",sans-serif;
    height: 41px;
    margin: 0px 0px 10px 0px !important;
    text-align: center;
    width: 117px;
}
.__wps__wrapper #new-topic-button:hover,
#symposium_new_post:hover,
#cancel_post:hover
{
   text-decoration: none;
}
.__wps__wrapper .last_topic_text {
    padding-left: 10px;
    padding-top: 4px;
    width: 100%;
}
.__wps__wrapper .avatar {
    cursor: pointer;
    display: none;
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}
body .__wps__wrapper .first_topic {
    padding-left: 5px;
    padding-top: 10px;
}
body .__wps__wrapper .last_topic_text {
    padding-left: 20px;
    width: 100%;
    padding-top: 4px;
}
.__wps__wrapper .row_link {
    font-size: 28px;
    line-height: 32px;
    margin-left: 20px;
}
body .__wps__wrapper .first_topic_text {
      margin-left: 20px;
    width: auto;
}
body #fav_link{
    display: none;
}
.__wps__search_subject_row_div{
       background-color: #fff;
    color: #000;
    float: left;
    border-bottom: 1px solid #efefef;
    margin-left: 0!important;
    width: 100%;
        padding: 20px;
}
body .__wps__search_highlight {
     background-color: #fff;
    color: #8653b9;
}
.search-field{
        height: 40px;
}
body .__wps__wrapper .__wps__reply_box {
    padding-left: 15px;
}
.cptch_span {
	display:inline !important;
}
.cptch_reload_button{
	display:none;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	#map
	{
		height: 250px !important;
	}
}
@media only screen and (min-width : 481px) and (max-width : 640px) {
	#map
	{
		height: 275px !important;
	}
}
@media only screen and (min-width : 640px) and (max-width : 1024px) {
	.territories
	{
		top: 0px !important;
	}
	#map
	{
		height: 305px !important;
	}
}
@media only screen and (min-width : 1024px){

	#map, #map2
	{
		height: 388px !important;
	}
}
.registration tr td:first-child{
	width: 110px;
}
.box2_middle h3 {
padding: 9px 0px 10px 0px;
}
.left_container p { font: 300 18px/24px 'Lato', sans-serif; color: #000;margin-top:10px; }
.__wps__wrapper {
	border-top: 1px solid #cccccc;
	margin-top:12px !important;
}
#forum_breadcrumbs {
	font-weight: bold !important;
}
#topic_breadcrumbs {
	font-weight: bold !important;
	padding-top: 10px !important;
}
.toggle-arrow{
    cursor: pointer;
	float: right;
	width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.toggle-arrow.right-arrow{
	background: url(../images/arrow2.png) no-repeat scroll right 0;
}
.toggle-arrow.down-arrow{
	background: url(../images/active-arrow.png) no-repeat right 0;
}
ul.sub-menu.open{
	display: none;
}
ul.sub-menu{
	display: block;
}
ul.sub-menu a{
	margin-left:10px;
}

/*Ends: New Fixes after 19/1/2016*/
/* Begin: TCN 25th anniversary specific CSS */
       .featured-story{
            margin: 0 auto;
            margin-bottom:24px;
            width: 580px;
        }
        ul.story-list{
            margin-bottom: 0px;
            padding: 0px;
            width: 580px !important;
        }
        ul.story-list li{
            width: 580px!important;
        }
        .story-list .details{
            /*background:#0a77a2 url('../images/bg/feat-banner.png') repeat-x 0 0; */
			background:#423659 url('../images/bg/feat-banner.png') repeat-x 0 0;
            position: absolute;
            bottom: 0px;
            right: 0px;
            height:185px;
            width:200px;
            padding:29px 26px;
        }
        .story-list .type{color:#95dffd;font-size:11px;margin-bottom:5px;text-transform:uppercase;}
        .story-list h3 a{color:#fff;font:normal 24px/1.25 Arial, Helvetica, sans-serif;}
        #controls{
        	/*background:#2d2e2e url('../images/bg/feat-banner-bottom.png') repeat-x 0 100%;*/
        	background:#2d2e2e repeat-x 0 100%;
        	height:47px;
        	overflow:hidden;
        }
        #pager{border-left:1px solid #6f7070;float:right;height:22px;margin-top:12px;padding-left:7px;width:30%;}
        #pager a{color:#fff;float:left;font-size:11px;margin:5px 6px 0 0;padding:2px 5px;}
        #pager .activeSlide{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background:#fff;color:#7e898d;text-indent:-1px;width:5px;}
        #next-story{float:left;width:60%;padding:18px 20px 0 27px; overflow: hidden;}
        #next-story .next{color:#25aee5;font:normal 12px/1 Arial, Helvetica, sans-serif;letter-spacing:1px;margin-right:5px;text-transform:uppercase;}
        #next-story a{color:#bbb;float:left;font-size:13px;line-height:1.2;width:438px;}
        #next-story a:hover{text-decoration:none;}
        a,.site-nav a,.subnav a,.sitemap a{color:#0f88b8;text-decoration:none;}
        ul.story-list a.more{
            display:none;
        }
        .story-list > li,.story-list .story{
            display:none;
            height:243px;
            position: relative;
            width:600px;
        }

        .story-list > li:first-child{display:block;}

        @media screen and (max-width: 1101px) and (min-width: 991px){
            .featured-story, ul.story-list, ul.story-list li {
                width: 560px!important;
            }
        }

        @media screen and (max-width: 690px){
            ul.story-list{
                width: 100% !important;
            }
            .story-list{
                width: 100%!important;
            }
            ul.story-list li{
                width: 100%!important;
            }

            .story-list h3{
                margin-top: 0px;
            }

            .story-list h3 a{
                font-size: 15px;
            }

            .story-list .details{
                width: calc(100% - 390px)!important;
            }

            .story-list > li, .story-list .story{
                width: 100%;
            }

            .featured-story{
                width: 100%;
            }

            #next-story{
                display: none;
            }

            #pager{
                width: 140px;
                float: none;
                text-align: center;
                margin: 12px auto;
                border-left: none;
            }
        }

        @media screen and (max-width: 500px){
            ul.story-list{
                margin-bottom: 40px;
            }
            .story-list li{
                background-size : cover!important;
                background-position: center center !important;
                width: 100%!important;
            }

            .story-list .details{
                height: 50px;
                bottom: -50px;
                width: 100%!important;
                padding: 4px 10px 10px;
                box-sizing: border-box;
            }

            .story-list h3 a{
                font-size: 14px;
            }

            #pager{
                margin: 16px auto;
            }
        }

        .home-feature-image{
            width: 322px;
            float: left;
            height: auto;
            margin: 0 10px 0 0;
        }
        .home-feature-image img{
			width: 322px;
			border: 1px solid #000;
        }

        @media screen and (max-width: 400px){
            .home-feature-image{
                width: 100%;
                clear:both;
            }
             .home-feature-image img{
             	width: 100%;
             	border: 1px solid #000;
             }
        }
/* End: TCN 25th anniversary specific CSS */

/* Calendar specific styles */
.em.em-view-container {
    width: 100%;
}

.em.em-view-container .eventful {
    background: peachpuff;
    border-radius: 0rem;
}

.em.em-calendar .em-cal-body .em-cal-day.eventful .em-cal-day-date a {
    border-color: transparent !important;
    font-size: 18px !important;
}
.em.em-view-container .em-event.em-event-single {
    margin-top: 5rem;
}

.em.em-item.em-item-single.size-small .em-item-meta h3 {
    font-size: 20px !important;
}

.em.em-item.em-item-single>section {}
h3.event__list-month-header {
    margin-top: 1rem;
}

.em-funded-by-cdc-office:not(:empty),
.em-open-or-invitation-only:not(:empty) {
    margin-bottom: 25px;
}

.em-funded-by-cdc-office:not(:empty):before {
    content: 'Is the event funded by CDC Office on Smoking and Health?';
    display: block;
    font-weight: bold;
}
.em-open-or-invitation-only:not(:empty):before {
    content: 'Is this an open or invitation-only event?';
    display: block;
    font-weight: bold;
}

.prevnext.help_blog {
	padding-top: 30px;
}

.prevnext.help_blog a {
    word-spacing: .2rem;
}

.prevnext.help_blog a + a {
	display: inline-block;
    margin-left: 45px;
}

.registration .wpum-form fieldset label {
    align-items: center;
    gap: 5px;   
    display: flex;
}