@charset "UTF-8";
/* CSS STYLES FOR JOMDC */



/* *********************
     LAYOUT GLOBAL
***********************/

html { background-color:#ffffff;  }

body { margin: 0 auto; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; line-height:16px; }

div#navContent { width:894px; margin:45px auto 0;  position: relative; }

div#bannerContent { width:1000px; margin:0 auto; }

div#mainContainer { background: #ffffff; width: 894px; margin: 0 auto; position:relative;  }

div#footerNav {width: 894px; margin: 23px auto 0; height:39px; background-image:url(images/navBtm_line.gif); background-repeat:no-repeat; padding-top:3px;  }

div#footerText{ width: 894px; margin: 0 auto; color:#666666; font-size:9px; margin-top:5px; }

div#social_media { position: absolute; top:5px; right:0px; }
div#social_media a { margin-left: 5px; }

/* *********************
     LAYOUT HOME
***********************/

div#homeSplashBox{ margin-top:24px; }
	
div#homeBox{ margin-top:40px; }

	
/* *********************
     LAYOUT INTERIOR
***********************/

div#interiorContent { margin-left:298px; padding-right: 50px; }
	
div#interiorSidebar { float:left; text-align:left; width:238px; clear:both; padding-top:10px;}

div#blankPageContent { margin-left:23px; margin-right:23px; }

div#sidebarText{ color:#666666; font-size:9px; padding-top:16px; line-height:13px; }

div#pageClear { clear:both; height:40px; }

div#sectionAbout, div#sectionAdult, div#sectionYouth, div#sectionAbout, div#sectionOutreach, div#sectionConcerts, div#sectionSupport, div#sectionStore {padding-top:12px; }

div.press {margin-bottom:26px;}

div#homeNews { position:absolute; top:308px; width:190px; color:#666666; line-height:14px; overflow:hidden; height:250px; }

div#homeButtons { position:absolute; top:138px; width:220px; color:#666666; line-height:14px; overflow:hidden; height:40px; }

div#divLeft { float:left; width:240px; }

div#divRight { margin-left:270px; width:240px;	 }


/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #article_left_side {
  margin-right: 10px;
  }
 
* html #article_style {
  height: 1%;
  margin-left: -3px;
  }


/* *********************
     TEXT
***********************/


h1 { color: #ff9933; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:14px 0 5px 0; text-transform:uppercase; }
h2 { color: #ff9933; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:300; padding:10px 0 5px 0; text-transform:uppercase; }
h3 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:0 0 0px 0; margin:0; text-transform:uppercase; }
h4 { color: #999999; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:0 0 0px 0; text-transform:uppercase; }
h5 { color: #bbbbbb; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; padding:0 0 0px 0; margin:2px 0 18px 0; text-transform:uppercase; }

a.Header, a.Header:visited { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:none; }

div#homeNews h1 { color:#c61065; text-transform:uppercase;font-weight:500; padding:0; margin:0; font-size:11px; }

div#sectionAbout h1 { color: #ff9933; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionAbout h2 { color: #ff9933; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionAbout a.Header:hover { color: #ff9933; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionAdult h1 { color: #9966cc; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionAdult h2 { color: #9966cc; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionAdult a.Header:hover { color: #9966cc; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionYouth h1 { color: #c61065; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionYouth h2 { color: #c61065; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionYouth a.Header:hover { color: #c61065; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionOutreach h1 { color: #ff5a01; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionOutreach h2 { color: #ff5a01; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionOutreach a.Header:hover { color: #ff5a01; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionConcerts h1 { color: #a63493; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionConcerts h2 { color: #a63493; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionConcerts a.Header:hover { color: #a63493; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionSupport h1 { color: #e53d16; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionSupport h2 { color: #e53d16; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionSupport a.Header:hover { color: #e53d16; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

div#sectionStore h1 { color: #660066; font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:300; padding:0px 0 2px 0; margin-top:0; text-transform:uppercase; line-height:20px; }
div#sectionStore h2 { color: #660066; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:5px 0 2px 0; text-transform:uppercase; }
div#sectionStore a.Header:hover { color: #660066; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; padding:3px 0 0px 0; margin:0; text-transform:uppercase; text-decoration:underline; }

.yellow {color:#ff9933;}
.magenta {color:#c61065;}


.quote { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; }

p { font-family: Arial, Helvetica, sans-serif; margin:15px 0; }
.noBtmMargin { padding-bottom:0; margin-bottom:0; }


div#articleContent { margin-top:0; }



/* *********************
     IMAGES AND LISTS, FORMS
***********************/

form{  }

img.visitbutton{ margin-left:45px; }
	
ul { list-style:none; margin:0 0 0 -11px; padding:0px; }
ul li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0; text-indent:11px;  }

ul.gray {color:#999999; margin:0 0 0 -4px;}
ul.gray li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0; text-indent:11px; color:#999999; }


div#sectionAbout ul li{ background-image: url(images/bullet_yellow.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionAdult ul li{ background-image: url(images/bullet_purple.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionYouth ul li{ background-image: url(images/bullet_youth.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionOutreach ul li{ background-image: url(images/bullet_outreach.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionConcerts ul li{ background-image: url(images/bullet_concerts.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionSupport ul li{ background-image: url(images/bullet_support.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}
div#sectionStore ul li{ background-image: url(images/bullet_store.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;}

div#sectionYouth ul.gray {color:#999999; margin:0 0 0 -4px;}
div#sectionYouth ul.gray li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px; color:#999999; }
div#sectionAdult ul.gray {color:#999999; margin:0 0 0 -4px;}
div#sectionAdult ul.gray li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px; color:#999999; }
div#sectionOutreach ul.gray {color:#999999; margin:0 0 0 -4px;}
div#sectionOutreach ul.gray li { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left 2px; text-indent: 0; padding-left: 11px;  color:#999999; }


	

/* *********************
     TABLES
***********************/

table strong {color:#333333; }

table.tableStyle {border:0; border-collapse:collapse; margin-top:10px;}
table.tableStyle td {padding-left:5px; height:24px;font-size:11px; }
tr.grayBackground { background-color:#e6e6e6; }
tr.whiteBackground { background-color:#ffffff; }

tr.header, div#sectionAdult table.tableStyle tr.header { height:24px; background-color:#955dba; color:#ffffff; text-transform:uppercase; }
div#sectionYouth table.tableStyle tr.header { height:24px; background-color:#c61065; color:#ffffff; text-transform:uppercase; }

 

/* *********************
     LINKS
***********************/	

a,  a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:none;
	}
	
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:underline;
	}
	
div#subnavThird a, div#subnavThird a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	}
div#subnavThird a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
div.press a, div.press a:visited, div#homeNews a, div#homeNews a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
div.press a:hover, div#homeNews a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	}
	
	

	

	
div#footer a, div#footer a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	}
div#footer a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	}