/* Screen styles for AOHC */ 
/* Designed and developed by TCS Software */
/* Built October 2013 */  
 

/*
===========================================================================
@IMPORTED STYLESHEET: OLD_css_structure
---------------------------------------------------------------------------
*/

/**/

body
{
  background:#ffffff url(https://associationdatabase.com/aws/AOHC/am/gi/bg.jpg?ver=0) repeat-x left top;
  margin:0px;
  padding:0px;
}

#frame
{
  width:1000px;
  margin:0px auto;
  background:#fff;
  box-shadow:0px 0px 20px #000;
}



#social-media
{
  float:right;
  margin:0px 0px 20px 0px;
}

#social-media ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

#social-media ul li
{
  float:right;
  margin-left:5px;
}

#social-media ul li a:link, #social-media ul li a:visited
{
  display:block;
  font-size:20px;
  color:#fff;
  padding:10px;
  border:1px solid #fff;
  border-radius:20px;
  width:20px;
  height:20px;
  text-align:center;
}


.view_all
{
  float:right;
  width:100px;
  padding:3px 0px;
  background:#920D0A;
  border-radius:15px;
  text-align:center;
}

.view_all a 
{
  color:#fff !important;
  text-decoration:none;
}


.imgright
{
  margin:0px 0px 10px 10px;
}

.imgleft
{
  margin:0px 10px 10px 0px;
}



/* Header Styles ----------------------------------------------------------------------------- */

