/* css/themes/sa.css */

body {
	width: 950px;
	margin: 0 auto;
	font-family: Verdana, sans-serif;
	font-family: Arial, Verdana, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	color:#4e4c4c;
	background-color: white;
}

* { behavior: url('css/themes/iepngfix.htc'); }

#header {background:url('img/default/header1.jpg') no-repeat; width:950px; height:106px;}
#header img{margin-left:108px; margin-top:15px;}

#header-top {padding:0; margin:0;}
#header-top ul {margin:0px; padding:0px;}
#header-top ul li{display:inline; margin-right:5px;}
#header-top ul li img{margin:0px;}

h2 {
	color: #B50000;
	font-size: 2.2em;
	font-weight: normal;
	margin: 8px 0 15px 0;
	line-height: 100%;
}

h3 {
	color: #3B3B3B;
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .7em 0;
}

a {
	color: #225071;
}

a img {
	border: 0;
}

a.star {
	background: transparent url('img/themes/default/icons/star.gif') left center no-repeat;
	padding: .5em 2em .5em 20px;
	color: #930203;
	font-weight: bold;
	text-decoration: none;
}



/* TOPNAV */

ul#topnav {
	margin: .5em 0;
	padding: 0;
}

ul#topnav li {
	display: inline;
}

ul#topnav li a {
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 .5em;
	padding: 0 0 0 20px;
	background: white url('img/themes/default/red-star.png') left center no-repeat;
}

ul#topnav li a:hover, ul#topnav li.selected a {
	color: #A44C4B;
	text-decoration: none;
}



/* LEFTNAV */

#leftnav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	border-bottom: 1px solid #E1BCC4;
}

#leftnav li {
	background: white url('img/themes/default/navbar_red.gif') left top repeat-y;
	border-top: 1px solid #E1BCC4;
	margin: 0;
	padding: .5em 0 .5em 1.5em;
}

#leftnav li.selected {
	background-color: #EBEBEB;
}

#leftnav li a {
	color: #4E4C4C;
	font-size: .9em;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

#leftnav li.selected a {
	color: #B50000;
	font-weight: bold;
}

#leftnav li ul {
	display: none;
	float: none;
	list-style: none;
	width: auto;
	border: none;
	padding: 0;
	margin: 0;
}

#leftnav li.selected ul {
	display: block;
}

#leftnav li ul li, #leftnav li ul li.selected {
	background: transparent;
	border: none;
	padding: .3em 0 .3em 12px;
	margin: 0;
}

#leftnav li ul li.selected {
	background: transparent url('img/themes/default/icons/indent.gif') left center no-repeat;
}

#leftnav li ul li a {
	color: #4E4C4C;
	text-transform: none;
}

#leftnav li ul li a, #leftnav li.selected ul li a {
	color: #4E4C4C;
	font-weight: normal;
}

#leftnav li ul li.selected a {
	color: #B50000;
}



/* FOOTER */

#footer {
	width: 100%;
	height: 75px;
	padding: 1em 0 0 0;
	border-top: black 1px solid;
	background: black url('img/themes/default/footer.jpeg') left top repeat-x;
	color: white;
	font-size: .9em;
	clear: both;
}

#footer a {
	color: yellow;
}

#footer p.footer_details {adv.css (line 323)
left:20px;
position:relative;
text-align:center;
top:-10px;
}



/* BREADCRUMBS */
#breadcrumbs { background: #ECEBEB; font-size: .9em; padding: 0 .5em; margin-bottom: 5px; }
#breadcrumbs a { color: #2f5e76; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }



/* SECTION */

div.section {
	margin: 0 215px 0 200px;
}

div.section ul {
	list-style-image: url('img/themes/default/arrow.gif');
}



/* RIGHT HAND SIDE */

div.rhs {
	float: right;
	width: 215px;
	text-align: right;
	margin-bottom: 30px;
}

div.rhs a {
	display: block;
}



/* NEWS */

div.news-entry {
	margin: 10px 35px 10px 0;
	padding: 0 10px 0 10px;
	width: 316px;
	height: 227px;
	background: white left top no-repeat;
	float: left;
	overflow: hidden;
}

div.news-entry h2 {
	color: white;
	font-size: 1.9em;
	text-transform: uppercase;
	margin: 0;
	padding: .8em 0 .8em 65px;
}

div.news-entry h3 {
	color: #930203;
	font-size: 1.5em;
	font-weight: normal;
	margin: .4em 0 .2em 0;
	padding: 0;
}

div.news-entry img {
	float: left;
	border: #CCCCCC 1px solid;
	padding: 3px;
	margin: 0 1em .6em 0;
}

