/**


* TABLE OF CONTENTS
*

*
* BASICS
* Reset................level the playing field- strip out browser defaults. (later)
* Typography...........SBL default styles.
* Text Styles..........fonts, asides etc.
* Colors...............SBL colors
* image styles.........make a master folder for all site master png images
* Background...........image and base color
*
* LAYOUT (line 204)
* Grid system..........whenever it goes mainstream.....combine with responsive media breakpoints
* Column specific styles.... left, center and right 
* Responsive...........if we end up doing responsive design list the breakpoints
* Header...............Page header- Logo and header text (760)
* Footer...............Page footer.
*
*
* COMPONENTS (line 874)
* Navigation...........Navigation bar
* Column specific styles ....Left, center and right
* Login Box............user control
* Buttons..............Button elements.
* Forms................Form elements. (1268)
* Promts...............Elements that inform about login success, warnings... page failure.
* Social Media.........icon links
* Tables....................1267

* Content Region Styles (line 1313...but did not use this layout but htis is where the hold-over styling is)
* Home.................General style- MainMaster Master
* About.................Admin/AboutUs styles- AboutMaster Master
* SBL Press.................Press specific styles- PressMaster Master
* Members.................Members specific styles- MemberMaster Master
* Meetings.................Public specific styles- MeetingsMaster Master
* decide on the Nav and make new Master pages- SBL Press, About SBL, Professional members, Public Outreach? Meetings
* Contact..............Contact specific styles
*/






/* Start CSS Document */


/* BASICS

/* Typography and Text Styles...........SBL default styles, fonts, asides indents h1, h2s etc.*/


  
 @font-face {
  font-family: 'Open Sans';
  src: url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  src: url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); 
 
  font-family: 'SBL Hebrew';
  scr: url(http://www.sbl-site.org/assets/fonts/sbl_hbrw-webfont.woff) format('woff');     
}

#thirdTier .h1 
{
	font: bold 14px 'Open Sans', Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}



h1	{
	font: bold 14px 'Open Sans', Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}

h2	{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 5px 0px;
}

