@charset "utf-8";
/* CSS Document */
@import url("nav.css");
@import url("josh.css");

* { outline: 0px none; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #000;
	background: #F6F6F6;
}

.clear {
	clear:both;
	display:block;
	float:none;
	height:0pt;
	margin:0pt;
	overflow:hidden;
	padding:0pt;
	width:0pt;
}

/**************************************************
* No Flash Styles
**************************************************/
h1{
	margin:0;
}
h1 a{
	display:block;
	position:absolute;
	margin:34px 45px;
}
.centerwrap{
	margin:0 auto;
	width:970px;
}
#greybar{
	background:url(../images/nav_bar.gif) repeat-x;
	height:314px;
}
#noflashnav{
		
}
#noflash_nav{
	list-style:none;
	margin:0 0 0 221px;
}
#noflash_nav li{
	float:left;	
}
#noflash_nav li a{
	text-transform:uppercase;
	color:#fff;
	padding:32px 15px;
	display:block;
}
#sitelinks{
	clear:both;	
}
#sitelinks ul{
	list-style:none;
	margin-left:236px;
	padding-top:8px;
}
#sitelinks ul li{
	float:left;	
}
#sitelinks ul li#link-m3 a{
	background:url(../images/link_m3.png) no-repeat;
	width: 81px;
	height: 28px;
	display:block;
	text-indent:-999em;
}
#sitelinks ul li#link-engage a{
	background:url(../images/link_engage.png) no-repeat top left;
	width: 215px;
	height: 28px;
	display:block;
	text-indent:-999em;
	margin-left:3px;
}
#sitelinks ul li#link-sec a{
	background:url(../images/link_sec.png) no-repeat;
	width: 102px;
	height: 28px;
	display:block;
	text-indent:-999em;
	margin-left:3px;
}
#sitelinks ul li#link-missions a{
	background:url(../images/link_missions.png) no-repeat;
	width: 254px;
	height: 28px;
	display:block;
	text-indent:-999em;
	margin-left:7px;
}
#sitelinks ul li#link-m3 a:hover,
#sitelinks ul li#link-engage a:hover,
#sitelinks ul li#link-sec a:hover,
#sitelinks ul li#link-missions a:hover{
	background-position:left bottom;	
}
/**************************************************
* Home Page Styles
**************************************************/
#wrapper {
	width: 100%;
}

body.home {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #fff;
	background: #000000;
}


.home #theFlash {
	width: 100%;
	height: 850px;
}

/**************************************************
* Sub Page Styles
**************************************************/
#theFlash_Wrapper {
	width: 100%;
	height: 314px;
}

.sub #theFlash {
	width: 100%;
	height: 314px;
}

.sub #container {
	width: 970px;
	margin: 0px auto;
}

#sub_page_wrapper {
	width: 100%;
	background: url(/images/sub_wrapper_bg.gif) 50% top repeat-y;
	margin-bottom: 100px;
}

#left_column {
	width: 550px;
	padding-top: 25px;
	float: left;
	display: inline;
}

#left_column.nopadding {
	padding-top: 0px;
	padding-bottom: 20px;
}

#right_column {
	width: 380px;
	padding-left: 20px;
	float: left;
	padding-top: 35px;
	overflow:hidden;
}

#text_sidebar {
	width: 380px;
}

#sidebar_nav {
	background: url(/images/sidebar_top_shadow.png) top left no-repeat;
	padding-top: 14px;
	margin-bottom: 25px;
}

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

#side_nav li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;

}

#side_nav li a, #side_nav li a:visited, #side_nav li a:active {
	line-height: 30px;
	border-bottom: 1px dotted #ccc;
	display: block;
	width: 160px;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

#side_nav li a:hover, #side_nav li a:visited:hover {
	background: #F77F19;
	color: #fff;
}

#sidebar_nav_container {
	background: url(/images/sidebar_bottom_shadow.png) bottom left no-repeat;
	padding-bottom: 20px;
}

.ie6 #sidebar_nav_container {
	background: url(/images/sidebar_bottom_shadow.jpg) bottom left no-repeat;
}



#upcoming_events {
	width: 188px;
	float: left;
	padding-right: 5px;
}

.event_box {
	line-height: 22px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	margin: 0px;
	margin-bottom: 22px;
}

.event_box a, .event_box a:visited, .event_box a:active {
	text-decoration: none;
	font-weight: bold;
}

.event_box a:hover, .event_box a:visited:hover {
	text-decoration: underline;
}

#image_sidebar {
	float: right;
	width: 187px;
}