div.imgl {
border:1px solid #CCCCCC;
float:left;
margin-bottom:25px;
margin-right:5px;
padding:3px;
}

div.get-involved-entry {
	width: 319px;
	height: 183px;
}

ul.other-news {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.section ul.other-news {
	list-style-image: none;
}

ul.other-news li {
	background: transparent url('img/themes/default/icons/news.gif') left top no-repeat;
	padding: 0 0 1em 20px;
	margin: 0;
	color: #FF9933;
	font-size: 1.1em;
}

a.newsmore {
background:transparent url('img/themes/default/icons/arrow.gif') no-repeat scroll 0px 2px;
color:#225071;
padding-left:15px;
}

#body-wrapper h3.news
{
	font-size:1.5em;
}


/* VIDEO */

#panes-buttons {
	clear: left;
}

#panes-buttons * {
	display: inline;
	padding: 0;
	margin: 0;
}

#panes-buttons img {
	margin: .5em;
	border: white 1px solid;
	padding: 3px;
}

#panes-buttons li img:hover {
	border: #FFC706 1px solid;
}

div.video-preview img {
	float: left;
	margin: 0 1em 1em 0;
	border: #CCCCCC 3px solid;
}

div.video-preview a.icon {
	display: block;
	height: 20px;
	background: white url('img/themes/default/icons/vid.gif') left top no-repeat;
	padding: 0 0 0 30px;
}

a.lnk-vid {background: url('img/themes/default/icons/vid.gif') 0 -1px no-repeat; padding-left: 20px; color: #225071;}

div.video-related { float: right; width: 215px; margin-bottom: 30px; }
div.video-related div { background-color: #F9F1D7; border: #FDE089 1px solid; height: 50px; font-size: .9em; line-height: 125%; padding: 5px; margin-bottom: 10px; }
div.video-related img { float: left; margin-right: 5px; }
div.video-related a { display: block; }
div.no-related-videos div.video-related { display: none; }



/* FRAMES, FORMS, TABLES */

p.forminfo {
	background: #FCE1E1;
	border: #EDBABA 1px solid;
	margin: 1em 0;
	padding: .5em;
}

table.form1 {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
}

table.form1 td {
	padding: 4px 2em 4px 1em;
}

table.form1 td.s300 {
	width: 300px;
}
table.form1 td.s200 {
	width: 200px;
}

table.form1 tr.alt td {
	background: #FCF6E6;
	border-top: #F4DEA2 1px solid;
	border-bottom: #F4DEA2 1px solid;
}

table.form1 input {
	width: 100%;
}

table.form1 input[type="radio"]
{
	width:auto;
}

input[type="text"], textarea, select {
	border-width: 2px;
}

textarea{
width:100%;
height:10em;
}

input.formsend {
	background: transparent url('img/logos/btn_submit.gif') no-repeat;
	border: none;
	cursor: pointer;
	height: 33px;
	width: 110px;
	margin-bottom: 10px;
}



/* SCHOOLS */

table.yellow {
	border-collapse: collapse;
	text-align: left;
}

table.yellow thead {
	background-color: #faecb9;
}

table.yellow td, table.yellow th {
	padding: .5em 1em;
	border-bottom: #f4dea2 1px solid;
}

table.yellow tr.odd td {
	background-color: #fcf6e6;
}



/* MULTIMEDIA */

div.mm-panel {
	margin: 10px 20px 20px 0;
	padding: 0 10px 0 10px;
	width: 204px;
	height: 424px;
	background: white left top no-repeat;
	float: left;
	overflow: hidden;
}

div.mm-panel div.column {
	position: absolute;
	width: 204px;
	height: 424px;
}

div.mm-panel h2 {
	color: white;
	font-size: 1.9em;
	text-transform: uppercase;
	margin: 0;
	padding: .5em 0 .4em 65px;
}

div.mm-panel h3 {
	color: #4e4c4c;
	font-size: 1.5em;
	font-weight: normal;
	margin: .5em 0 0 0;
	padding: 0;
}

div.mm-panel a.from-bs, div.mm-panel a.from-bb {
	font-size: 8pt;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}

div.mm-panel a.from-bb {
	color: #930203;
}

div.mm-panel img.g {
	width: 52px;
	height: 38px;
	padding: 0 10px 10px 0;
	float: left;
}

div.mm-panel a.thumb {
	text-decoration: none;
	font-size: 8pt;
	display: block;
	margin-bottom: 10px;
	line-height: 1.2em;
	clear: left;
	display: block;
}

div.mm-panel a.thumb img {
	float: left;
	padding: 0 10px 10px 0;
}

div.mm-panel a.thumb span {
	color: #bba47c;
}

div.mm-panel a.button {
	display: block;
	width: 100%;
	height: 30px;
	padding-top: 11px;
	color: white;
	background: white url('img/themes/default/button.gif') center center no-repeat;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
	clear: left;
	position: absolute;
	bottom: 5px;
}

div.mm-panel ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;
	color: #FF9900;
	font-weight: bold;
	padding: 0;
	margin: 0 1em 0 2.5em;

}

div.mm-panel ol li {
	padding: 0 0 .5em 0;
	margin: 0;
}

div.mm-panel ol a {
	font-weight: normal;
}

div#mm-photo-page div.album {
	float: left;
	margin: 10px 15px 0 0;
	padding: 5px;
	width: 200px;
	height: 199px;
	border: #cf8e8e 1px solid;
	text-align: center;
	font-size: 7pt;
	overflow: hidden;
}

