@charset "UTF-8";

	/*
	 * Base Elements
	 */ 


	html {
		background-color: #8A000E;
		background-image: url(../images/bsasmallbkgd.png);
		margin: 0;
		padding: 0;
		height: 100%;
	}
	
	body {
		margin: 0;
		padding: 0;
		height: 100%;
		font: "Droid Sans", "Arial";
		font-size: 12px;
		color: #53552D;
}
	
	a {
		text-decoration: none;
		color: white;
	}
	
	h1 {		
		margin: 0px 0px 5px 0px;
		padding: 0;
		font: bold 20px/20px "Droid Sans", "Arial";
}
	
	h2 {
		margin: 0;
		padding: 0;
	font: bold 18px "Droid Sans", "Arial";
}
	
	/*
	 * Core Template Elements
	 */ 
		
	
	#container {
		position: relative;
		height: 300px;
	}

	
	#wrapper {
		font-family: "Droid Sans", "Arial";
		font-weight: normal;
		font-size: 12px;
		position: relative;
		padding: 0;
		height: auto !important;
		height: 100%;
		min-height: 100%;
		width: 980px;
		margin: 0px auto 0px auto;
	}
	
	#wrapper h3 {
		font-family: "Droid Sans", "Arial";
	font-weight: bold;
}

	#header {
		width: 100%;
		height: 115px;
		position: relative;
	}

	#logodiv {
		float: left;
		height:115px;
		position: relative;
		left: 0px;
		width: 300px;
		cursor: pointer;
	}
	
	#logodiv img {
		margin-left: -150px;
	}
	
	/*
	 * Main Menu
	 */ 

	div#topmenu {
		z-index: 100;
		height: 105px;
		width: 650px;
		float: left;
	}

	#mainmenu {
		width: 540px;
		float: right;
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		color: white;
		padding: 75px 0px 0px 0px;
	}


	
	#mainmenu li {
		border-left: solid 1px white; 
		float: left;
		padding: 0px 10px 0px 10px;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	#mainmenu li:first-child {
		border: none;
	}
	
	#mainmanu a {
		color: white;
	}

	/*
	 * Main Content Area
	 */ 

	.maintextdrop {
		height: 250px;
		width: 960px;
		background-image: url(../images/trans20black.png);
		position: relative;
	}

	.maintextwhite {
		overflow: hidden;
		height: 190px;
		width: 900px;
		left: 10px;
		top: 10px;
		background-image: url(../images/textbkgd.png);
		background-repeat: repeat;
		position: relative;
		margin: 0px;
		padding: 20px;
		font-size: 12px;
		line-height: 15px;
	}
	
	.maintextwhite img {
		display: inline-block;
		text-align: right;
		float: right;
		margin: 0px 0px 0px 50px;
	}
	
	.maintextwhite h1, #navcontainer ul li, #wrapper h2, #wrapper h3{
		font-weight: bold;
		font-family: "Droid Sans", "Arial";
	}

	/*
	 * Main Tab Navigation
	 */ 


	#navcontainer
	{
		margin: 0px;
		padding: 0px;
		height: 120px;
		width: 1000px;
		top: 10px;
		position: relative;
		background-image: url(../images/BSA_menu_0000_menubench.png);
		background-repeat: no-repeat;
		text-align: center;
		background-position: 0px -20px;
	}

	#navcontainer ul
	{
		margin: 0px;
		padding: 0px 0px 0px 8px;
		list-style-type: none;
		text-align: center;
		height: 120px;
	}

	#navcontainer ul li {
		float: left;
		height: 120px;
		font-family: "Droid Sans", Arial;
		font-size: 13px;
		vertical-align: bottom;
		color: #53552D;
	}

	#navcontainer ul li:hover {

	}



	#navcontainer ul li a
	{
		text-decoration: none;
		outline: none;
		background: left center;
		float: left;
		margin: 0px;
		height: 120px;
		padding-top: 12px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		color: #53552D;
	}
	
	#navcontainer li a:hover, #navcontainer li a.active
	{
		background: url(../images/BSA_menu_0001_menutab2.png) no-repeat center top;		
		color: #53552D;
		height: 120px;
	}

	#navcontainer li div:hover
	{
		background-image: url(../images/activetableft.png);
		background-position: 0px -3px;
		background-repeat: no-repeat;
		color: #53552D;
		height: 120px;
	}



	
	/*
	 * Coda Slider Elements (messy)
	 */ 
	
	
	
	#wrapper h2 {
		font-family: "Droid Sans", "Arial";
		font-size: 18px; 
 	}

	#wrapper h3 {
		font-size: 14px; 
 	}
	/*
	*Martin Code- Wrapper addition to tighten up the leading on the Events page
	*/
	
	#wrapper h4 {
	margin-top: 2px;
	margin-bottom: 2px;
}

