* {
	margin:0;
	padding:0;
	border:none;
}

body {
	background-color:#000;
	font:13px/15px Helvetica, Arial, sans-serif;	
}

a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#222;
	text-shadow:0 1px 0 #E4E4E4;
}
a:hover {
	color:#FFF;
	text-shadow:-1px 1px 0 #777;
}
p {
	font-size:13px;
	padding:0px 0px 12px;
}

h1 {
	margin-left:-9999px;
	position:absolute;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	text-shadow: 0 1px 0 #E4E4E4;
	line-height: 44px;
	white-space: nowrap;
	width: 205px;
	height: 50px;
	padding: 0 18px;
	margin: 20px 0 0 0;
	/*background: url("images/velum_ribbon.png") left center no-repeat;*/
	background-image:url(images/velum_ribbon.png);
	background-position:left center;
	background-repeat:no-repeat;
}

h4 {
	font-size: 18px;
	line-height: 28px;
	letter-spacing:1px;
	color: #333;
}
#wrapper {
	position: relative;
	margin: 15px auto 0 auto;
	padding-bottom: 3px;
	width: 1020px;
	background-image: url(images/texturepaperC_gray100.jpg);
	border-radius: 3px;	
	overflow:hidden;
}

#stage {
	margin: 0 auto 0 auto;
	width: 1020px;
	
}
header {
	overflow:hidden;
	display:block;
	margin-bottom:40px;
}

#home header {
	opacity:.1;
}

aside {
	width:265px;
	height:488px;
	background-image:url(images/velum_aside260.png);
	background-repeat:no-repeat;
	display:block;
	margin-left:90px;
	float:left;
}
#content {
	float:right;
	width:555px;
	height:488px;
	margin-right:72px;
	background:url(images/velum_content550.png) left top no-repeat;

}
#content.long {
	height:auto;
	background:url(images/velum_contentLongTop.png) left top;
}
#content.wide {
	height:auto;
	/*float:none;*/
	background:url(images/vellum_contentWideTop.png) left top no-repeat;
	background-size:cover;
	width:860px;
	margin-left:90px;
}

#content.wide #thumbWrapper {
	width:auto;
	margin-left:40px;
	margin-right:43px;
}

#foot { /*under the content div to make it expandable*/
	height:19px;
	background:url(images/velum_contentBottom.png) left top no-repeat;
	margin-bottom:-19px;
}
#content.wide #foot {
	width:auto;
	margin-right: 3px; /*image width discrepancy*/
	background:url(images/vellum_contentWideBottom.png) -1px bottom no-repeat;
}
footer {
	display: block;
	clear: both;
	
	margin-right: 65px;
	width: 862px;
	background: url(images/dot.png) bottom repeat-x;
	padding-bottom: 4px;
	margin-bottom: 4px;
	margin-left: 90px;
	padding-top: 40px;
}
#home footer {
	position: absolute;
	bottom: 3px;
	right: 0px;
	margin-right:94px;
	width: 832px;
	display:none; /*jquery fade in*/
	padding-top: 0px;
}
#home #wrapper {
	padding-bottom: 50px;
	height:650px;
}
#home #logoWrapper {
	background-image:none;
}

#home a#logoSm {
	display:block;	
}
a#logo {
	background-image:url(images/birdpname_u3_offon.png);
	background-repeat:no-repeat;
	/*position:absolute;*/
	z-index:30;
	display:block;
	height:130px;
	width:299px;
	margin-left:29px;
	margin-top:13px;
}
#logoWrapper {
	float: left;
	width: 330px;
	/*background: url(images/dots_arrow260.png) right bottom no-repeat;*/
	padding-bottom: 10px;
}


a#logoSm {
	display: block;
	height: 88px;
	width: 190px;
	margin-left: 93px;
	margin-top: 38px;
	background: url(images/logo-2014-on-off.png) no-repeat;
}
#home a#logoSm {
	margin-left:0;
}
	
a#logo:hover, a#logoSm:hover, #stage_birdpname:hover {
	background-position:left bottom;
	cursor:pointer;
}
.copyright {
	text-align: right;
	/* [disabled]float: right; */
	font-size: 11px;
	display: block;
}

.fancybox-title span { /*caption2*/ 
	display:block;
}

