﻿/* Sitecore Default Stylesheet */

html {
  height:100%;
}

body {
  font-family: Tahoma, Arial, sans-serif;
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
}

#MainPanel {
  text-align:center;
  height:100%;
}

#CenterColumn 
{
  text-align:left;
  margin:auto;
  width:800px;
}

#Banner 
{
  background:white;
  border-bottom:1px solid #bfbfbf;
  padding:8px;
}

#Content {
  background:white;
  margin:10px 0px 0px 0px;
  border-bottom:1px solid #bfbfbf;
  padding:16px 16px 48px 16px;
}





/* BASN
/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* MAIN */
body { background:#FFF; font-family: Arial, Verdana, "Lucida Grande", Tahoma, "Trebuchet MS"; font-size:12px; color: #272727; }
a:link, a:visited { color: #272727; text-decoration: none; }
a:hover, a:active { color: #272727; text-decoration: underline; }
#container { width:900px;  margin:0px auto 0px auto; }
p { padding-bottom:13px; }
strong { font-weight:bold; }

img.border { padding:5px; border: solid 1px #000; } 

/* DROPDOWN */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { position: relative; z-index: 597; float: left; }
ul.dropdown li { float: left; xline-height: 1.3em; vertical-align: middle; zoom: 1; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto; }
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto; }

/* NAV OVERRIDES */
* html ul.dropdown ul { background-image: url(/sites/BASN/images/dropdown_pane_8bit.png); }
ul.dropdown { font: bold 12px Arial, Helvetica, sans-serif; }
	ul.dropdown li { padding: 7px 12px; color: #000; }
	ul.dropdown li.hover,
	ul.dropdown li:hover {  }
	ul.dropdown a:link,
	ul.dropdown a:visited { color: #000; text-decoration: none; }
	ul.dropdown a:hover { color: #A6234A; text-decoration: none; }
	ul.dropdown a:active { color: #000; }
	ul.dropdown ul { margin-left: -6px; width: 170px; padding-bottom: 9px; background: url(/sites/BASN/images/dropdown_pane.png) 0 100% no-repeat; color: #000; font-size: 11px; font-weight: normal; }
		ul.dropdown ul li { background-color: transparent; color: #000; }
		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover { background-color: transparent; }
		ul.dropdown ul li.empty { padding: 12px 12px 7px !important; font-weight: bold; }
		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #000; }
		ul.dropdown ul a:hover { color: #000; text-decoration: none; }
		ul.dropdown ul a:active { color: #000; }
			ul.dropdown ul ul { display: none; }
			ul.dropdown ul ul li {}
ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }
	ul.dropdown li a { display: block; padding: 7px 12px; }
	ul.dropdown li { padding: 0; }
	ul.dropdown li.dir { padding: 7px 20px 7px 12px; }
	ul.dropdown ul li.dir { padding-right: 15px; }
	ul.dropdown li { }
	ul.dropdown ul a { padding: 4px 5px 4px 12px; /*width: 139px;*/ }
	ul.dropdown ul a:hover { padding: 3px 5px 3px 11px; border: solid 1px #ddd; background-color: #eee; font-weight: bold; }
	ul.dropdown ul a.dir { /*width: 129px;*/ }	
#nav { width:100%; border-top: solid 1px #98012E; border-bottom: solid 1px #98012E; margin: 3px 0 5px 0; padding: 0px 0 0px 0;  }	
	#nav .home { padding:0 0px 0 10px; margin:0; font-size:13px; }
	#nav .main { padding:0 0px 0 0px; margin:0; font-size:13px; }
	#nav a.current { color: #A6234A; }
	#nav .separator { padding:0 10px 0 10px; vertical-align:middle; margin-top:4px; font-weight:normal; font-size:17px; color:#CCC; }
	
/* MAIN CONTENT AREA */
#top-bar { margin-top:10px; height:74px; background:url('/sites/BASN/images/header.jpg'); background-repeat:no-repeat; }
#main { background:#FFF; }
#bottom-bar { clear:both; background:url('/sites/BASN/images/footer.jpg'); background-repeat:no-repeat; height:20px; margin:0 auto 0 auto; }

/* LOGO */
#footer { width:860px; margin:0 auto 0 auto; padding:10px 20px 5px 20px; text-transform:uppercase; font-weight:bold; font-size:11px; }

/* PUT PAGE STYLES HERE */

#about_menu { margin-top:5px; padding: 10px; color:#FFF; width:175px; font-size:11px; }
    #about_menu a { color:#FFF; text-decoration:underline; }
    #about_menu a:hover { color:#A6234A; }
    #about_menu span { font-weight:bold; }
    #about_menu ul { margin-top:5px; margin-bottom:25px; }
    
#about_main { padding:10px; }
	#about_main h1 { color:#A6234A; font-size:20px; margin-bottom:15px; }
    #about_main ul { list-style-type:disc; list-style-position:outside; padding-left:14px; }
    #about_main ul li { margin-bottom:5px; }
    
    #about_main ol { list-style-type:decimal; list-style-position:outside; padding-left:20px; }
    #about_main ol li { margin-bottom:5px; }
    
#right_column { float:left; padding-left:5px; }
	#right_column img { display:block; margin-bottom:5px; }
    
/* ::::: http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.core.css ::::: */

.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -1e+8px; }
.ui-helper-reset { border: 0pt none ; margin: 0pt; padding: 0pt; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; line-height: 1.3; text-decoration: none; font-size: 100%; list-style-type: none; list-style-image: none; list-style-position: outside; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height: 1%; }
.ui-helper-clearfix { display: block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0pt; left: 0pt; position: absolute; opacity: 0; }
.ui-state-disabled { cursor: default ! important; }
.ui-icon { overflow: hidden; display: block; text-indent: -99999px; background-repeat: no-repeat; }
.ui-widget-overlay { position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; }

/* ::::: http://jquery-ui.googlecode.com/svn/tags/latest/themes/base/ui.tabs.css ::::: */

.ui-tabs {
	padding: 0 0 0 10px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.ui-tabs .ui-tabs-nav { padding: 0.2em 0.2em 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; position: relative; }
.ui-tabs .ui-tabs-nav li { margin: 0pt 0.2em -1px 0pt; padding: 0pt; position: relative; float: left; border-bottom-width: 0pt ! important; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; width:70px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0pt;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { border-width: 0pt; padding: 1em 1.4em; background: transparent none repeat scroll 0% 0%; display: block; }
.ui-tabs .ui-tabs-hide { display: none ! important; }

#videos { margin-top:10px; padding:10px; padding-left:22px; border-top: solid 1px #BCBC9A; position:relative; width:578px; }
#videos img { padding-left:5px; padding-right:5px; }

#left_pane { float:left;border: solid 1px #000; padding:8px 0 8px 8px;width:682px; }
#left_pane img.main { float:left; margin-right:15px; }
#left_pane img.header { margin-top:26px; margin-bottom:20px; }
#left_pane p { font-size:13px; padding-right:10px; }

 #menu { margin-bottom:20px; height:60px; border-bottom:solid 1px #A6234A; }
    #menu a { display:block;float:left;margin-right:20px; }
    #menu img { display:inline;float:left; }
    #menu strong { display:block;float:left;padding:5px 0 0 10px; }
    img.story { float:left; padding-right:10px; padding-bottom:5px; }
    h2 { font-weight:bold; font-size:14px; display:block; }
    
    .question { text-decoration:underline; }
    .answer { margin-top:5px; background:#7E7E7E; color:#FFF; padding:10px; margin-left:-15px; }
    .closebox { border-top: solid 1px #FFF; color:#B50501; text-align:right; padding-top:10px; font-weight:bold; }
    .closebox a { color:#B50501; text-decoration:none; }

#roadmap h1
{
    TEXT-ALIGN: center; PADDING-BOTTOM: 25px; FONT-FAMILY: Tahoma,Verdana, Sans-Serif; COLOR: #a6234a; FONT-SIZE: 2.4em;
}
#roadmap #freemason {
	PADDING-BOTTOM: 60px; PADDING-LEFT: 150px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 50px;
}
#roadmap #shriner {
	PADDING-BOTTOM: 55px; PADDING-LEFT: 0px; PADDING-RIGHT: 150px; FLOAT: right; PADDING-TOP: 50px;
}
#roadmap P {
	TEXT-ALIGN: center; FONT-FAMILY: Tahoma,Verdana, Sans-Serif; COLOR: #521101; FONT-SIZE: 1.4em; PADDING-TOP: 50px;
}
#roadmap IMG {
	MARGIN-BOTTOM: 40px;
}