h3	{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

h4	{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0px 0px 5px 0px;
}

h5	{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0px 0px 5px 0px;
}

h6	{
	font: bold 18px Arial, Helvetica, sans-serif;
	text-transform: none;
	margin: 0px 0px 5px 0px;
}





.hr	{
	float: left;
	height: 1px;
	border-bottom: dotted 1px #000000;
	margin-bottom:10px;
}

h2	{
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

p.indent { margin-left: 42px; }


input	{
	margin-bottom: 2px;
}


/* Colors
 
Option 1:
background brn/grey #6a5c51
Blues; 
lgt #4062ad
med #35518f
dk #243761
aqua text #d3eced

Option 2:
background parchment #e8f0e7
#c9b2a8
#cce5e2
or all white

do a class for borders around the main box content

*/



/* image styles.........make a master folder for all site master png images--maybe list them here
main images in default pages: 463 px wide
*/

/* Background...........image and base color*/

body {
	background-color: #6a5c51;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}



body,td,th {
	font-family:'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

.body	{
	float: left;
	height: 1px;
	border-bottom: dotted 1px #000000;
	margin-bottom:10px;
}

.bigContent  {
	background-color: #ffffff;
	
}

#container	{
	width: 980px;
    	margin: auto;
    	padding-top: 0px;
    	margin-top: 0px;
    	
}



/* LAYOUT

/* column specific styles- left, center and right */


/* Left Column- this is on the Master page of each section  */


#leftsubnav	{
	font: bold 14px 'Open Sans', Helvetica, sans-serif;
	background: #ffffff;
	color: #000000;
	float: left;
	width: 185px;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 10px
	
}


.CBtopper
{
  background: #35518f;
  background: -moz-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4062ad), color-stop(100%, #243761));
  background: -webkit-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -o-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -ms-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: linear-gradient(to bottom, #4062ad 0%, #243761 100%);
}

.leftCol	{
	float: left;
	width: 190px;
	margin: 0px 10px 0px 0px;
}

.leftNav	{
	float: left;
	width: 185px;
	font: normal 14px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}

.leftNav a	{
	color: #ffffff;
	text-decoration: none;
}


.leftNav .subNav	{
	margin: 4px 5px 0px 15px;
	text-transform: none;
}

.leftNav .subNav a	{
	color: #ffffff;
	text-decoration: none;
}

/**CURRENT LEFT NAV*/

.leftBox	{
	float: left;
	width: 185px;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	text-align: justify;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	
	border: 1px solid;
    border-color: #999;
}
	
/**leftImg affects the hot links header **/	
	
.leftImg 	{
	float: left;
	width: 185px;
	padding: 20px 0px 0px 0px;
}

/**leftImgPromo affects the left nav buttons-donate BOW etc. **/	
	
.leftImgPromo 	{
	float: left;
	width: 185px;
	padding: 20px 0px 0px 0px;
}
	
.tabLeft	{
	float: left;
	width: 185px;
	height: 27px;
	background: url(../assets/images/site/leftDefaultT.jpg) bottom left no-repeat;
	padding: 7px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.tabLeftLogin	{
	float: left;
	width: 200px;
	height: 33px;
	background: url(../assets/images/site/leftLoginT.jpg) bottom left no-repeat;
	padding: 7px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.leftBox .top	{
	float: left;
	width: 230px;
	height: 10px;
	background: url(../assets/images/site/leftDefaultT.jpg) bottom left no-repeat;
	margin-top: 2px;
}

.leftBox .content	{
	float: left;
	width: 200px;
	background-color: #ffffff;
	padding: 0px 10px 0px 10px;
	font: normal 11px 'Open Sans', Helvetica, sans-serif;
}

.leftBox h2	{
	font: bold 12px 'Open Sans', Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px 0px 3px 0px;
}

.leftBox input	{
	margin-bottom: 5px;
}

.leftBox .bottom	{
	float: left;
	width: 230px;
	height: 10px;
	background: url(../assets/images/site/leftOrangeB.gif) top left no-repeat;
}

.leftBoxWh	{
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
	text-align: justify;
	width: 230px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 2px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	position: relative;
	border: 1px solid;
    border-radius: 0px;
}

.leftBoxWh .top	{
	float: left;
	width: 230px;
	height: 10px;
	background: url(../assets/images/site/leftDefaultT.jpg) bottom left no-repeat;
	margin-top: 20px;
}

.leftHome	{
	float: left;
	width: 230px;
	height: 22px;
	background: url(../assets/images/site/leftDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}

.leftBoxWh .content	{
	float: left;
	width: 200px;
	background-color: #ffffff;
	border-left: solid 1px #0037a9;
	border-right: solid 1px #0037a9;
	padding: 0px 10px 0px 10px;
	font: normal 11px 'Open Sans', Helvetica, sans-serif;
}





/* Center Column */


.mainColAboutUs	{
	float: left;
	width: 480px;
	margin-right: 20px;
}

.mainColAboutUs a:link {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

.mainColAboutUs a:visited {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }

 
.mainColAboutUs a:hover {
     color: #765837;
     background-color: Transparent;
     text-decoration: underline;
     }

 .mainColAboutUs	a:active {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }


.mainCol	{
	float: left;
	width: 450px;
	margin-right: 20px;
}




.mainColPubs	{
	float: left;
	width: 450px;
	margin-right: 20px;
	
}


.mainColPubs	 a:link {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

 .mainColPubs	 a:visited {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

 .mainColPubs	a:hover {
     color: #006699;
     text-decoration: underline;
     }

 .mainColPubs	 a:active {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }



.mainColMeetings	{
	float: left;
	width: 480px;
	margin-right: 20px;
}

.mainColMeetings	a:link {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

 .mainColMeetings a:visited {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

.mainColMeetings a:hover {
     color: #765837;
     background-color: Transparent;
     text-decoration: underline;
     }

 .mainColMeetings a:active {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }


.mainColMember	{
	float: left;
	width: 480px;
	margin-right: 20px;
}

.mainColMember a:link {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

.mainColMember a:visited {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }

 
.mainColMember a:hover {
     color: #765837;
     background-color: Transparent;
     text-decoration: underline;
     }

 .mainColMember	a:active {
     color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

.mainColEducation	{
	float: left;
	width: 480px;
	margin-right: 20px;
}

	
.mainColEducation	a:link {
    color: #006699;
     background-color: transparent;
     text-decoration: none;
     }

.mainColEducation a:visited {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }

 .mainColEducation a:hover {
     color: #765837;
     background-color: Transparent;
     text-decoration: underline;
     }

 .mainColEducation a:active {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }


.mainColCareer	{
	float: left;
	width: 480px;
	margin-right: 20px;
}

.mainColCareer	a:link {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }

.mainColCareer a:visited {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }

.mainColCareer a:hover {
     color: #765837;
     background-color: Transparent;
     text-decoration: underline;
     }

 

.mainColCareer a:active {
     color: #765837;
     background-color: transparent;
     text-decoration: none;
     }




.mainImg	{
	float: left;
	width: 450px;
	margin: 0px 0px 10px 0px;
}

.mainBox	{
	float: left;
	width: 450px;
	margin-bottom: 20px;
}

.mainBox .content	{
	float: left;
	width: 440px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	border: 1px solid;
    border-color: #999;
}




/* Right Column */



.rightCol	{
	float: left;
	width: 290px;
}

.rightBox	{
	float: left;
	width: 290px;
	margin-bottom: 20px;
}

.rightBox .content	{
	float: left;
	width: 280px;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

.rightBox .bottom	{
	float: left;
	width: 300px;
	height: 10px;
	background: url(../assets/images/site/rightB.gif) top left no-repeat;
}

.rightHome	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}


.rightAboutUs	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}	

.rightPublications	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}	

.rightMeetings	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}	

.rightEducational	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}	

.rightMembership	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}	

.rightCareer	{
	float: left;
	width: 290px;
	height: 22px;
	background: url(../assets/images/site/rightDefaultT.jpg) bottom left no-repeat;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px 0px 0px 10px;
}


#thirdTierGradHeader {
  background: -webkit-linear-gradient(#243761, #9c9fa6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#243761, #9c9fa6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#243761, #9c9fa6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#243761, #9c9fa6); /* Standard syntax */
  height: 37px;
}

/* Responsive...........if we end up doing responsive design list the breakpoints*/
/* Header...............Page header- Logo and header text*/


#topNav	{
	float: right;
	width: 500px;
	margin: 16px 0px 22px 0px;
	text-align: right;
	text-transform: uppercase;
	color: #ffffff;
}

#topNav a	{
	color: #ffffff;
}


#header	{
	float: left;
	width: 980px;
	margin-bottom: 15px;
}

#header .logo	{
	float: left;
	width: 160px;
}

#header .text	{
	float: left;
	width: 437px;
	margin-left: 18px;
	font: font-family: 'Open Sans', Helvetica, sans-serif;
	color:  #F8E7B8;
	text-transform:none;
}

#sblHeader {

    height: 37px;
    width: 600px;
    background: #6a5c51;
    color: #ffffff;
    float: left;
	margin-left: 18px;
	margin-bottom: 5px;
    font: bold 2.60em/37px 'Open Sans', Helvetica, sans-serif;
	text-decoration:none;
	
	
    }
	
	#sblBlurb {

    color: #ffffff;
    float: left;
	margin-left: 40px;
    font:  .75em Arial, Helvetica, Geneva, sans-serif;
    }
    
	a.sblHeader {
    text-decoration: none;
}

.search	{
	margin: 0px 0px 0px 700px;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.headerlinks a
{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}

/* Footer...............Page footer*/


.footerlinks
{
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;

}

.footerlinks a
{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
}


.footer	{
	float: left;
	width: 100%;
	text-align: center;
	background: url(../assets/images/site/footerBG.gif) bottom left repeat-x;
	color: #ffffff;
	padding-top: 47px;
	padding-bottom: 20px;
}

.footer a	{
	color: #F8E7B8;
}

	


/* COMPONENTS
/* Navigation...........Navigation bars*/


/* start main horizontal nav*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #35518f;
  background: -moz-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4062ad), color-stop(100%, #243761));
  background: -webkit-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -o-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: -ms-linear-gradient(top, #4062ad 0%, #243761 100%);
  background: linear-gradient(to bottom, #4062ad 0%, #243761 100%);
}
#cssmenu > ul {
  background: url('images/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #d3eced;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #333333;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #39b1cc;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
	
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}
/* end horizontal nav*/



/* Login Box............user control*/




/* Buttons and anchors..............Button elements*/

a   
{
	text-decoration: underline;
	font-weight: bold;
	color: #006699;
}

.adminButtonStyle
{
	border: ridge 1px #cccccc;
	padding: 2px 2px 2px 2px;
}

.adminTextBoxStyle
{
	font-size: small;
	width: 150px;
}

/* not using button right now- still using images*/
.button {
    display: block;
    height: 27px;
    width: 185px;
    background: #3d7a80;
	padding: 2px 5px 2px 2px;
    color: #ffffff;
    text-align: center;
    font: bold 1.2em/27px Arial, Helvetica, Geneva, sans-serif;
	background: -webkit-linear-gradient(top, #243761, #35518f);
    background: -moz-linear-gradient(top, #243761, #35518f);
    background: -o-linear-gradient(top, #243761, #35518f);
    background: -ms-linear-gradient(top, #243761, #35518f);
    background: linear-gradient(top, #243761, #35518f);
	
}

a.button {
    text-decoration: none;
}
 

a.button:hover {
    background: #35518f;
    background: -webkit-linear-gradient(top, #35518f, #4062ad);
    background: -moz-linear-gradient(top, #35518f, #4062ad);
    background: -o-linear-gradient(top, #35518f, #4062ad);
    background: -ms-linear-gradient(top, #35518f, #4062ad);
    background: linear-gradient(top, #35518f, #4062ad);
}

 table.center {
    margin-left:auto; 
    margin-right:auto;
  }

/* Forms................Form and admin elements*/



#formWrapper {
	margin:0 auto;

}



.formName	{
	float: center;
	width: 150px;
	padding: 4px 0px 3px 0px;
	text-align: right;
	font-weight: bold;
}

.formField	{
	float: center;
	width: 290px;
	padding-left: 20px;
}

.adminTextBoxStyle
{
	width: 130px;
	font-size: 11px;
}

.adminDropDownStyle
{
	font-size: 11px;
		
}



/* Promts...............Elements that inform about login success, warnings... page failure.*/


.validationmessage {
	padding: 10px 10px 10px 10px;
	margin-bottom: 5px;
	background: #DEEBDE;
	font-weight: bold;
	color: Black;
	font-size: 11px;
	width: 80%;
	border: ridge 1px #000000;
}

/*Social Media*/

.custom #social-icons a img { float:left; }


/* Content Region Styles*/
/* Home.................General style- MainMaster Master*/
/* About.................Admin/AboutUs styles- AboutMaster Master*/
/* SBL Press.................Press specific styles- PressMaster Master*/
/* Members.................Members specific styles- MemberMaster Master*/
/* Meetings.................Public specific styles- MeetingsMaster Master*/
/* decide on the Nav and make new Master pages- SBL Press, About SBL, Professional members, Public Outreach? Meetings*/





/*Third Tier styling*/


#careerWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
    background: transparent;
}
#careerWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#meetingWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
    background: transparent;
}
#meetingWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#pubWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
    background: transparent;
}

#pubWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#educationWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
    background: transparent;
}

#educationWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#membershipWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
}
#membershipWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#mainWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
}
#mainWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#AboutUsWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
    background: transparent;
}

#AboutUsWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#AboutUsWrapper a
{
	color: #336699;
    text-decoration: underline;
    font-weight:bold;
}
#AboutUsWrapper a:hover
{
	color: #666666;
    text-decoration: underline;
    background: transparent;
}

#forumWrapper a
{
	color: #765837;
    text-decoration: underline;
    font-weight:bold;
}


.promoBox	{
	float: left;
	width: 800px;
	margin-bottom: 20px;
}

.promoBox .content	{
	float: left;
	width: 700px;
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
}


.col1	{
	float: left;
	width: 200px;
}

.col2	{
	float: left;
	width: 200px;
	padding-left: 9px;
	border-left: dotted 1px #765837;
}

.image	{
	float: left;
	width: 67px;
	margin-right: 8px;
	padding-bottom: 10px;
}

.listingMain	{
	float: left;
	width: 224px;
	padding-bottom: 7px;
}

.listing	{
	float: left;
	width: 145px;
	margin-right: 0px;
	padding-bottom: 7px;
}

.listingRight	{
	float: left;
	width: 195px;
	padding-bottom: 7px;
}

.listing p	{
	margin: 7px 0px 7px 0px;
}

.mainBox .bottom	{
	float: left;
	width: 450px;
	height: 10px;
	background: url(../assets/images/site/centerDefaultT.jpg) top left no-repeat;
}

.tab a	{
	color: #FFFFFF;
	text-decoration: none;
}

/* on default page this is the center column CB header for main section*/

.tabHome	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

/*these are the anchor links for the home page (but the title class does not work for 3rd tier headers)*/

.home a	{
	color: #36699;
	text-decoration: none;
}

.home a:hover	{
	color: #666666;
	text-decoration: none;
}

.home .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}

.tabPublications	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	


.publications a	{
	color: #336699;
	text-decoration: none;
}

.publications a:hover	{
	color: #666666;
	text-decoration: none;
}

.publications .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}

.tabMeetings	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.meetings a	{
	color: #336699;
	text-decoration: none;
}

.meetings a:hover	{
	color: #666666;
	text-decoration: none;
}

.meetings .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}

.tabEducational	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.educational a	{
	color: #336699;
	text-decoration: none;
}

.educational a:hover	{
	color: #666666;
	text-decoration: none;
}

.educational .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}

.tabMembership	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.membership a	{
	color: #336699;
	text-decoration: none;
}

.membership a:hover	{
	color: #666666;
	text-decoration: none;
}

.membership .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}

.tabCareer	{
	float: left;
	width: 452px;
	height: 22px;
	background: url(../assets/images/site/centerDefaultT.jpg) bottom left no-repeat;
	padding: 5px 0px 0px 10px;
	font: normal 16px 'Open Sans', Helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
}	

.career a	{
	color: #336699;
	text-decoration: none;
}


.career a:hover	{
	color: #666666;
	text-decoration: none;
}

.career .title	{
	font-size: 12px;
	font-weight: bold;
	color: #35518f;
}