#noflash_subheader {
	width: 500px;
	height: 83px;
	background: url(/images/sub_page_title.png) top left no-repeat;
	padding-left: 50px;
	font-size: 40px;
	color: #fff;
	padding-top: 22px;
	text-transform: lowercase;
}

#page_content {
	margin-left: 20px;
	padding-left: 10px;
	width: 512px;
}

#page_content.nopadding {
	margin-left: 10px;
	width: 540px;
}

p {
	line-height: 22px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0px;
	margin-bottom: 22px;
}

h2 {
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 22px;
	margin: 0px;
	margin-bottom: 10px;
	color: #f7841b;
	line-height: 24px;
}

h3 {
	color: #000000;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 10px;
	line-height: 20px;
}

h4 {
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	margin: 0px;
	line-height: 22px;
}

h5 {
	background: #f7841b;
	padding: 6px 10px;
	color: #fff;
	font-size: 16px;
	margin: 0px;
	margin-bottom: 10px;
}

h6 {
	font-size: 12px;
	color: #f7841b;
	margin: 0px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
}

ul, ol {
	line-height: 22px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0px;
	margin-bottom: 22px;
}

li {
	padding-top: 2px;
	padding-bottom: 2px;
}

a img {
	border: 0px;
}

hr {
	border: 0px none;
	border-top: 1px dashed #ccc;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.img_left {
	float: left;
	margin: 5px 15px 10px 0px;
}

.img_right {
	float: right;
	margin: 5px 0px 10px 15px;
}

.img_outlined {
	margin: 5px 15px 10px 0px;
	padding: 5px;
	border: 1px solid #ddd;
}

.img_left_outlined {
	float: left;
	margin: 5px 15px 10px 0px;
	padding: 5px;
	border: 1px solid #ddd;
}

.img_right_outlined {
	float: right;
	margin: 5px 0px 10px 15px;
	padding: 5px;
	border: 1px solid #ddd;
}

.black, .black * {
	color: #000;
}

.orange, .orange * {
	color: #f7821a;
}

#sub_footer {
	width: 100%;
	padding-bottom: 40px;
	padding-top: 10px;
	background: #E5E5E5;
}

#footer_container {
	width: 970px;
	margin: 0px auto;
}

#footer_copy {
	float: left;
	width: 200px;
	padding-left: 50px;
	margin-left: 20px;
	display: inline;
	margin-top: 10px;
	padding-top: 20px;
	background: url(/images/sbtc_logo.png) top left no-repeat;
}

#footer_copy p {
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	color: #000;
}

#footer_icons {
	float: right;
	width: 130px;
	margin-top: 20px;
}

.rss, .rss:visited, .rss:active {
	background: url(/images/social_sprite.png) top left no-repeat;
	height: 18px;
	width: 25px;
	display: block;
	float: left;
	text-indent: -999em;
	margin-top: 11px;
}

.twitter, .twitter:visited, .twitter:active {
	background: url(/images/social_sprite.png) -26px top no-repeat;
	height: 18px;
	width: 28px;
	display: block;
	float: left;
	text-indent: -999em;
	margin-top: 11px;
}

.facebook, .facebook:visited, .facebook:active {
	background: url(/images/social_sprite.png) -53px top no-repeat;
	height: 18px;
	width: 22px;
	display: block;
	float: left;
	text-indent: -999em;
	margin-top: 11px;
}

.rss:hover, .rss:visited:hover {
	background-position: left bottom;
}

.twitter:hover, .twitter:visited:hover {
	background-position: -26px bottom;
}

.facebook:hover, .facebook:visited:hover {
	background-position: -53px bottom;
}







/**************************************************
* Event Listing Styles
**************************************************/
.event_details {
	display: none;
	background: #fff;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}

.event_details #calendar-nav {
	width: 440px;
}

.event_details #month-title {
	width: 535px !important;
	font-size: 18px !important;
	text-align: left !important;
}

.event_details .date, #event-details .date {
	background: #F6F6F6;
	padding: 10px 20px;
	line-height: 30px;
	color: #666;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
}

.ie6 .event_details .date {
	background: #f0f0f0;
}

.event_details .date img {
	float:left;
	margin-right:7px;
	margin-top:7px;
}

.event_details .overview {
	padding: 10px 20px;
}

.event_details .overview p {
	line-height: 30px;
	color: #666;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 0px;
}

.event_details .description {
	padding: 10px 20px;
}

.event_details .description p {
	line-height: 22px;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	margin-bottom: 0px;
}

.event_details .description h5 {
	margin-bottom:8px;
}

#calendar-nav {
	float: left;
}

