body, p, td {font-family: tahoma,arial,helvetica;font-size:12px; line-height:17px;}
div {margin:0;padding:0;}
body {margin:0px; padding:0px; background-image:url(http://www.bjm.org/images/layout/bg/bg.png);background-repeat:repeat-x; background-color:#1a1a1a;color:#000000}

/* div.main_background {background-image:url(http://www.bjm.org/images/layout/bg.jpg); background-position: top center; background-repeat:no-repeat;} */

a, a:visited {
color:#8B0000;
text-decoration:none;
outline:none;
}
a:hover {color: red; text-decoration: underline;}

/*
#7FAAFF;
#40AACF
*/

form {margin:0;padding:0;}
ul {margin-top:7px;margin-bottom:0px;list-style-type:disc;}

h2,h3 {padding:0; margin:0;}

h2.box_title {color:#7FAAFF;font-family:arial;font-weight:normal;font-size:23px;padding-bottom:5px;border:1px solid #8B0000;border-width:0 0 1px 0;}
div.box_content,
div.box_content td,
div.box_content dd,
div.box_content dt,
div.box_content dl {color:white;}

p,div.articles blockquote {margin: 0 0 12px 0; line-height:19px;}

.hide {display:none;}
.show {}

div.clear {clear:both;}

#slide_content a {color:silver}
#slide_content h2 {color: #598AEB;font-weight:normal;}

div.home_email_signup {text-align:left;padding:75px 0 0 80px;}
div.home_email_signup img {float:left; padding-left:2px;}
div.home_email_signup input {float:left;background-color:#000;border:1px solid gray;color:gray;font:normal 11px tahoma;width:160px;height:18px;padding:3px 0 0 5px;}
div.home_email_signup input:hover,div.home_email_signup input:active {background-color:#222222;border:1px solid silver;color:white}


div.header {background-image:url(http://www.bjm.org/images/layout/header.png);background-repeat:no-repeat;height:100px;}
div.header_blog {background-image:url(http://www.bjm.org/images/layout/header_blog.jpg);background-repeat:no-repeat;height:202px;}
div.top_links {float:right;width:415px;height:100px; text-align:right;font-size:11px;font-family:tahoma,helvetica;}
div.top_links_pad {padding:10px 10px 0 0;}
.top_links a,
.top_links a:visited {color:white;text-decoration:none; font-size:12px; font-weight: normal;}
.top_links a:hover {color:silver;text-decoration:none;}
.top_links a.red {color:#BF0400;text-decoration:none;}
.top_links a.red:hover {color:#AF2020;text-decoration:none;}
/*
#AF2020
#870505
*/

div.main_area {}

div.main_left {}
div.main_left_pad {padding:100px 0px 0 2px; color:white; text-align:left;}

div.main_right {}
div.main_right_pad {padding:0px 0 0 0px; text-align:left;}
div.main_right_pad_blog {padding:30px 0 0 0px; text-align:left;}

div.left_header {text-transform:uppercase; color:white; font-weight:bold; font-size:14px; border:1px dotted gray; border-width:0 0 1px 0;padding-bottom:4px;margin:5px 0 5px 0;}
div.main_left a {text-decoration:none; line-height:13px;font-size:11px;}

div.q_left {width:360px; float:left;height:502px;overflow:hidden;}
div.q_left_pad {padding:0px 0 20px 26px;}
div.q_right {width:370px; height:370px; float:right;margin-right:0px; margin-top:0px; border:0px solid black}
div.q_right_scroll {height:440px;overflow:auto;}
div.q_right_pad {text-align:justify;padding:10px 10px 15px 6px;font-family:georgia,'lucida grande';font-size:14px;}
div.q_q {font:35px tahoma;color:maroon;padding-right:10px; display:inline;line-height:48px;text-align:left;}
div.q_a {font:30px tahoma;color:maroon;margin:0 10px 0px 0;display:inline;float:left;}

div.content_left_pad {margin:0;padding:0px 0 20px 26px;}
div.c_title {font:23px tahoma;color:maroon;border:1px solid silver;border-width:0 0 1px 0; margin-bottom:6px;}

div.q_question {padding-top:15px;color:#8B0000; font-size:18px;text-align:left;}
div.article_title {margin-top:10px; text-transform:uppercase; color:#8B0000; font-family:arial;font-size:23px; line-height:24px;text-align:left;}
div.q_answer {display:inline;}

div.questions_list a {color:white;}
div.questions_list a.category {text-transform:uppercase;font-weight:bold;text-align:right;}
div.questions_list a.category:hover {}

div.a_left {width:500px; height:100%; float:left;}
div.articles_body {width:494px; float:left;}
div.a_left_pad {padding:5px 0 20px 26px;}
div.article_left_pad {padding:5px 0 20px 26px;}
div.a_right {width:150px; height:414px; float:right;margin-right:0px; margin-top:0px; overflow:auto;border:0px solid black}
div.a_right_pad {text-align:right;padding:15px 10px 15px 6px;}
div.a_q {font:40px tahoma;color:maroon; display:inline;}
div.a_a {font:40px tahoma;color:maroon;margin-top:30px;text-indent:16px;}

div.itinerary_box {margin-top:10px;border:1px solid silver;border-width:0 0 1px 0;padding:0 0 8px 0;}
div.itinerary_date {font-weight:bold;color:#8B0000}

div.blog_left {width:525px;height:100%; float:left;}
div.blog_left_pad {padding:65px 20px 20px 26px;font-family:georgia,'lucida grande',sans-serif; font-size:16px;line-height:21px;}

div.blog_right {width:360px; float:left;margin-right:0px; margin-top:0px; border:0px solid black}
div.blog_right_pad {text-align:justify;padding:10px 10px 15px 6px;font-family:georgia,'lucida grande',sans-serif;font-size:14px;}

div.blog h2,
div.blog h2 a{font-family:arial;font-size:16px;font-weight:bold;color:#3265CE;;margin-bottom:10px;}
div.blog h2 a:hover{text-decoration:none;}

div.blog_box {margin:15px 0px 0 0; border:0px solid #8B0000; border-width: 0 0 0px 0}
div.blog_box_title {font-weight:bold;font-size:14px;}
div.blog_box_date {background-color:#f0f0f0;border:1px solid silver;border-width:1px 0px 1px 0;border-bottom-color:maroon;font-family:arial;color: gray;padding:4px; margin:0 0 10px 0;text-transform:uppercase;font-weight:bold;}

.search_box_blog {border:0px; background:none; width:140px;height:18px;font-family:tahoma;font-size:12px;color: gray;}

div.left_bar_links a {
text-indent: 4px;
line-height:16px;
font-size:10px;
}
div.left_bar_links a:hover {color:#8B0000}

div.left_bar_links a.title {
text-indent:0px;
display:block;
text-transform:uppercase;
border-bottom: 1px solid #222222;
padding: 7px 0 4px 0;
text-decoration: none;
color:white;
font-size:11px;
}



#dropmenudiv{
position:absolute;
background-color: #6F0000;
border:1px solid black;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 4px;
border-bottom: 1px solid black;
padding: 2px 0 2px 0;
text-decoration: none;
color:white;
font-size:11px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #4F0A0A;
color: white;
}


div.container {}


div.navigation {margin-top:0px;float:left;width:239px;height:670px; text-align:right;cursor:default; }

div.nav_links {margin-top:210px; text-align:right;}

div.nav_links table td {text-align:right; padding:0px 0 0px 0px;color:#5bc9fc;}

div.nav_links table td a,
div.nav_links table td a:visited,
div.nav_links table td a:hover,
div.nav_links table td a:active,
div.nav_links table td a:visited {font-family:verdana;font-size:17px; line-height:32px;font-weight: normal; color:white; text-decoration: none;}
div.nav_links table td a:hover, div.nav_links table td a:visited:hover {color:orange; text-decoration: none;}

div.nav_links table td a.on,
div.nav_links table td a.on:visited,
div.nav_links table td a.on:hover,
div.nav_links table td a.on:active,
div.nav_links table td a.on:visited {font-family:verdana;font-size:20px; font-weight: bold; color: #5bc9fc; text-decoration: none;}
div.nav_links table td a.on:hover {color:#5bc9fc; text-decoration: none;}

div.nav_links table td a.sub,
div.nav_links table td a.sub:visited,
div.nav_links table td a.sub:hover,
div.nav_links table td a.sub:active,
div.nav_links table td a.sub:visited {font-family:verdana;font-size:11px; font-weight: normal; color:white; text-decoration: none;line-height:20px;}
div.nav_links table td a.sub:hover {color:orange;text-decoration:underline;}

div.nav_links table td a.sub_ON,
div.nav_links table td a.sub_ON:visited,
div.nav_links table td a.sub_ON:hover,
div.nav_links table td a.sub_ON:active,
div.nav_links table td a.sub_ON:visited {font-family:verdana;font-size:11px; font-weight: normal; color: orange; text-decoration: none;line-height:20px;}
div.nav_links table td a.sub_ON:hover,
div.nav_links table td a.sub_ON:visited:hover{color:orange;text-decoration:none;}

div.main {float:left;width:655px; height:670px;}

div.pagetitle {text-align:right;margin-right:2px;}

div.clear {clear:both;}

div.content_area {width:655px; height:480px; overflow:auto; border:0px solid white;}
div.content_area_format {padding:10px 30px 0 100px; color:white; text-align:left; }

div .title {font-size:17px; color: white; font-weight:bold; text-transform: uppercase;}
div .description {margin: 5px 0 0 0; font-size:13px; color: white;}
div .content {margin:10px 0 0 0;}

div.friends .link {margin:0px 0 0 0; clear:both;line-height:36px;}
div.friends .name {padding-top:15px;font-size:16px; color: white; border-right:1px solid #5bc9fc; padding-right:15px; float:right;}
div.friends div.url {padding-top:15px;width:250px;border:0px solid white; text-align: left; float:right; }
div.friends div.url a {margin-left:15px;font-size:13px; color: #BF7900; font-weight:normal; text-decoration:none;}
div.friends div.url a:hover {margin-left:15px;font-size:13px; color: orange; font-weight:normal; text-decoration:underline;}

div.home {font-size:13px; line-height:17px;}

div.articles h3 {margin-top:15px;font-size:18px;}
div.article_links a {color:white; text-decoration:none; font-size:19px;}

div.footer_bar a {padding-right:10px;}

div.footer_home {clear:right;margin: 5px 5px 0 0;}
div.footer {clear:both; text-align:right; margin: 0px 15px 0 0; border:0px solid white;}
div.footer_text,div.footer_text a {text-align:right;color:#92BAC2;font-size:9px;font-weight:normal;}

.admin_links a{color:white;}


h3.section {
	margin-top: 1em;
}

#vertical_slide, 
#horizontal_slide1,
#horizontal_slide3,
#horizontal_slide4
{

width:380px;
height:250px;
	background: url(http://www.bjm.org/images/layout/bg/bg_drawer.png);
	background-position:top left;
	background-repeat:no-repeat;
	color: silver;
	
	font-weight: normal;
	
}
#horizontal_slide1 a {color:white;}


div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}

h1 {font-size:14px;}


html, body {
height:100%;
}
#blackout {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #FFF;
filter: alpha(opacity=20);
-moz-opacity: .2;
opacity: .2;
z-index: 9;
}
#divpopup{
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px; /*half of the height plus a little to the top*/
margin-left: -250px; /*half of the width */
visibility: hidden;
display: none;
border: 0px solid #FFF;
background-image: url(http://www.bjm.org/images/layout/bg_box.png);
color: #FFFFFF;
padding: 0;
height: 400px;
width: 600px;
z-index: 10;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#divpop_head{
position:absolute;
top:0;
left:0;
width:100%;

text-align:center;
padding:2px 0;
z-index:-1;
}
#close_pop{
float:left;
text-align:left;
}
#close_pop a{
text-decoration:none;
color: #333;
}
#close_pop a:hover{
color:#FF0000;
}
.pop_content{
clear:both;
padding: 10px;
}
.pop_content .title {font-size:19px; font-weight:normal; text-transform:none; color:silver; margin-bottom:10px;}
.pop_content .left {float:left;width:300px; text-align:left;}
.pop_content .left_pad {padding:10px 6px 6px 7px; text-align:left;color:white;}
.pop_content .right {float:right;width:280px; text-align:center; color:white;}

#result { color:white;}

.mootabs {width:452px;height:115px;background-image:url(http://www.bjm.org/images/home/tabs/bg_tabs.png);background-repeat:no-repeat;overflow:hidden}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

.mootabs_title li {
	float: left;
	background-color: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #fff;
	font-family: "tahoma";
	font-size: 10px;
	height: 24px;
	}
.mootabs_title li.active {
	border-top: 3px solid #55FF2A;
}

#tab1,#tab2,#tab3,#tab4, .mootabs_panelX {
	display: block;
	position: relative;
	width: 430px;
	height:75px;
	top: -1px;
	font-family: "tahoma";
	font-size:11px;
	clear: both;
	color: #fff;
	overflow: auto;
	text-align:left;
	padding: 5px 10px 5px 10px;
	overflow:hidden;
	color:black;
}

.mootabs_panel a {color:black; font-size:12px}
#tab4 a {color:#598AEB;}

.mootabs_panel.active {
	background-color: #272822;
	display: block;
	
}

.mootabs_title li.over {
	border-top: 3px solid #30DA06;
}







#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#fff;
}

#sbox-window
{
	position:				absolute;
	background-color:		#000;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(http://www.bjm.org/images/layout/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(http://www.bjm.org/images/layout/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(http://www.bjm.org/images/layout/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#000;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}


/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:6px 7px;
	border:1px solid #8B0000;border-width:0 1px 0 0;
	background-color:#000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
	color:white;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	background-color:#222222 ;
	color:#FFF;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	background-color:#2F67FF ;
	color:#fff;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/

	background:#fff;	
	border:0px solid #C3D46A; 
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	position: relative;
	list-style:none;
	margin:0 0 0 0px;
	width:165px;
	z-index:5;
	top:0px;
	left:0;
	text-align: right;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 186px; margin-top:-2.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
#nav li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
#nav li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
#nav li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }