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


/*------------------------------ custum formating -------------------------------*/
/*sets the sub nav for the frotpage based navigation */
.spacer {
height: 14px;
width: 170px;
}

/*to use classes in the column div with class example <div class="1colspan dark-color">- also use the border class simmilarly located in the global style sheet*/
.blue {
background-color: #004070;
}
.dark-color {
background-color: #004070;
}
.med-dark-color {
background-color: #afd133;
}
.med-color {
background-color: #004070;
}
.light-med-color {
background-color: #DDE89F;
}
.light-color {
	background-color: #BAD3E6;
}

a.pageheading {
	color: #004070;
	font-weight: bold;
}

/*-------------------------------- Heading Colors ---------------*/
#content-container h1,h2,h3,h4,h5,h6 { 
color: #004070;}

/*------------------------------- Link Colors ---------------*/
#content-container a:link, a:visited {
color: #004070;
}

/*------------------------------- Template color Formating -----------------------------------*
/* sets the background image which contains the color for the navigation so it the color remains for the full height of the page.*/
#inner-container {
background-image:url(/music/common/images/nav-color.gif);
background-repeat: repeat-y !important;
}
#left-nav-container {
	/*this is used for whent the text is resized and should be the same color of the above bg image*/
background-color: #BAD3E6;

}
/*top nav color*/
#nav-container {
background-color:#004070;

}
/*bottom nav color*/
#footer-container {
background-color:#004070;

}

/*----------------- Template Font Formating --------------------*/

/*-------------- Top Nav Coloring ----------------- */
#nav-container  a:link, #nav-container  a:visited  {
 	color: #ffffff;
}

#nav-container  a:hover {
 	background-color: #bad3e6;
	color: #004070;
	text-decoration: none;
}


/*-------------- footer Nav Coloring ----------------- */
#footer-container  a:link, #footer-container  a:visited  {
	color: #ffffff !important;
}

#footer-container  a:hover {
	background-color: #BAD3E6;
	color: #ffffff;
	text-decoration: none;
}
#footer-container .footer-social-icons a:hover {
	background-color: #004070 !important;
}

/*-------------------- Left Navigation ---------------------*/

#left-nav-container a:link, #left-nav-container a:visited {
	display: block;
	text-decoration: none;
	padding: 3px 6px 3px 8px;
	color: #004070;
}

#left-nav-container a:link {
color: #004070;
}

#left-nav-container a:visited {
color: #004070;
}

#left-nav-container h2 a:link, #left-nav-container h2 a:visited{
	padding-left: 14px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h3 a:link, #left-nav-container h3 a:visited{
	padding-left: 22px;
	border-bottom: 0px solid #ececec;
}

#left-nav-container h4 a:link, #left-nav-container h4 a:visited{
	padding-left: 30px;
}

#left-nav-container a:hover{
	background-color: #004070;
	color: #ffffff;
	text-decoration: none;
	background-image: url("/common/images/arrow-hover.gif");
	background-position: center left;
	background-repeat: no-repeat;
}

#left-nav-container h1 a:hover{
background-color: #004070 !important;
}

/*--- add for non linked text in leftnav ---*/

h3.nav-nolink {
color: #ffffff !important;
padding-left: 22px !important;
padding-top: 8px;
}

h2.nav-nolink {
color: #ffffff !important;
padding-left: 14px !important;
padding-top: 8px;
}

/*------------ special formating ----------------- */
h1.white-large {
font-size: 158% !important;
color: #ffffff !important;
font-weight: normal !important;
padding-bottom: 14px;
}

.borderz {
border: 4px solid #BAD3E6;
}
.m14-img {
margin: 14px 0px 0px 14px;
}
.rightcol-background {
background-image:url(/music/common/images/navitizer.jpg);
background-repeat: repeat-x;
background-position: top;
margin: 5px;
}