#month-title {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	line-height: 24px;
	display: block;
	float: left;
	width: 217px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	color: #333;
	margin-bottom: 5px;
	list-style: none;
}

#month_selector {
	text-decoration: none;
	display: block;
	padding-top: 9px;
	padding-bottom: 5px;
	background: url(/images/month_dd_bg.gif) top right no-repeat;
}

#month_selector:hover, #month_selector:visited:hover {
	background: url(/images/month_dd_bg.gif) bottom right no-repeat;
}

#month-title ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #e3e3e3;
	border-bottom: 0px none;
	width: 195px;
	position: absolute;
	display: none;
}

#month-title ul li {
	padding: 0px;
}

#month-title ul li a, #month-title ul li a:visited, #month-title ul li a:active {
	display: block;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 6px 10px 3px;
	width: 175px;
	font-size: 11px;
	line-height: 18px;
	text-transform: none;
	text-decoration: none;
}


#month-title ul li a:hover, #month-title ul li a:visited:hover {
	background: #e3e3e3;
}


#event-title {
	font-size: 14px;
	/*line-height: 24px;
	margin-top: 9px;
	display: block;
	float: left;
	width: 512px;
	text-transform: uppercase;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	color: #333;
	margin-bottom: 10px;*/
}

#event-details {
	margin-bottom: 50px;
}

#event-details .date {
	/*float: left;
	width: 512px;*/
	line-height: 26px;
	margin-bottom: 10px;
}

#event-details .date img {
	vertical-align: text-bottom;
}

.back-link img {
	vertical-align: middle;
}

.day_container {
	margin-bottom: 10px;
	float: left;
	width: 510px;
}

.event_day {
	float: left;
	border-right: 1px solid #eee;
	width: 70px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 22px;
	margin-right: 10px;
	color: #666;
}

.event_day sup {
	font-size: 8px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #999;
}


.event_day .multiday {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.event_day .multimonth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.event_day .multiday sup {
	font-size: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	text-transform: uppercase;
	color: #999;
}


.event_link {
	font-size: 14px;
	float: right;
	width: 429px;
}

.event_link a, .event_link a:visited, .event_link a:active, #event-title {
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 449px;
	float: left;
	display: block;
	font-weight: bold;
	line-height: 20px;
}
#event-title {
	color:#F7821A;
}

.event_link a:hover, .event_link a:visited:hover {
	text-decoration: underline;
}

#prev-month {
	width: 45px;
	height: 40px;
	float: left;
	display: block;
}

#next-month {
	width: 45px;
	height: 40px;
	float: left;
	display: block;
}


#category_sort {
	float: right;
	display: inline;
}

#category_sort ul {
	padding-left: 0px;
	float: right;
	margin-bottom: 0px;
	margin-top:0px;
	width:205px;
	list-style: none;
}

#category_sort ul li {
	background: none;
	padding-left: 0px;
	padding: 0px;
}

#category_sort .choice, #category_sort .choice:visited, #category_sort .choice:active {
	background: url(/images/calendar_dd_bg.jpg) top left no-repeat;
	display: block;
	width: 202px;
	height: 31px;
	color: #333;
	text-decoration: none;
	padding-left:8px;
	font-size: 10px;
	text-transform: uppercase;
	padding-top:9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
}

#category_sort .choice:hover, #category_sort .choice:visited:hover {
	color: #333;
	text-decoration: none;
}

#category_sort #categories ul {
	border-bottom:1px solid #E3E3E3;
	margin:0;
	padding:0;
	position:absolute;
	width:180px;
	margin:-7px 0 0 5px;
}

#category_sort #categories ul li {
	padding: 0px;
}

#category_sort #categories ul li a, #category_sort #categories ul li a:visited, #category_sort #categories ul li a:active {
	background: #f6f6f6;
	border-top: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	padding-left: 8px;
	display: block;
	color: #333;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 10px;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

#category_sort #categories ul li a:hover, #category_sort #categories ul li a:visited:hover {
	background: #333;
	color: #fff;
}

/**************************************************
* Blog Listing Styles
**************************************************/
.blog-left {
	float: left;
	width: 48px;
	padding-right: 15px;
}

.blog-right {
	float: left;
	width: 447px;
}

.blog-item {
	margin-bottom: 50px;
	border-bottom: 1px solid #e6e6e6;
}

.post-title {
	color: #555;
	margin: 0px;
	background: url(/images/top_shadow.png) top left no-repeat;
	padding-top: 28px;
}

.post-date {
	color: #777;
	margin-bottom: 8px;
	line-height: 18px;
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
}

