@charset "UTF-8";
/* CSS Document */

/* -------------------------- CSS 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;
}

/* -------------------------- General Structural Styles -------------------------- */

body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/bg.gif) #001b51 repeat-x top center;
	text-align:center;
}
#divWrapper {
	width:980px;
	text-align: left;
	margin:0px auto;
	position: relative;
}
a, a:visited, a:hover {
	text-decoration:none;
	color:#FFCC33;
}
/* ------------------ Branding Styles -----------------*/
#divBranding {
	width:980px;
	height:131px;
	position:relative;
	text-align: left;
}
/* ------------------ Text Styles -----------------*/
p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
h1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 24px;
	color: #ffffff;
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #e39500;
	margin: 0;
	margin-top: 24px;
}
h2.first {
	margin-top: 0;	
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #98bf80;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 18px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 15px;
	color: #ffffff;
}
.lead-in {
	color: #98bf80;	
	font-weight: bold;
}
div#divMainContentWrapper ul {
	padding-left: 24px;
	margin-bottom: 8px;
	list-style: disc;	
}
div#divMainContentWrapper li {
	color: #ffffff;	
	margin-bottom: 4px;
}
a:link {
	text-decoration: underline;
	color:#FFCC33;
}
a:visited {
	text-decoration: underline;
	color:#ffe187;
}
a:hover {
	text-decoration: underline;
	color:#f1b500;
}
/* ------------------- Image Styles ---------------- */
img.image-left  {
	float: left;
	padding-right: 8px;
	padding-bottom: 4px;
}
img.image-right  {
	float: right;
	padding-left: 8px;
	padding-bottom: 4px;
}	
/* ------------------- UL Nav Styles ---------------- */
div#divNav {
	position:absolute;
	top: 0;
	right: 0;	
	width: 722px;
	height: 131px;
	overflow: hidden; 
}
ul#nav {
	position:absolute;
	top: 0;
	left: 0;	
}
ul#nav li {
	float: left;
}
ul#nav li a {
	font-family:”Trebuchet MS”, Arial, san serif;
	display:inline;
	float: left;
	width:auto;
	padding: 0;
	margin:0 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
ul#nav li.news a {
	margin-top: 52px;
	height:79px;
	background: url(/images/home.gif) no-repeat center 30px;
}

ul#nav li.news a:hover {
	background: url(/images/home.gif) no-repeat center bottom;
	color: #2974a1;
}
ul#nav li.chapters a {
	margin-top:16px;
	height:115px;
	background: url(/images/events_icon.gif) no-repeat center 30px;
}
ul#nav li.chapters a:hover{
	background: url(/images/events_icon.gif) no-repeat center bottom;
	color:#9ab589;
}
ul#nav li.advisory a {
	margin-top: 28px;
	height: 103px;
	background: url(/images/arch_icon.gif) no-repeat center 30px;
}
ul#nav li.advisory a:hover {
	background: url(/images/arch_icon.gif) no-repeat center bottom;
	color: #2974a1;
}
ul#nav li.involved a {
	margin-top: 58px;
	height: 73px;
	background: url(/images/chapter_icon.gif) no-repeat center 30px;
}
ul#nav li.involved a:hover {
	background: url(/images/chapter_icon.gif) no-repeat center bottom;
	color:#d38f0f;
}
ul#nav li.links a {
	margin-top: 38px;
	height: 93px;
	background: url(/images/advisory_icon.gif) no-repeat center 30px;
}
ul#nav li.links a:hover {
	background: url(/images/advisory_icon.gif) no-repeat center bottom;
	color: #2974a1;
}
ul#nav li.contact a {
	margin-top: 19px;
	height: 112px;
	background: url(/images/donation_icon.gif) no-repeat center 30px;
}
ul#nav li.contact a:hover {
	background: url(/images/donation_icon.gif) no-repeat center bottom;
	color:#a40f13;
}
ul#nav li.press a {
	margin-top: 52px;
	height: 79px;
	background: url(/images/contact_icon.gif) no-repeat center 30px;	
}
ul#nav li.press a:hover {
	background: url(/images/contact_icon.gif) no-repeat center bottom;
	color: #2974a1;
}
/* ------------------- Image Banner Styles ---------------- */
div#divImageBanner {
	width: 980px;
	height: 216px;
	position: relative;
	text-align: left;
	margin-top: 12px;
	overflow: hidden;
}
div#divImageBanner img {
	margin-bottom: 10px;	
}
div#divMusiciansDonations {
	position: absolute;
	top: 0;
	right: 0;	
	width: 250px;
	height: 160px;
	overflow: hidden;
}
div#divMusiciansDonations li a {
	width: 251px;
	height: 70px;
	margin-bottom: 10px;
	display: block;
	text-indent: -100px;
	padding:0;
}
div#divMusiciansDonations li.donations a {
	background: url(/images/to_donate.gif) no-repeat left top;
}
div#divMusiciansDonations li.donations a:hover {
	background: url(/images/to_donate.gif) no-repeat left -70px;
}
div#divMusiciansDonations li.educators a {
	background: url(/images/for_educators.gif) no-repeat left top;
}
div#divMusiciansDonations li.educators a:hover {
	background: url(/images/for_educators.gif) no-repeat left -70px;
}
/* ------------------ Column Styles --------------------*/
div#divMainContentWrapper {
	width:980px;
	margin-top:25px;
	background: url(/images/content_dividers.gif) repeat-y center top;
	position: relative;
}
div#divMainLeftColumn {
	width: 186px;
	float: left;
}
div#left-sidebar {
	margin-top: 20px;
	width: 176px;	
}
div#divMainContent {
	width: 494px;
	float: left;
	margin-left: 22px;
}
div#divMainRightColumn {
	float: left;
	width: 250px;
	margin-left: 28px;
}
div.clear {
	clear: both;	
}

/* ------------------ Footer Styles --------------------*/
#divFooter {
	clear:both;
	width:100%;
	border-top:1px solid #40547d;
	padding-top: 10px;
}
p.footer {
	width: 980px;
	text-align: right;
	margin: 10px auto;
}

/* ------------------ Advisory Board Styles ------- */
table.advisory_board a {
	font-weight: bold;
	text-decoration: none;
}
table.advisory_board img {
	padding-top: 6px;
	padding-right: 12px;
}
table.advisory_board p {
	margin-bottom: 8px;
}
table.advisory_board td {
	padding-bottom: 16px;
}

/* ----------------- sIFR Styles --------------------- */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 28px;
        line-height: 28px;
	letter-spacing: -8px;
}