#header
{
  position:relative;
  height:170px;
  background:url(https://associationdatabase.com/aws/AOHC/am/gi/header_bg.jpg?ver=2) repeat-x left top;
}

#logo
{
  position:absolute;
  left:20px;
  top:20px;
}

h1#slogan
{
  position:absolute;
  bottom:20px;
  left:260px;
  font-weight:normal;
  font-size:1.6em;
  color:#182A57;
}

#public_health_logo
{
  position:absolute;
  bottom:20px;
  right:20px;
}

#toplinks
{
  position:absolute;
  right:0px;
  top:0px;
  width:650px;
  height:40px;
  background:url(https://associationdatabase.com/aws/AOHC/am/gi/toplinks_bg.png?ver=2) no-repeat right top;
}

#toplinks ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

#toplinks ul li
{
  float:right;
  margin:5px 10px;
}

#toplinks ul li a:link, #toplinks ul li a:visited
{
  color:#ffffff;
  padding:5px 0px;
  padding-left:30px;
  display:block;
  font-size:.8em;
}

#toplinks ul li a:hover
{
  color:#eeeeee;
}

#toplinks #contact a
{
  background:url(https://associationdatabase.com/aws/AOHC/am/gi/icon_contact.png?ver=1) no-repeat left center;
}

#toplinks #home a
{
  background:url(https://associationdatabase.com/aws/AOHC/am/gi/icon_home.png?ver=1) no-repeat left center;
}




#site_search
{
  width:220px;
}

#site_search input.search_button
{
  background:#920D0A;
  padding:2px 10px;
  color:#fff;
  border:0px solid #000;
}

#site_search .search_input
{
  padding:2px 10px;
  color:#777777;
  font-style:italic;
  width:120px;
  margin-right:10px;
}

#site_search .admin_controls
{
  font-size: .8em;
}


#site_search .admin_controls a
{
  color:#182A57 !important;
  display: inline !important;
  padding: 0px !important;
}



#classifieds_search
{
  background:#182A57;
  padding:10px 0px;
  text-align:center;
  margin-bottom:20px;
}

#classifieds_search .tcssearch
{
  
}

#classifieds_search input.search_button
{
  background:#920D0A;
  padding:2px 10px;
  color:#fff;
  border:0px solid #000;
}

#classifieds_search .search_input
{
  padding:2px 10px;
  color:#777777;
  font-style:italic;
  width:300px;
  margin-right:10px;
}







/* Nav Styles ----------------------------------------------------------------------------- */

#nav
{
  height:45px;
  background:#920D0A;
}

#nav ul 
{
  margin:0px;
  padding:0;
  list-style:none;
}
	
#nav li 
{
  float:left;
  margin:0;
  padding:0;
  width:166px;
}

#nav li a 
{
  display:block;
  padding:15px 0px;
  text-decoration:none;
  width:100%;
  text-align:center;
  height:15px;
  border-right: 1px solid #660000;
  color:#fff;
}
	
#nav a:hover, #nav li:hover 
{
  background:#660000;
}
	
#members
{
  background:#182A57;
  width:170px !important;
}

#members a
{
  color:#fff;
  border-right:0px !important;
}

#members a:hover, #members:hover
{
  background:#586587 !important;
}







	
/* subnav styles */

#nav ul li:hover ul, #nav li.sfhover ul 
{
  left: auto;
}

#nav ul li ul 
{
  position: absolute;
  padding:0;
  margin:0;
  left: -999em;
  font-size:1em;
  list-style:none;
  z-index:1000000;
  width:200px;
}

#nav ul li ul li 
{
  clear:both;
  margin:0;
  padding:0;
  border-right:0px;
}
	
#nav ul li ul li a, #nav ul li ul li a:visited
{
  display:block;
  padding:10px;
  text-align:left;
  background-color:#920D0A;
  color:#fff;
  width:210px;
  border-bottom:1px solid #660000;
}
	
#nav ul li ul li:hover, #nav ul li ul li a:hover, #nav ul li ul li.mem a
{
  background-color:#660000;
  background-image:none;
  color:#fff;
}

#members ul li a:link, #members ul li a:visited
{
  background-color:#182A57 !important;
  border-bottom:1px solid #586587 !important;
}
	
#members ul li a:hover, #members ul li:hover
{
  background-color:#586587 !important;
  background-image:none !important;
  color:#fff;
}






#nav ul li ul .admin_controls
{
  clear:left;
}

#nav ul li ul .admin_controls a
{
  color:#182A57;
  background: none;
  width: 90px;
  float: left;
  padding: 0px;
}









.sidenav
{
  margin:0px 0px 20px 0px;
  padding:0px;
  list-style:none;
}
 
.sidenav li a:link, .sidenav li a:visited
{
  margin:0px;
  padding:10px;
  border-bottom:1px solid #fff;
  display:block;
}

.sidenav li a:hover
{
  background:#e0e0e0;
}


























/* Pic Styles ----------------------------------------------------------------------------- */

#pic
{
  width:760px;
  float:right;
  position:relative;
  background:#182A57;
}

#pic_bg
{
  position:absolute;
  left:0px;
  top:0px;
  z-index:999;
  width:265px;
}

#pic_text
{
  position:absolute;
  left:30px;
  top:-5px;
  height:500px;
  width: 250px;
  color:#fff;
  font-size:1.1em;
  z-index:9999;
}

#pic_text a
{
  
}


















/* Content Styles ----------------------------------------------------------------------------- */

#content
{
  background:url(https://associationdatabase.com/aws/AOHC/am/gi/content_bg.jpg?ver=7) repeat-y left top;
}

#content_wide
{
  background:none;
  padding:20px;
}

#side
{
  float:left;
  width:200px;
  padding:20px;
}

#main
{
  width:720px;
  padding:20px;
  float:right;
}


















/* Footer Styles ----------------------------------------------------------------------------- */

#footer
{
  padding:20px;
  background:#182A57;
  color:#fff;
  font-size:.8em;
}

#footer a
{
  color:#fff;
  text-decoration:underline;
}

#tcspromo
{
  float:right;
  clear:right;
}





















/* Component Styles ----------------------------------------------------------------------------- */

.tcscalendars h3, .tcscalendars h4, .tcscalendars h5, .tcscalendars h6 .tcsnews h3, .tcsnews h4, .tcsnews h5, .tcslinks h3, .tcslinks h4, .tcslinks h5, .tcsjobs h3, .tcsjobs h4, .tcsjobs h5
{
  margin:0px 0px 10px 0px;
}

.tcscalendars h3
{
  margin:-10px 0px 15px 0px;
}

.tcscalendars h5
{
  font-size:1em;
}


.tcscalendars p, .tcsnews p, .tcslinks p
{
  margin:-10px 0px 10px 0px;
}

.tcsnews h3 a, .tcscalendars h3 a, .tcslinks h3 a, .tcsjobs h3 a
{
  color:#2C4A93 !important;
}

.tcscalendars h3, .tcslinks h3
{
  font-size:1.1em;
}






h5.tcsDetails
{
  display:none;
}








.tcsSubHeadFont
{
  color: #182A57;
  margin: 0px 0px 10px 0px;
  font-size: 1.2em;
  font-weight: bold;
}

#NewsResults, #CalendarResults, #LinksResults, #JobsResults
{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid #e0e0e0;
}






/* Calendar Styles ----------------------------------------------------------------------------- */


.tcscalendars ul 
{
  margin:0;
  padding:0;
}
	
.tcscalendars li 
{
  margin:.8em 0;
  padding:.5em 0;
  list-style:none;
  overflow: auto;
  width: 100%;
}
	
.tcscalendars h2 
{
  clear:left;
  padding:.6em 0 .2em 0;
  border-bottom:1px solid #182A57;
}

.tcscalendars h3
{
  padding:0px;0px;5px;0px;
}

.tcscalendars h6
{
  padding:10px;0px;0px;0px;
}
	
.tcscalendars .datestamp 
{
  width:100px;
  margin-right:10px;
  float:left;
  text-align:center;
  clear:left;
  padding:10px;
}
	
.tcscalendars .datestamp h5 
{
  color:#fff;
  padding:10px 0;
  text-transform:uppercase;
  display:block;
  background:#182A57;
  font-size:13px;
  width:100px;
}

.tcscalendars h5 span.bignumber 
{
  font:20px bold Helvetica, Arial, sans-serif;
  color:#fff;
}








/* calendarbox styles */

table.calendarbox 
{
  width:100%;
  margin-bottom:30px;
}

#calendarblock table.calendarbox 
{
  width:201px;
  margin-bottom:10px;
}

.subcol table.calendarbox 
{
  background-color:#fff;
}
	
.calendarbox th 
{
  text-align:center;
  width:26px;
  height:26px;
  color:#fff;
  font-weight:bold;
  vertical-align: middle;	
  background-color:#182A57;
}
	
.calendarbox td 
{
  text-align:center;
  vertical-align: middle;
  width:26px;
  height:26px;
  background-color:#fff;

}
	
.calendarbox tr.monthrow th 
{
  border:0;
  background-color:transparent;
  height:auto;
  padding:3px 0;
  text-align:center;
  color:#182A57;
}
	
.calendarbox tr.monthrow th a 
{
  text-decoration:none;
  font-size:1.4em;
  color:#182A57;
}

.calendarbox tr.monthrow th a:visited, .calendarbox tr.monthrow th a:hover 
{
  text-decoration:none;
}
	
.calendarbox td.todaydate 
{
  background-color:#920D0A;
  font-weight:bold;
  color:#fff;
}
	
td.eventdate 
{
  background-color:#182A57;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
}
	
.calendarbox td.eventdate.todaydate 
{
  background-color:#920D0A;
  border:3px solid #182A57;
  color:#fff;
}
	
td.eventdate a, td.eventdate a:hover, td.eventdate a:visited 
{
  color:#fff;
  text-decoration:none;
}
	
td.eventdate:hover 
{
  background-color:#182A57;
}
	
.events 
{
  position: relative;
  font-size:.8em;
}

.events ul 
{
  text-align: left;
  position: absolute;
  display: none;
  z-index: 1000;
  padding: 10px;
  margin:0;
  background-color:#182A57;
  color:#fff;
  width: 300px;
  Border-radius: 5px;
  list-style: none;
  max-height:350px;
  overflow:auto;
}

.events li 
{
  padding-bottom: 5px;
  margin:0;
  padding:0;
}
	
.events li h3 
{
  margin:0 0 .2em 0;
  color:#fff;
}
	
.events li h4 
{
  margin:0;
  color:#fff;
}
	
.events li p 
{
  font-weight:normal;
  color:#fff;
}
	
.events li + li 
{
  margin-top:.6em;
  border-top:1px solid #fff;
  padding-top:.3em;
}
	
.calendarbox td.eventdate .events li a 
{
  font-weight:normal;
}
	
.calendarbox td.eventdate .events li a:hover 
{
  text-decoration:underline;
}
	
.calendarbox td.nodate 
{
  background-color:transparent;
  border-color:transparent;
}






/* SLIDESHOW IMAGE SIZE FIX  ------------------------------ */

#assets_slideshow2_slideshowhomepage .tcsGallery div
{
  width:auto !important;
  height:auto !important;
}

#assets_slideshow2_slideshowhomepage .tcsGallery div img
{
  width:500px !important;
  height:300px !important;
  padding-top:0px !important;
}

/* ------------------------------------------------------------------------------- */
/* LOGIN ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------- */

.login-page
{
  background:@primary;
  background-size:cover;
  padding:25px;
  height:100%;
}

.login-container
{
  text-align:center;
}

#login-text
{
  max-width:800px;
  padding:25px 0px;
  border-bottom:0px dashed @bordercolor;
  margin-bottom:25px;
}

#login-box
{
  background:#fff;
  padding:25px;
  border-radius:10px;
  margin:0px auto;
  text-align:center;
  position:relative;
  display:inline-block;
}

#login-box input
{
  width:100% !important;
  display:block;
}

#login-box .col-md-8.col-md-offset-2
{
  flex:none;
  max-width:100%;
  padding:0px;
}

#login-box .tcsSubHeadFont
{
  padding-bottom:15px;
  margin-bottom:15px;
  margin-top:0px;
  font-weight:900;
  color:#182A57 !important;
border-bottom:0px;
  border-top:0px;
  border-left:0px;
  border-right:0px;
}

#login-box .tcsInputForm 
{
  border:0px solid #F0EFEF;
  padding:0px;
  border-radius:0px;
  margin-bottom:0px;
  position:static;
}

#login-box .tcsForgotPassword
{
  display:block;
  background:#920D0A;
  padding:10px;
  border-radius:5px;
  position:static;
}

#login-box .tcsForgotPassword a
{
  color:white !important;
  text-decoration:none !important;
}

#login-box .tcsFormTitle
{
  display:none;
}

#login-box #login, #login-box button
{
  display:block;
  width:100% !important;
  margin:15px 0px;
  background:#182A57;
  color:white !important;
  text-decoration:none !important;
  padding:10px;
  border-radius:5px;
}

#new-account-button:hover
{
  background:#182A57 !important;
}

#create_account .tcs-bscommon-form-title
{
  font-size:22px !important;
}

#create_account span.input-group-addon
{
  background:#920D0A !important;
}

#login-box .container-fluid
{
  max-width:100%;
  width:100%;
  padding:0px;
}

#login-box .container-fluid .col-sm-8
{
  max-width:100%;
  width:100%;
  padding:0px;
  flex:none;
}

#login-box .container-fluid .col-sm-8 form
{
  width:100%;
}

#login-box .container-fluid .col-sm-8 form .alert-info
{
  background:@lgrey;
  border:1px solid @bordercolor;
  color:@black;
}

#login-box .container-fluid .col-sm-8 form .tcsFormInput
{
  margin-bottom:20px;
}

#login
{
  background-color: #182A57 !important;
}

/* GENERAL SM ONLY ----------------------------------------- */
@media (max-width: 767px) 
{
  #create_account input, #create_account select, #create_account div
  {
    width:100% !important;
  }    
  #loginform
  {
    margin-left:0px;
  }
}

/* LOGIN MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  .login-page
  {
    padding:35px;
  }

  #loginform
  {
    max-width:800px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    max-width:800px !important;
  }

  #create_account label
  {
    text-align:left !important;
  }

  #login-box .container-fluid
  {
    max-width:800px;
  }
}

/* LOGIN LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  .login-page
  {
    padding:50px;
  } 

  .login-page #footer
  {
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    opacity:.9;
  }

  #login-box
  {
    padding:40px;
  }

  #create_account, .login-page #mainPage.tcs-bscommon-main-page-area
  {
    width:800px !important;
  }
}

/* LOGIN XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  .login-page
  {
    padding:75px;
  }  
}
 

/*
===========================================================================
@IMPORTED STYLESHEET: OLD_editor_stylesheet
---------------------------------------------------------------------------
*/

html
{
  font-size:15px;
}

body 
{
  color:#000000;  
  line-height:1.5;
  font-family: 'Lato', sans-serif;
  font-weight:300;
}

img, iframe
{
  max-width:100%;
}

b, strong
{
  font-weight:900;
}

a:link, a:visited, a:focus
{
  color:#920D0A;
  text-decoration:underline;
}

a:hover
{
  color:#182A57;
}

h1 
{
  color:#182A57;
  font-size:2rem;
  font-weight:700;
  margin:0px 0px 10px 0px;
}

h2 
{
  color:#182A57;
  font-size:1.5rem;
  font-weight:700;
  margin:0px 0px 10px 0px;
}

h3 
{
  color:#182A57;
  font-size:1.3rem;
  font-weight:700;
  margin:0px 0px 10px 0px;
}

h3 a
{
  text-decoration:none !important;
}

.small-header h3
{
  font-size:1.1rem;
}

h4 
{
  color:#000000;
  font-size:1.1rem;
  font-weight:700;
}

h5 
{
  color:#000000;
  font-size:1rem;
}

h6 
{
  color:#000000;
  font-size:.9rem;
}

p, a, li, ul
{
  font-weight:400;
}

hr
{
  border:0px;
  border-top:1px solid #d4d4d4;
  margin:15px auto;
  clear:both;
}

.title
{
  padding:0px 0px 20px 0px;
  border-bottom:1px solid #d4d4d4;
  margin:0px 0px 20px 0px;
}

.title i
{
  padding-right:10px;
}

.viewall
{
  padding:5px 10px;
  background:#182A57;
  background-image:linear-gradient(to bottom right, transparent, #ffffff50);
  color:#ffffff !important;
  font-size:.8rem;
  text-decoration:none !important;
  border-radius:20px;
  display:inline-block;
  margin:0px;
}

.viewall i
{
  padding:0px 0px 0px 10px;
}

.title .viewall
{
  float:right;
  margin-top:5px;
}

.tcs_printer_friendly a
{
  background:#d4d4d4 url(https://associationdatabase.com/aws/AOHC/am/gi/icon-print.png?ver=0) no-repeat left center;
  padding:10px 20px 10px 50px;
  border-radius:5px;
  color:#ffffff !important;
  text-decoration:none !important;
  margin:10px 0px 20px 0px;
  font-weight:900;
  display:inline-block;
}

.primary-button a
{
  color:#ffffff !important;
  background:#182A57;
  padding:10px 30px;
  border-radius:5px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.secondary-button a
{
  color:#ffffff !important;
  background:#A3875E;
  padding:10px 30px;
  border-radius:5px;
  margin:10px auto;
  display:inline-block;
  text-decoration:none !important;
}

.responsive-table
{
  width:100% !important;
  height:auto !important;
}

.responsive-table tr
{
  height:auto !important;
}

.responsive-table tr td
{
  padding:20px;
  border:1px solid #d4d4d4;
  height:auto !important;
}

.primary-cell
{
  color:#ffffff !important;
  background:#182A57;
  padding:10px;
  font-weight:bold;
  font-size:18px;
}

.secondary-cell
{
  color:#ffffff !important;
  background:#A3875E;
  padding:10px;
  font-weight:bold;
  font-size:18px;
}

.primary-cell p, 
.secondary-cell p,
.primary-cell .ui-widget-content p,
.secondary-cell .ui-widget-content p
{
  margin:0px !important;
}

.primary-cell h1,
.secondary-cell h1,
.primary-cell h2,
.secondary-cell h2,
.primary-cell h3,
.secondary-cell h3,
.primary-cell h4,
.secondary-cell h4,
.primary-cell h5,
.secondary-cell h5,
.primary-cell h6,
.secondary-cell h6
{
  color:#ffffff !important
}

/* XS/SM ONLY ---------------------------------------------- */
@media (max-width: 1000px) 
{
  .responsive-table tr td
  {
    float:left;
    width:100% !important;
    height:auto !important;
  }

  .wow
  {
    animation-name:none !important;
  }

  .imgright, .imgleft
  {
    margin:0px 0px 20px 0px;
    float:none !important;
  }
}

/* GENERAL MD ------------------------------------------------- */
@media (min-width: 768px) 
{
  html
  {
    font-size:13px;
  }
}

/* GENERAL LG ------------------------------------------------- */
@media (min-width: 992px) 
{
  html
  {
    font-size:15px;
  }
}

/* GENERAL XL ------------------------------------------------- */
@media (min-width: 1200px) 
{
  html
  {
    font-size:17px;
  }
}
 

.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix 
{

}
 
html[xmlns] .clearfix 
{
	display: block;
}
 
* html .clearfix 
{
	height: 1%;
}