.post-content {
	background: url(/images/shadow.png) top left no-repeat;
	padding-top: 20px;
}

#comment-form {
	margin-bottom: 100px;
}

#comment-form .label {
	width: 100px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	line-height: 26px;
	color: #666;
}

#comment-form #your_email, #comment-form #your_name {
	float: left;
	width: 394px;
	padding: 7px 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

#comment-form #your_comment {
	float: left;
	width: 394px;
	padding: 7px 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 7em;
}

.comment-author {
	line-height: 30px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 14px;
	color: #666;
	border-bottom: 1px solid #e6e6e6;
	font-weight: bold;
}

.comment-row0, .comment-row1 {
	margin-bottom: 25px;
}

.comment-text {
	line-height: 20px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #666;
	padding-top: 7px;
}

#post-comments h4 {
	margin-bottom: 10px;
	margin-top: 15px;
}

#btn_submit {
	width: 100px;
	height: 33px;
	text-indent: -999em;
	display: block;
	background: url(/images/submit_btn.png) top left no-repeat;
	float: left;
	margin-left: 100px;
}

.blog-post {
	margin-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
}
.blog-name {
	color: #555;
	margin: 0px;
	background: url(/images/shadow.png) bottom left no-repeat;
	padding-bottom: 18px;
}

.blog-title {
	padding-top: 28px;
	color: #555;
	margin: 0px;
	background: url(/images/top_shadow.png) top left no-repeat;
}

.subscribe {
	color: #777;
	margin-bottom: 8px;
	line-height: 18px;
	font-size: 11px;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
}

#blogs-home .post-title {
	color: #555;
	margin: 0px;
	background: none;
	padding-top: 0px;
}

#blogs-list .post-title {
	margin: 0px;
	background: none;
	padding-top: 0px;
}


/**************************************************
* Form Styles
**************************************************/
#form_wrapper {
	margin-bottom: 40px;
	clear:both;
}

#form_wrapper label {
	width: 120px;
	float: left;
	font-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	line-height: 20px;
	padding-bottom: 4px;
	padding-top: 5px;
}

.element {
	margin-bottom: 10px;
	float: left;
}

#form_wrapper .elementText input, #form_wrapper .elementEmail input {
	width: 366px;
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	float: left;
	color: #666;
	border: 1px solid #ccc;
}

#form_wrapper .elementAddress .main {
	width: 120px;
}

#form_wrapper .elementAddress .address_group {
	float: left;
	width: 366px;
}

#form_wrapper .elementAddress .address_group label {
	padding: 0px;
	width: 100%;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 10px;
	color: #bbb;
}

#form_wrapper .elementAddress .address_group .full {
	float: left;
	width: 366px;
}

#form_wrapper .elementAddress .address_group .left {
	float: left;
	width: 168px;
}

#form_wrapper .elementAddress .address_group .right {
	float: right;
	width: 168px;
}

#form_wrapper .elementAddress input {
	width: 100%;
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	float: left;
	color: #666;
	border: 1px solid #ccc;
}



#form_wrapper .elementSelect select {
	width: 382px;
	padding: 7px;
	font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	float: left;
	color: #666;
	border: 1px solid #ccc;
}

#form_wrapper .elementRadio .grouping {
	float: left;
	width: 382px;
}

#form_wrapper .elementRadio .groupingitem {
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 382px;
}

#form_wrapper .elementRadio input {
	float: left;
}

#form_wrapper .elementRadio .groupingitem label {
	float: left;
	font-weight: normal;
	padding: 0px;
	margin-top: 2px;
}

.twitter_post {
	margin-bottom: 20px;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 18px;
	width: 94%;
	padding: 0px 3%;
}

.twitter_post .tweet {
	display: block;
	float: left;
	border-top: 1px solid #eee;
	width: 100%;
	padding: 8px 0px;
}

.twitter_post .tweetdate {
	display: block;
	float: left;
	border-top: 1px solid #eee;
	width: 100%;
	padding: 3px 0px;
	font-size: 10px;
}

.back-link { margin-bottom:25px; margin-top:-25px;}

.response {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid;
	margin:10px;
	padding:5px 15px;
	font-weight:bold;
}
.response ul { list-style:none; margin:0; padding:0; }
#success{
	border-color:#226F22;
	color:#226F22 !important;
	background:#E7FFE7;
}
#success li {color:#226F22;}
#error{
	color:#6f2222;
	background:#ffe6e6 !important;
	border-color:#6f2222;
}
#error li {color:#6f2222;}

#noflash_nav_nav-break{
	display:block;
	height:1px;
	width:100%;
	text-indent:-999em;
}