.caption {
float: left;
margin: 14px 14px 10px 28px;
width: 190px;
font-size: 77% !important;
line-height: 85% !important;
}
.quotes {
 font-size: 11pt;
 padding: 20px 20px 20px 20px;
 float: right;
 text-algin: right;
}
.borderpics {
width: 240px;
margin-left: 28px;
}
.quick {
float: left;
margin: 14px 14px 0px 28px;
}
.person {
float: left;
margin: 18px 14px 4px 28px;
}
.darkbluetd {
	background-color: #004070;
	background-image: url(/music/common/images/rough-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 0px;
}
.darkbluetd h1 ,.darkbluetd h2, .darkbluetd h3{
	color: #ffffff !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.darkbluetd-notes {
	background-color: #ffffff;
	background-image: url(/music/common/images/rough-bottom2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 28px 0px 10px 0px;
}
.darkbluetd-notes h1 ,.darkbluetd-notes h2, .darkbluetd-notes h3{
	color: #004070 !important;
	margin: 0px;
}
.progtable {
margin-left: 28px;
}

.progtable p {
margin: 8px 0px 0px 4px !important;
}
.progtable h3 {
margin: 4px 0px 4px 4px !important;
font-size: 93% !important;
font-weight: bold !Important;
}
.picleft {
float: left;
margin: 14px 14px 20px 28px;
width: 140px;
font-size: 77%;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 13px;
}
.picright {
	float: right;
	margin: 8px 28px 10px 20px;
	width: 140px;
	font-size: 77%;
	line-height: 13px;
	background-color: #ffffff;
	border: 0px solid #ececec;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.table28 {
margin-left: 28px;
}
img.floatleft {
	float: left; 
	margin-right: 15px;
	margin-bottom: 5px;
	}
	
img.floatright {
	float: right; 
	margin: 0px 0px 10px 20px;
	}
/*------------------ creates a to top button ---------------*/
.totop{
	 clear: both;
	 color: #638CC3;
	 float: right;
	 font-size: .5em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url("/common/images/uparrow.gif");
	 background-repeat: no-repeat;
	 background-position: right;
	 }
/*------------------ use as div around photo with small text underneith ---------------*/
.sortTitle  { 
	font-size:12px;
	font-weight:bold;
	margin: 10px 0px 15px 0px !important;
	text-transform: uppercase;
	text-decoration: none;
	color:#004070;
}

/* use for any listing containing links */
p.linkListing {
	margin-left: 2em;
	margin-bottom: .7em;
	margin-right: 0;
	margin-top: 0;
}

.twocolumn{
	clear: both;
	width:510px;
	padding: 0;
	margin: 0px 0 10px 0;
}
.twocolumn_left{
	float:left;
	width:255px;
}
.twocolumn_right{
	float:right;
	width:255px;
	margin:0;
}

/* used for left photo with caption underneth */
.caption {
 font-size: 7pt;
 width: 200px;
 float: left;
 padding-right: 20px;
 margin: 10px 10px 10px 0;
}
/* arrow link to top of page */
.totop{
	 clear: both;
	 color: #507860;
	 float: right;
	 font-size: .6em;
	 padding:0 12px 0 0;
	 font-weight: bold;
	 background-image: url(/music/common/images/uparrow.gif);
	 background-repeat: no-repeat;
	 background-position: right;
	 }
.finetype {
font-size: .7em;
color: #333;
margin: 6px 0 0 0:
}
/*--------------------------------- ? ----------------------------*/	
p.c1_head {
	margin: 8px 0px 8px 8px;
	font: bold 8pt Verdana;
	color: #FFFFFF;
}

p.c1_sub {
	margin: 8px 0px 8px 20px;
	font: bold 8pt Verdana;
	color: #FFFFFF;
}


/* formatting for content */

p.title {
	margin: 0 0 1em 1em;
	font: bold italic 13pt Verdana;
	line-height: 15pt;
}


p.details {
	margin: 0em 1em .5em .1em;
	font: 8pt Verdana;
	line-height: 10pt;
}

p.description {
	margin: 5px 10px 5px 50px;
	font: 9pt Verdana;
	line-height: 14pt;
	clear: both;
}


p.home_list_head {
	margin: 10px 0px 5px 5px;
	font: bold 11pt Verdana;
	line-height: 12pt;
	padding: 6px 0px 0px 0px;
	border-top: 1px gray solid;
	clear: both;
}


p.page_header {
	margin-left: 0em;
	margin-bottom: .5em;
	margin-right: 0;
	margin-top: 0;
	font: bold 14pt Verdana;
	line-height: 14pt;
}

p.section_heading {
	margin: .5em 0 .5em 1em;
	font: bold italic 11pt Verdana;
}

p.program_heading {
	margin: .8em 0 .7em 1em;
	font: bold 9pt Verdana;
}

p.picturelist {
	margin: 5px 10px 5px 0px;
	font: 9pt Verdana;
	line-height: 13pt;
	clear: both;
}


img.floatleft {
	float: left; 
	margin-right: 15px;
	margin-bottom: 5px;
	}
	
img.floatright {
	float: right; 
	margin: 0px 0px 10px 20px;
	}

.picleft {
	float: left;
	margin: 8px 28px 10px 0px;
	width: 140px;
	font-size: 0.7em;
	line-height: 1.4em;
	background-color: #ffffff;
	border: 0px solid #ececec;
}

.picleft img {
	margin-bottom: 6px;
	border: 5px solid #ececec !important;
}
.picright {
	float: right;
	margin: 8px 28px 10px 20px;
	width: 150px;
	font-size: 0.7em;
	line-height: 1.4em;
	background-color: #ffffff;
	border: 0px solid #ececec;
}

.picright img {
	margin-bottom: 6px;
	border: 5px solid #ececec !important;
}
.darkbluetd, .programs h1 {
	background-color: #004070;
	background-image: url(/music/common/images/rough-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
.darkbluetd h1 ,.darkbluetd h2, .darkbluetd h3{
	color: #ffffff !important;
	margin-bottom: 0px;
}
.darkbluetd-notes {
	background-color: #ffffff;
	padding-left: 28px;
	background-image: url(/music/common/images/rough-bottom2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 18px 10px 10px 28px;
}
.darkbluetd-notes h1 ,.darkbluetd-notes h2, .darkbluetd-notes h3{
	color: #004070 !important;
	margin: 0px;
}
p.top-heading-sub {
margin: 0px 0px 0px 0px;
color: #004070;
}
p.nomargin, h1.nomargin, h2.nomargin, h3.nomargin  {
margin: 0px 0px 0px 0px !important;
}
.twocol-left-td {
padding-right: 16px;
vertical-align: top;
}
.twocol-right-td {
padding-left: 16px;
vertical-align: top;
}
.rightcol-background {
background-image:url(/music/common/images/navitizer.jpg);
background-repeat: repeat-x;
background-position: top;
margin: 5px;
padding: 10px 10px 0px 10px;
}
.borderz {
border: 4px solid #BAD3E6;
}
.border-bottom {
border-bottom: 2px solid #ececec;

}

.more {
background-image:url(/music/common/images/more-info-arrow.gif);
}

.programs{
background-image: url(/music/Alumni/images/DSC4747-570.gif);
background-repeat: no-repeat;
padding-top:256px;
}
.programs h1 {
	color:#ffffff !important;
	margin-left:0px !important;
	margin-right:0px !important;
	padding:28px;
}

.programs .program-header{
	font-size:12px;
	background-color:#e6e6e6;
	text-transform: uppercase;
	color:#004070;
	padding-top:10px;
	padding-bottom:10px;
}

.programs .program-title{
width: 230px;
}

.programs .program-deadline{
width: 160px;
}