.fancybox-title span + span { /*caption3*/
	display:block;
	font-style:italic;
	margin-top:13px;
}

figure {
	float:left;
	background-color:#000;
}
figure img {
	/*border: 1px solid #444;*/
	height: 112px;
	width: 132px;
	display:block;
}

figcaption {
	color:#F0F0F0;
	background-color:#222;
	font-size:11px;
	font-weight:normal;
	line-height:13px;
	padding-top:3px;
	text-shadow:none;
	
}

#thumbWrapper a.mediumThumb { /*Used for big student images on Teaching page*/
	width:auto;
	height:auto;
	border-width:8px 8px 3px;
	margin-top: 15px;
	margin-right: 3%;
	box-shadow:0 1px 1px #DDD;
	float:left;
	
}
.clear {clear:both;}

#line {
	background-image:url(images/dots.png);
	background-repeat:no-repeat;
	/*width:65%;*/
	
	height:15px;
	margin-left:95px;
	margin-right: 165px;
	/*position:absolute;
	top:123px;*/
	display:none;
	clear:both;
	
}
#address {
	background:url(images/contact_velum_onoff.png) center top  no-repeat;
	position:absolute;
	top:0;
	right:65px;
	height:48px;
	width:200px;
	margin-left:134px;
}
#address:hover {
	background:url(images/contact_velum_onoff.png) center -48px  no-repeat;
}

#contact {
	/*position:absolute;
	right:94px;
	top: 128px;*/
	display:none;
}
.badge {
	background:url(images/velum154.png) center center no-repeat;
	padding:20px;
	text-align:center;
	margin-top:15px;
	font-size:14px;
}
#thumbWrapper {
	width: 490px;
	margin: 20px auto 0;
	padding-bottom:20px;
	padding-left: 8px; /*to make up for margin-right on each link*/
	overflow: hidden;
	clear: both;
}
#interactive #content.long #thumbWrapper { /*interactive page, wideThumbs taking up less space*/
	width:500px;
}
#thumbWrapper a {
	background-color:#000;
	display:block;
	border:6px solid #222;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	width:50px;
	height:50px; /*extra space appears below in FF without this*/
}

#thumbWrapper .thumbSet a {
	margin-right:13px;
}

#thumbWrapper a.leaderThumb {
	width:200px;
	height:130px;
}

#thumbWrapper.Lg a { /*the bigger thumbnails on certain pages--Design*/
	width:120px;
	height:120px; 
}

#thumbWrapper.Lg { /*narrower container on pages with bigger thumbnails--Design*/
	width:420px; 
}

img.wideThumb {
	background-color: #000;
	/*border: 6px solid #222;*/
	float: left;
	/*margin-right: 8px;
	margin-bottom: 10px;
	cursor: pointer;
	 [disabled]width: 450px; */
	 width: 200px;
}

#thumbWrapper a.wideThumb {
	
	width:200px; /*the extra space appears here too with auto here instead of a real width*/
	height:130px;
	
}
#thumbWrapper img {
	opacity:.95;
}
#thumbWrapper img:hover {
	opacity:1;
}


.thumbSet {
	/*display:none;*/
	height:62px; /*its children float*/
	margin-bottom:30px;
	clear:left;
}

.siteGroup {
	float:left;	
	width:225px;
	margin-right:10px;
	margin-left:15px;
	margin-top:15px;
}



.slideable { /*class that's added to the nav in the jquery (home page only)*/
	/*position:absolute;*/
	width:1020px;
	/*top:200px; -135px needed to push above page*/
	z-index:10;
	display:none;
	clear:both;
	padding-top:25px;
}


/*****************************Nav for home page****************************/
.mainNav {
	list-style-type: none;
	overflow:hidden;
	width: 837px;
	margin-top:15px;
	margin-left:96px;
	margin-right:auto;
}


.mainNav li.last {
	margin-right:0;
}

.mainNav li {
	float: left;
	width: 155px;
	margin-right:15px;
}


.mainNav li a {
	display: block;
	padding: 0 14px 22px 14px;
	font-size:17px;
	font-weight:normal;
	letter-spacing:2px;
	line-height:44px;
	text-align: center;
	
}
.mainNav li a {
	background:url(images/velum155v.png) center top no-repeat;
}