div#mm-photo-page div.album div {
	background-color: #a90d0e;
	color: #f4bd8c;
	padding: 5px;
	height: 33px;
	line-height: 130%;
	overflow: hidden;
}

div#mm-photo-page div.album strong {
	display: block;
	color: white;
	font-size: 8pt;
}

div#mm-photo-page div.album a {
	text-decoration: none;
}

div#mm-photo-page div.photos img {
	margin: 10px 15px 0 0;
	padding: 5px;
	border: 1px solid #c5c3c3;
}

div#mm-photo-page div.photos img:hover {
	border: 1px solid #8898c9;
	background-color: #cf8e8e;
}

.mm-panels {width:227px; float:left; background:url(../img/bg_music.gif) no-repeat; height:262px; margin-right:8px; margin-top:10px; margin-bottom:20px; padding-left:10px;}
.mm-panels img{margin-top:46px; margin-bottom:0px;}
.mm-panels p a{ background:url(../img/icons/star.gif) no-repeat; padding-left:20px; color:#930203; font-weight:bold; text-decoration:none;}
.mm-panels.video {background:url(../img/bg_video.gif) no-repeat;}
.mm-panels.photos{background:url(../img/bg_photos.gif) no-repeat;}



/* ATTACHMENTS */

div.documents-list {
	background-color: #FCE1E1;
	border: 1px solid #EDBABA;
	margin: 1em 0;
	padding: 0.5em;
}

div.documents-list p {
	background: url('img/default/icons/page.png') left center no-repeat;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 20px;
}

div.documents-list ul {
	margin: 0 0 0 8px;
	padding: 0;
	list-style-position: inside;
	list-style-image: url('img/default/icons/arrow.png');
}

div.documents-list ul li {
	padding: 0;
	margin: 0;
}

.panel1{background:url('img/default/panels/whats-new.png') no-repeat; width:246px; height:172px; float:left; margin-right:15px; margin-top:-15px; clear: right}
.panel1:hover{background:url('img/default/panels/whats-new_hover.png') no-repeat;}
.panel1 img {float:left; margin-top:78px; margin-left:12px; margin-right:5px;}
.panel1 img.blank {margin-top:5px; margin-left:12px;}
.panel1 p {margin-top:75px; line-height:1.3em; color:#fff; margin-right:10px; margin-bottom: 8px; }
.panel1 p a{color:#fff; text-decoration:none;}

.panel1 p.fom {margin-top:-5px;}
.panel1 p.fom a{ background:url('img/default/panels/star.gif') no-repeat; padding-left:20px; color:#fff; font-weight:bold; text-decoration:none; margin-left:13px; margin-top:0px;}
.panel1 p.fom a:hover{ background:url('img/default/panels/star1.gif') no-repeat; color:#f99722; font-weight:bold;}

.panel2{background:url('img/default/panels/get-involved.png'); width:246px; height:172px;  float:left; margin-right:15px; margin-top:-15px;}
.panel2:hover{background:url('img/default/panels/get-involved_hover.png') no-repeat;}
.panel2 img {float:left; margin-top:78px; margin-left:12px; margin-right:5px;}
.panel2 img.blank {margin-top:5px; margin-left:12px;}
.panel2 p {margin-top:75px; line-height:1.3em; color:#fff; margin-right:10px; margin-bottom: 8px; }
.panel2 p a{color:#fff; text-decoration:none;}
.panel2 p.fom2 {margin-top:-5px;}
.panel2 p.fom2 a{ background:url('img/default/panels/star.gif') no-repeat; padding-left:20px; color:#fff; font-weight:bold; text-decoration:none; margin-left:13px; margin-top:0px;}
.panel2 p.fom2 a:hover{ background:url('img/default/panels/star1.gif') no-repeat; color:#f99722; font-weight:bold;}

.panel3{background:url('img/default/panels/awards.png'); width:421px; height:172px;  float:left; margin-top:-15px;}
.panel3:hover{background:url('img/default/panels/awards_hover.png') no-repeat;}
.panel3 img {float:left; margin-top:78px; margin-left:12px; margin-right:5px; margin-bottom: 8px; }
.panel3 p {margin-top:80px; margin-left:95px; margin-right:90px; line-height:1.3em; color:#fff;}
.panel3 p a{color:#fff; text-decoration:none;}
.panel3 p.fom3 {margin-top:10px;}
.panel3 p.fom3 a{ background:url('img/default/panels/star.gif') no-repeat; padding-left:20px; color:#fff; font-weight:bold; text-decoration:none; margin-left:0px; margin-top:0px;}
.panel3 p.fom3 a:hover{ background:url('img/default/panels/star1.gif') no-repeat; color:#f99722; font-weight:bold;}

.panel4{background:url('img/default/panels/mm_panel.png') no-repeat; width:421px; height:172px;  float:left; margin-top:6px;}
/*.panel4:hover{background:url(../img/panels/awards_hover.png) no-repeat;}*/
.panel4 img {float:left; margin-top:78px; margin-left:12px; margin-right:5px; }
.panel4 p {margin-top:65px; margin-left:20px; margin-right:145px; margin-bottom: 8px; line-height:1.3em; color:#fff;}
.panel4 p a{color:#fff; text-decoration:none;}
.panel4 p.fom4 {margin-top:10px;}
.panel4 p.fom4 a{ background:url('img/default/panels/star1.gif') no-repeat; padding-left:18px; color:#fff; font-weight:bold; text-decoration:none; margin-left:0px; margin-top:0px;}
.panel4 p.fom4 a:hover{color:#f99722; font-weight:bold;}

/* ROOT DOCUMENT */

/*
#root-document div.panel {
	margin-top: -15px;
	padding: 75px 12px 0 12px;
	float: left;
	font-size: 9pt;
}

#root-document div.panel a {
	color: white;
	text-decoration: none;
}

#root-document div.panel a.star {
	background-image: url('img/default/panels/star.gif');
	padding-right: .5em;
}

#root-document div.panel img {
	margin: 3px 7px 10px 0;
	float: left;
}

#root-document div.panel1 {
	background: url('img/default/panels/whats-new.png') no-repeat;
	width: 230px;
	height: 102px;
}

#root-document div.panel1:hover {
	background: url('img/default/panels/whats-new_hover.png') no-repeat;
}

#root-document div.panel2 {
	background: url('img/default/panels/get-involved.png') no-repeat;
	width: 230px;
	height: 102px;
}

#root-document div.panel2:hover {
	background: url('img/default/panels/get-involved_hover.png') no-repeat;
}

#root-document div.panel3 {
	background: url('http://sa.blastbeat.org/img/panels/mm_panel.png') no-repeat;
	width: 401px;
	height: 102px;
	margin-top: 4px;
}

#root-document div.panel3:hover {
	background: url('http://sa.blastbeat.org/img/panels/mm_panel.png') no-repeat;
}
*/



/* TOGGLER */

/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

	/* Toggler - default style */
	.toggler {
	   margin:6px 0 6px 0;
		cursor:pointer;
		text-decoration: none;
		font-size: 1.2em;
		font-weight:normal;
		line-height:30px;
		display: block;
		color:#744d34;


	}



	.toggler-closed {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #faefd0 url('../img/toggle/togglerc.jpg') center right no-repeat;
		border: solid 1px white;
	}

	.toggler-closed strong, .toggler-opened strong{font-family:Georgia, "Times New Roman", Times, serif; width:50px; color:#990000; font-size:1.4em; font-weight:normal;}

	.toggler-closed:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fff url('../img/toggle/togglerch.jpg') center right no-repeat;
		border: solid 1px #e3e3e3;
	}
	.toggler-opened {
		color:#333;
		padding-left:20px;
		height:30px;
		background: #faefd0 url('../img/toggle/toggleorc.jpg') center right no-repeat;
		border: solid 1px white;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		height:30px;
		background: #fff url('../img/toggle/toggleorc.jpg') center right no-repeat;
		border: solid 1px white;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 1px #e3e3e3;
		margin:-6px 0px 6px 0px;
	   padding:20px;
	}
	.toggler-c-opened {
		margin:-6px 0px 6px 0px;
	   padding:20px;
	   background:#fcf7e4;
	   border:solid 1px #fff;

	}

	.toggler-c-opened p{margin-bottom:10px; padding-bottom:0px;}

	}



/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}



/* css/lightbox.css */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}