@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/allegro-mainBG.jpg) repeat;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, td {
	margin: 0px;
	padding: 0px;
	color: #31342f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p, ol, ul, td { font: 15px/normal Verdana, Arial, Helvetica, sans-serif; }

h2 {
	font: lighter 22px/normal Verdana, Arial, Helvetica, sans-serif;
	padding: 32px 22px 10px;
	margin: 20px 0px 0px;
	text-decoration: none;
	width: 203px;
	border-bottom: 1px solid #e6e6e6;
}
h2 a {
	color: #31342f;
	text-decoration: none;
}
h2 strong {
	font: bold 16px/normal Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	color: #708c5f;
	text-decoration: none;
	font: bold 16px/normal Verdana, Geneva, sans-serif;
	margin: 0px 0px 6px 0px;
}
h4 {
	font: lighter 16px/normal Verdana, Geneva, sans-serif;
	margin: 0px 0px 6px 0px;
}
h3 a {
	color: #708c5f;
	text-decoration: none;
}
h1 a:hover {
	text-decoration: underline;
	color: #fff;
}
h2 a:hover {
	text-decoration: underline;
	color: #31342f;
}
h3 a:hover {
	text-decoration: underline;
	color: #708c5f;
}
h1, .heading {
	color: #fff;
	width: 600px;
	padding: 0px 0px 0px 60px;
	margin: 0px 0px 22px -22px;
	font: lighter 22px/50px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/allegro-contentHeader.jpg) no-repeat left center;
}
h1 a, .heading a {
	color: #fff;
	text-decoration: none;
}
h1 strong, .heading strong {
	font: bold 22px/50px Verdana, Arial, Helvetica, sans-serif;
}
a {
	color: #5e0042;
	text-decoration: underline;
}
a:hover { color: #de019c; }
ul {
	margin: 0px 0px 0px 17px;
	list-style: square;
}
ol { margin: 0px 0px 0px 32px; }
small { font-size: 90%; }
img { border: 0; }
#headerWrap {
	background: #fff url(../images/allegro-topBarBG.png) repeat-x;
	margin: 0px;
	padding: 0px;
	height: 173px;
	width: 100%;
}
#header {
	margin: 0px auto;
	width: 960px;
	height: 173px;
	padding: 0px;
}
#header .altNav {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header .altNav li {
	margin: 0px;
	padding: 0px 15px 0px 21px;
	float: left;
	white-space: nowrap;
	background: url(../images/allegro-topBarArrow.png) no-repeat left top;
}
#header .altNav a {
	margin: 0px;
	padding: 0px 0px 5px;
	display: block;
	white-space: nowrap;
	font: lighter 13px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	float: left;
}
#header .altNav a:hover {
	text-decoration: underline;
	color: #ccc;
}
#logo {
	margin: 21px 0px 0px;
	padding: 0px;
	float: left;
}
#header .navigation {
	float: right;
	width: 615px;
	margin: 32px 0px 0px 0px;
	padding: 0px;
	clear: right;
	position: relative;
}
#header .navigation li {
	margin: 0px;
	float: left;
	clear: none;
	list-style: none;
	position: relative;
	background: #fff;
	display: block;
	height: 60px;
}
#header .navigation a {
	margin: 0px;
	padding: 4px 43px 20px 18px;
	display: block;
	color: #de019c;
	font: lighter 15px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border-right: 2px solid #888;
}
#header .navigation li a:hover, #header .navigation li.sfHover a {
	color: #5e0042;
	background-color: #fef8fc;
	position: relative;
	z-index: 20;
}
#header .navigation a.more { background: url(../images/allegro-moreArrow.png) no-repeat right 28px; }
#header .navigation a:hover.more { background: #fef6fc url(../images/allegro-moreArrow.png) no-repeat right 28px; }
#header .navigation .last a { border-right: none; }
#header .navigation li ul, #header .navigation li.sfHover ul {
	font: lighter 15px/normal Verdana, Arial, Helvetica, sans-serif;
	width: 220px;
	height: auto;
	position: absolute;
	z-index: 10;
	left: -19px;
	top: 58px;
	display: none;
	background: #f3c0e4 url(../images/allegro-dropdownBG.jpg) repeat-x left bottom;
	border: 2px solid #888;
}
#header .navigation li:hover ul, #header .navigation li.sfHover ul {
	display: block;
	background: #f3c0e4 url(../images/allegro-dropdownBG.jpg) repeat-x left top;
}
#header .navigation ul li {
	float: none;
	height: auto;
	background: none;
}
#header .navigation li.sfHover ul li a {
	padding: 6px 18px;
	border: none;
	background: none;
}
#header .navigation li.sfHover ul li a:hover {
	color: #de019c;
	background: #fff;
}
#mainWrap {
	background: url(../images/allegro-ribbon.jpg) no-repeat center top;
	margin: 0px;
	padding: 29px 0px 0px 0px;
	width: 100%;
}
#mainWrap .sideColumn {
	margin: 0px 0px 22px 0px;
	float: left;
	width: 247px;
	background: #f2faec;
}
#mainWrap .mainColumn, #mainWrap .topWrap {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 650px;
}
#mainWrap .mainColumn .content {
	margin: 22px 0px;
	padding: 22px;
	width: 606px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: #f5f8f3;
}
#mainWrap .oneColumn {
	margin: -46px 0px 0px 0px;
	padding: 0px;
	float: left;
	width: 930px;
}
#mainWrap .oneColumn .content {
	margin: 22px 0px;
	padding: 22px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: #f5f8f3;
}
#mainWrap .oneColumn h1 {
	width: 930px;
	background: url(../images/allegro-contentHeader2.jpg) no-repeat left center;
}
#rotator {
	margin: -54px 0px 0px;
	width: 650px;
}
#callOut { margin-left: -29px; }
#footer {
	margin: 0px auto 22px auto;
	width: 960px;
	clear: both;
}
#footer ul {
	margin: 0px auto;
	width: 960px;
	text-align: center;
}
#footer li {
	color: #5e0042;
	list-style: none;
	display: inline;
}
#footer li a {
	color: #5e0042;
	text-decoration: none;
	font: lighter 13px/normal Verdana, Arial, Helvetica, sans-serif;
}
#footer a:hover {
	color: #5e0042;
	text-decoration: underline;
}
.copy, .copy a {
	font: lighter 13px/normal Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #876372;
	margin: 12px 0px;	
}
.wrap {
	margin: 0px auto;
	padding: 0px 29px;
	clear: both;
	width: 930px;
}
.sideHeading1 {
	background: url(../images/allegro-sideColumn-HeaderLeftBG.png) no-repeat left top;
	text-align: left;
}
.sideHeading2 {
	background: url(../images/allegro-sideColumn-HeadeRightBG.png) no-repeat left top;
	text-align: right;
}
.sideContent1 {
	background:  url(../images/allegro-sideColumn-BGDance.png) no-repeat left bottom;
	text-align: left;
	padding: 22px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin-bottom: -45px; 
}
.sideContent2 {
	background: url(../images/allegro-sideColumn-MusicBG.jpg) no-repeat left bottom;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	padding: 22px;
}
.sideContentTemp {
	background:  url(../images/Sugar-Plum-Fairy-Silhouette.png) no-repeat right bottom;
	text-align: left;
	padding: 22px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin-bottom: -45px; 
}
.sideContent { padding: 22px; }
table.contactForm { position: relative; }
table.contactForm td { padding: 2px 0px; }
table.contactForm td .inactive { color:#999; }	 
table.contactForm td .active { color: #1b1b1b; }	
table.contactForm td .focused {
	color: #1b1b1b;
	background: #fffdde;
}
.accOptions {
	text-align: right;
	padding: 0 0 15px 0;
}
#accordion { list-style: none; margin: 0; padding: 0; }	
#accordion h3 { 
	cursor:pointer;
	padding-bottom: 6px;
	border-bottom: 1px solid #fff;
	font: bold 16px/18px Verdana, Geneva, sans-serif;
	margin: 12px 0px 0px 0px;
}
#accordion h3 span {
	padding-right: 23px;
	background: url(../images/allegro-dropArrow.jpg) no-repeat right bottom;
}
#accordion h3:hover { 
	color: #5e0042;
	text-decoration: underline;
}
#accordion h3:hover span { background: url(../images/allegro-dropArrowHL.jpg) no-repeat right bottom; }
#accordion h3.accSelect span { background: url(../images/allegro-dropArrow.jpg) no-repeat right top; }
#accordion h3:hover.accSelect span { background: url(../images/allegro-dropArrowHL.jpg) no-repeat right top; }
.accContent {
	overflow: hidden;
	clear: both;
	background: #fff;
}
.accStyle { padding: 15px; }
.accStyle .video {
	float: right;
	padding: 0 0 15px 15px; 
}
#ytvideo {
	width: 550px;
	margin: 0 auto 22px auto;
}
.ytList {
	list-style: none;
	width: 547px;
	padding: 0 0 0 3px;
	margin: 22px auto;
}
.ytList li {
	float: left;
	width: 160px;
	margin: 0 32px 22px 0;
	text-align: center;
}
.ytList li.last { margin-right: 0; }
.ytList li a {
	background: #fff;
	display: block;
	padding: 6px;
	height: 146px;
	text-decoration: none;
	border: 2px solid #fff;
}
.ytList li a:hover { border: 2px solid #de019c; }
.ytList li a img { margin: 3px 10px; }
div.horizontalRule {
	background: #f2faec;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 2px;
	width: auto;
}
table.photo-gallery { margin-left: 3px; }
table.photo-gallery td { padding: 0 27px 27px 0; }
table.photo-gallery td a {
	display: block;
	border: 2px solid transparent;
}
table.photo-gallery td a:hover { border: 2px solid #de019c; }
.navigation small a { font-weight: lighter; color: #5e0042; }
.more {
	display: block;
	padding-left: 20px;
	background: url(../images/allegro-moreArrow2.png) no-repeat left center;
}
.small { font-size: 85%; }
.clear { clear: both; }
.green { color: #708c5f; }
.pink { color: #de019c; }
.sticky, .noShow { display: none; }
.floatLeft { float: left; }
#slideshow { background: #fff; height: 281px; }
.img-right {
	float: right;
	margin: 10px 0 20px 30px;	
}
.img-left {
	float: left;
	margin: 10px 30px 20px 0;
}


/* ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox { font: 13px Verdana,Arial,Helvetica,sans-serif; }
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*  User Style:
    Change the following styles to modify the appearance of ColorBox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* The following provides PNG transparency support for IE6 */
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.notice { background-color: #ffffaa; border: 2px solid #ffff00; padding: 6px; margin: 8px 0 3px 0; font-size: 0.9em; }