#wrapper p {
	margin-top: 2px;
	margin-bottom: 2px;
}

#wrapper div {
	margin-bottom: 10px;
}

/*
* End of Martin Code
*/
	.stripViewer .panelContainer .panel ul {
		text-align: left;
		margin: 0 15px 0 30px;		
	}
	
	.slider-wrap { 
		/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
		margin: 20px 0;
		position: relative;
		width: 100%;
	}

	.csw {
		height: 240px;
		width: 740px;
		left: 0px;
		top: 10px;
		position: relative;
		margin: 0px 0px 0px 10px;
		padding: 20px;
		overflow: hidden;
		
	}
		
	.csw .loading {
		margin: 200px 0 300px 0; 
		text-align: center;
		display: none;
	}

	.stripViewer { /* This is the viewing window */
		position: relative;
		overflow: hidden; 
		margin: auto;
		clear: both;
		width: 900px;
		margin: 0px;
		padding: 0px 20px 0px 20px;
	}
	
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

	}
	
	.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
		float:left;
		height: 100%;
		position: relative;
		width: 900px;
		margin: 0;
	}
	
	.stripViewer .panelContainer .panel img, .stripViewer .panelContainer .panel a img {
		display: inline-block;
		text-align: right;
		float: right;
		margin: -10px 0px 0px 50px;
		border: none;
	}
	
	
	.stripViewer .panelContainer .panel a {
		color: #b81911;
		font-weight: bold
	}
	
	.stripViewer .panelContainer .panel img.pdfs {
		display: block;
		margin: 10px 0px 0px 0px;
		float: none;
	}
	
	.stripViewer .panelContainer table {
		width: 900px;
	}
	
	.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
		padding: 0px 80px 0px 80px;
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 5px;
	}
	
	.stripNav { 
		/* This is the div to hold your nav (the UL generated at run time) */
		margin: auto;
		display: none;
	}
	
	.stripNav ul { 
		/* The auto-generated set of links */
		list-style: none;
	}
	
	.stripNav ul li {
		float: left;
		margin-right: 2px; 
		/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
	
	.stripNav a { 
		/* The nav links */
		font-size: 10px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		text-decoration: none;
		display: block;
		padding: 0 15px;
	}
	
	.stripNav li a:hover {
		background: #333;
	}
	
	.stripNav li a.current {
		background: #000;
		color: #fff;
	}
	
	.stripNavL, .stripNavR { 
		/* The left and right arrows */
		position: absolute;
		top: 230px;
		text-indent: -9000em;
		display: none;
	}
	
	.stripNavL a, .stripNavR a {
		display: block;
		height: 40px;
		width: 40px;
	}
	
	.stripNavL {
		left: 0;
	}
	
	.stripNavR {
		right: 0;
	}
	
	.stripNavL {
		border: solid 1px red;
	}
	
	.stripNavR {
		border: solid 1px red;
	}
/*	
	#gradiationL {
		position: absolute;
		left: 0px;
		top: 480px;
		width: 140px;
		height: 250px;
		background: url("../images/BSA_slider_0001_leftpapergrade.png") no-repeat left;
	}

	#gradiationR {
		position: absolute;
		top: 480px;
		width: 140px;
		height: 240px;
		left: 825px;	
		background: url("../images/BSA_slider_0000_rightpapergrade.png") no-repeat right;
	}
*/
	a.screenshot img {
		border: none;
	}
	

	
	/*
	 * Footer Elements
	 */ 
	
	
	#footer {
		position: fixed;
		left:0px;
		bottom:0px;
		width: 100%;
		height: 7em;
		background-image: url(../images/footebkgd.png);
		background-repeat: repeat-x;
		color: #ff8e9e;
		font-weight: normal;
	}
	
	#footercontainer {
		margin: 0 auto;
		width: 960px;
		text-align: center;
	}

	#footerimg {
		position: absolute;
		height: 205px;
		top: -67px;
		width: 960px;
		position: relative;
		float: right;
		background-image: url(../images/footebkgd.png);
		background-repeat: repeat-x;
		background-position: 0px 67px;
	}


	#footerimg img {
		left: 400px;
		cursor: pointer;
		margin-left: 750px;
	}

	div.offices {
		color: white;
		margin: 20px 0px 0px 50px;
		float: left;
		font-size: 10px;
		text-align: left;
	}
	
	div.offices h4 {
		font-size: 10px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	div.offices p {
		margin: 10px 10px 10px 10px;
	}

	div#eventslinks {
		text-align: left;
		height: 30px;
		padding-bottom: 30px;
	}
	
	div#eventsbox {
		position: absolute;
		left: 185px;
		top: 25px;
		color: #53552D;
		cursor: pointer;
		font-size: 11px;
		text-transform: capitalize;
	}

	div.eventdesc {
		width: 325px;
		float: left;
		height: 12px;
		overflow: hidden;
		
	}
	
	div.eventclick {
		color: #782039;
		float: left;
		font-size: 9px;
	}
	
	div#footermain {
		position: absolute;
		width: 960px;
		height: 100px;
		background-image: url(../images/footebkgd.png);
		background-repeat:repeat-x;
		font-size: 9px;
	}

	div#footermain a {
		text-transform: uppercase;
		text-align: left;
		font-size: 15px;
		outline: none;
	}


	
	div.contact_box_wrapper {
		background-color: #eeebd8;
		height: 420px;
		padding: 25px 25px 25px 15px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	div.contact_box_wrapper h1 {
		font-family: "Droid Sans", "Arial";
		color: #990028;
		font-size: 26px;
		margin: 0px 0px 25px 0px;
	}

	div.contact_box_wrapper label {
		display: block;
		width: 100%;
		color: #990028;
		margin-left: 10px;
		margin-bottom: 2px;
	}

	div.contact_box_wrapper input {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		border: solid 1px #555336;
		height: 20px;
		line-height: 20px;
	}
	
	div.contact_box_wrapper input.submit {
		margin-top: 10px;
		float: right;
		height: 20px;
		width: 97px;
	}
	
	div.contact_box_wrapper textarea {
		display: block;
		width: 100%;
		height: 100px;
		border: solid 1px #555336;
	}


	div#event_listing {
		height: 180px;
		overflow: auto;
	}

	div#eventslist div {
		padding: 0px 0px 20px 0px;
	}
	
	div#eventslist h2 {
		margin: 0px 0px 0px 0px;
	}
	div#eventslist h4 {
		margin: 10px 0px 10px 0px;
		padding: 0px 0px 0px 15px;

	}
	div#eventslist p {
		margin: 0;
		padding: 0px 0px 0px 15px;
	}





	div.news_and_events {
	}


	div#news_and_events_wrapper {
	}
	
	div#news_and_events_wrapper img.icon {
		padding-bottom: 100px;
		float: left;
	}

	div#news_and_events_wrapper img.cal {
		padding-left: 50px;
		float: left;
	}

	
	div#news_and_events_wrapper div.eventdetails {
		float: left;
		width: 450px;
		height: 260px;
		padding: 0;
		margin: 0;
	}

	div#news_and_events_wrapper div.eventdetails h1 {
		font-family: "Droid Sans", "Arial";
		font-size: 22px;
		color: #686546;
		padding-top: 4px;
		padding-bottom: 8px;
		border-bottom: solid 1px #555336;
	}

	div#news_and_events_wrapper div.eventdetails h2 {
		font-family: "Droid Sans", "Arial";
		font-size: 18px;
		color: #a8000f;
		margin-top: 20px;
		padding: 0;
	}

	
	div#news_and_events_wrapper div.eventdetails h4 {
		font-family: "Droid Sans", "Arial";
		margin: 5px 0px 5px 30px;
		padding: 0;
		font-weight: normal;
		color: #686546;
		font-size: 14px;
	}
	
	div#news_and_events_wrapper div.eventdetails p {
		margin: 5px 0px 5px 30px;
		color: #686546;
		font-size: 10px;
	}
	
	div#news_and_events_wrapper div.eventdetails a {
		color: #a8000f;
		font-size: 10px;

	}

	div#news_and_events_wrapper div.eventdetails hr {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div#news_and_events_wrapper div.eventdetails img.legend {
		margin-right: 10px;
	}

	div#news_and_events_wrapper div.eventdetails label {
		margin-right: 40px;
		font-size: 14px;
	}

	div#event_detail {
		
	}
	
	div#moredetail a {
		color: #b81911;
		font-weight: bold;
	}