.mainNav li a:hover {
	background:url(images/velum155v.png) center bottom no-repeat;
}

.mainNav li a span {
	display:block;
	height:102px;
	width:126px;
	background-color:#000;
	box-shadow:0 1px 0 #E4E4E4;
	background-position: center;
	background-repeat:no-repeat;
}
.mainNav li a:hover span { 
	background-color:#FFF;
	box-shadow:-1px 1px 1px #555;
}

.mainNav li a span img {
	margin-top:3px;
}


/*******************Nav for all other pages  (not home page)*******************/

.topNav {
	list-style-type: none;
	overflow:hidden;
	width: 550px;
	float:right;
	margin-top:107px;
	margin-right:71px;
	margin-left:40px;
}


.topNav li.last {
	margin-right:0px;
	float:right;
}

.topNav li {
	float: left;
	/*width: 80px;*/
	margin-right:46px;
	

}

.topNav li a {
	display: block;
	padding: 0;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:34px;
	text-shadow:0 1px 0 #CCC;
}

.topNav li.current {
	padding-right: 12px;
	/*background:url(images/brace_right.png) right center no-repeat;*/
}
.topNav li.current a{
	/*padding-left: 12px;
	background:url(images/brace_left.png) left center no-repeat;*/
}
.topNav li a:hover, .topNav li.current a {
	text-shadow:-1px 1px 0 #777;
	color:#fff;
}

/*********************** end of topNav ******************************/

/********************side column navigation*************/
.secondary {
	list-style-type: none;
	margin-left: 19px;
	margin-right: 10px;
	margin-top: 26px;
	padding-bottom: 20px;	/*border-bottom:2px dotted #666;*/
}


.secondary li {
	margin-bottom: 18px;
}

.secondary li a {
	display: block;
	padding-left: 26px;
	font-size: 12px;
	line-height: 20px;
	background: url(images/frameset_tiny.png) left top no-repeat;
	
	white-space:nowrap;
}

.secondary li a:hover, .secondary li a.current {
	background: url(images/frameset_tiny.png) left bottom no-repeat;
	text-shadow:-1px 1px 0 #777;
	color:#FFF;
}

#seriesLabel {
	font-size:14px;
	letter-spacing:1px;
	padding:15px 12px 15px 12px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-20px; /*because the ul right below it has a margin-top applied*/
	width:391px;
	background:url(images/velum_curved.png) left bottom no-repeat;
	text-shadow:0 1px 0 #E4E4E4;
}
#seriesLabel.first {
	margin-top:20px;
}
.studioLinks li {
	margin-bottom:6px;
}
.studioLinks li a {
	padding:0 0 0 6px;
	margin:0 0 5px 0;
	background:url(images/frameset_med_onoff.png) left bottom no-repeat;
	height:32px;
}
.studioLinks li a:hover, .studioLinks li a.current {
	background:url(images/frameset_med_onoff.png) left top no-repeat;
}
.studioLinks li a img {
	margin:0;
	padding:2px 6px 0px 0;
}
/*******end side column navigation *********/

.rightNote { /*interactive page "Click..." */
	float: right;
	padding-top: 50px;
	padding-right: 100px;
	color: #333;
	text-shadow: 0 1px 0 #E4E4E4;
}
#thumbWrapper .feature {
	float:right; 
	opacity:1; 
	margin-left:40px; 
	margin-top:-30px; 
	margin-bottom:15px;
	border-radius:50%;
	box-shadow: 0 1px 3px #333;
}

.descrip {
	margin:5px 15px 10px 19px;
	padding:0;
	font-size:15px;	
	color:#444;
	line-height:20px;
}

#content .descrip { /*when the paragraph is in the right column change the margins*/
	margin: 10px 0 30px;
}

.larger {
	font-weight:bold;
	font-size:17px;
	
}
aside.padTop {
	padding-top:25px;	
}

#thumbWrapper.padBottom {
	padding-bottom: 101px;	/*even out the column height on the teaching page only*/
	
}
.dropcap {
	font-size:28px;	
}

.fancybox-title h3 {
	font-size: 16px;
}

.fancybox-title h4 {
		font-size:14px;
		letter-spacing:normal;
		line-height:18px;
		color:#000;
}