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

/*#header { height:240px;
	
}*/

/* @group Nav - Primary
===================================== */

#navPrimary {
	height: 28px;
	overflow: hidden;
	z-index: 10;
	margin: 111px 0 0 0;
	padding:0;
	list-style: none;
	font-weight: bold;
	color: #fff;
	background:none;
	/*background: #0c2846;
	background: url(../images/navBgOrange.png) bottom repeat-x;*/
	
	}

#navPrimary li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-variant:small-caps;
	font-weight:normal;
	font-size:14px; 
	background: none;
	 
	}

#navPrimary li.first {
	margin-left: 0px;
	border-left:#f68026 thin solid;
	}

#navPrimary a {
	display: block;
	padding: 0 15px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	border-bottom:none;
	border-right:#f68026 thin solid;
	}

#navPrimary li a:hover, #navPrimary li:hover, #navPrimary li.sfhover {
	background: #f38025; /*orange*/
	color: #fff; 
	}
	
#navPrimary li.current a {background-color:#496E9C;}/*selected main heading light blue bg - #f68026 light orange - dark blue #03244D*/	
	

#navPrimary li:hover a, #navPrimary li li:hover a:hover, #navPrimary li.sfhover a:hover {
	color: #fff;  
	 
	}

#navPrimary li li a:hover {
	color: #fff;
		text-decoration: none;
		background-color:03244D;  /*dark blue*/
	}

/* @group Nav - Primary - Dropdown
===================================== */
/* http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#navPrimary li ul { /* second-level lists */
	position: absolute;
	left: -9999px;
	z-index: 10;
	width: 12em;
	margin: 0;
	padding-left: 0;
	list-style: none;
	background: #03244D;
	
	}

#navPrimary li li { /* all list items */
	float: left;
	width: 12em; /* width needed for Opera */
	margin: 0 !important;
	 
	}

#navPrimary li li a {
	display: block;
	padding: .5em;
	line-height: 1;
	text-transform: none;
	border-right:none;
	font-size:12px;
	font-variant:normal;
	}

#navPrimary ul li.first,
#navPrimary ul li li.first { /* all list items */
	border: 0;
	}

#navPrimary li ul ul { /* third-and-above-level lists */
	margin: -1.95em 0 0 12em;
	}

#navPrimary li:hover ul ul,
#navPrimary li:hover ul ul ul,
#navPrimary li.sfhover ul ul,
#navPrimary li.sfhover ul ul ul {
	left: -9999px;
	z-index: 1001;
	}

#navPrimary li:hover ul,
#navPrimary li li:hover ul,
#navPrimary li li li:hover ul,
#navPrimary li.sfhover ul,
#navPrimary li li.sfhover ul,
#navPrimary li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

/* @end Nav - Primary - Dropdown
-------------------------------- */



/* @end Nav - Primary
-------------------------------- */

#crumblist ul li { background: none; line-height:1.3em; list-style:none; font-size:11px; margin:5px 15px; padding:0 0 3px 8px; }

h2 {
border-bottom:1px solid #CCCCCC;
font-size:2.2em;
line-height:normal;
margin-bottom:5px;
}

/**************  Sidebar nav secondary **************************/

.sidebar ul li ul {padding-left:15px;
	
}

/**************  Homepage Section **************************/
#calendar { float:left; margin:0 25px; padding:0; width:200px; }
.cItem { width:210px; }
.cEvent { float:right; width:155px; }
.cTime { padding-right:10px;}
#navTheatre { border-bottom:#666 thin dotted;}
 

#announcements, #news { float:left; width:210px; }
#announcements ul li, #news ul li { background:url(/template/styles/images/bulletArrow2.gif) left 8px no-repeat; line-height:20px; list-style:none; margin-left:5px; padding:0 0 10px 12px; }
.more { background-position:right 5px; }


#featured { width: 690px; height: 320px; background: #000000 url('/playground/jquery-image-slider-plugin/orbit/loading.gif') no-repeat center center; overflow: hidden; }

#footerWrap { background:url(../images/footer.png) top left no-repeat; color:#f4f4f4; display:block; float:left; font-size:8pt; margin:0 auto; padding:114px 0 0 0; width:950px; }

.mainHeading {
    display: block; position:relative; top:70px;
}
.subHeading {
    display: block;
    font-size: 12px;
     
	 
}

/*#headerTitle {   height:104px;  }*/

.photo-description {
 width:100%x; min-height:215px;  padding:10px 0 0 0; border-bottom: #CCC thin dashed; 	
	}
	
.photo-description p img {float:left;  padding: 0px 10px 0px 0px; }	

/* @group Globals - Forms
===================================== */

#svComments form {
	padding: 2em;
	background: #e9f3f7;
	overflow: hidden;
	max-width: 504px; /*width of #primary in three column layout*/
	}

#svComments #svSearchResults form {
	max-width: 100%;
}

#svComments fieldset {
	border: none;
	padding: 0;
	}


#svComments legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#svComments label {
	padding-top: .5em;
	line-height: 1;
	color: #0c2846;
	}

.submit, .buttons input {
	float: right;
	height: 2em;
	line-height: 2.1em;
	border: none;
	padding: 0 1em;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #2e7aa7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	}

#svComments {
	border-top: 2px solid #ccc;
	margin-top: 3em;
	padding-top: 2em;
	}

#svComments dl {
	border-bottom: 1px dotted #ccc;
	}

#primary {
	float: left;
	width: 450px;
	margin-left:10px;
	padding-right:20px;
	color: #232323;
	}

.threeCol #primary {
	width: 450px;
	padding-right:20px;
	}
#left {
	float: left;
	width: 220px;
	margin-right:0px;
	padding: 5px 0;
	}

.home #left {
	width: 687px;
	padding: 0;
	}

#right {
	float: right;
	width: 210px;
	margin: 0px;
	padding: 16px 13px;
	}

.home #right {
	width: 213px;
	margin: -40px 0 0;
	padding: 0;
	}

.threeColSR {
	width: 167px;
	}	
#calendar {
	float: right;
	 
	margin: 0px;
	padding: 16px 13px;
}

/* @group Nav - Breadcrumb
===================================== */

#crumbList {
	margin: .3em 0em 1em 0em;
	}

#crumbList li {
	font-size: .8em; display:inline; background-image:none; 
	margin-left:0; margin-right:0;
	}

#crumbList li a:hover {
	text-decoration: underline;
	}

/* @end Nav - Breadcrumb
-------------------------------- */

/* @group Globals - Forms
===================================== */

#primary form {
	padding: 2em;
	background: #fff;/*e9f3f7*/
	overflow: hidden;
	width:620px;
	/*max-width: 480px;*/ /*width of #primary in three column layout*/
	}

#aboutus form {width:440px;}
#support form {width:440px;}

#primary #svSearchResults form {
	max-width: 100%;
}

#primary fieldset {
	border: none;
	padding: 0;
	}


#primary legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#primary label {
	padding-top: .5em;
	line-height: 1;
	color: #0c2846;
	}

.submit, .buttons input {
	float: right;
	height: 2em;
	line-height: 2.1em;
	border: none;
	padding: 0 1em;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #2e7aa7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	}
	

fieldset ol {
    padding-top: 15px;
}
 
form ul, form ol, .content form ul, .content form ol {
    margin: 0;
}
 
ol {
    list-style: decimal outside none;
}
 
ol {
    margin-left: 5em;
}

form li {
    clear: both;
    list-style: none outside none;
    margin-bottom: 1em;
    width: 100%;
}	

label, p.fieldLabel {
    float: left;
    font-weight: bold;
    margin-right: 2%;
    padding-right: 7px;
    text-align: right;
    width: 40%;
}

.required {
    color: #BB0000;
    font-weight: normal;
    margin: 0 0 0.5em 0.25em;
}
	

/* @group Globals - Forms - Search
===================================== */

#left  h3 {color:#FFF; padding: 5px 5px 5px 5px; background-image:url(/music/includes/themes/cla/images/sidebarH1.jpg); background-repeat:repeat-x; }

#svPortal dt a { font-size:16px; margin-left:70px;}

/* @group Indexes
===================================== */

 

.svIndex dl {
	padding-bottom: 1em;
	/*border-bottom: 1px dotted #ccc;*/
	}

.aside .svIndex dl {
	margin: .5em 0;
	padding: .5em 0 .5em;
	}

.svIndex dl.hasImage {
		/*padding-left: 90px;
		min-height: 90px; Both set dynamically in dsp_feed.cfm & dsp_portal.cfm*/
		position: relative;
		}

.aside .svIndex dl.hasImage {
	min-height: 0;
	padding-left: 0;
	}

.svIndex dl.hasImage .image {
		float: none;
		}

.aside .svIndex dl.hasImage .image {
	display: none;
	}

.article .svIndex {
	margin-top: 2em;
	}

.article .svIndex dt {
	font-size: 1.6em;
	margin-bottom: .5em;
	}

.svIndex dt.releaseDate {
	text-transform: uppercase;
	color: #777;
	margin: 0 0 3px 10px;
	margin-bottom: .5em;
	font-size: 1em !important;
	}
	
#students .svIndex dt.releaseDate {
	margin: 0 0 3px 0px;
}

#students .svIndex dt a {
	margin: 0 0 3px 0px;
	font-size:14px;
	}
	
#students .svIndex dl {
	margin: 1em 1.5em 1.5em 1.5em;
	border:#CCC thin dotted;
	padding:1em;	
}

.svIndex dt a {
	margin: 0 0 3px 10px;
	}

.svIndex dd {
	line-height: 1.2;
	}

.svIndex dd.image {
	position: absolute;
	top: 0;
	left: 0;
	}
	
.svIndex dd.credits, dd.comments, dd.tags, dd.rating {
    float: left;
    font-size: 1em;
    margin: 0 0 3px 10px;
    padding: 0 0.75em 0 0;
}	

/* @group Ratings */

#blog .svIndex dd.credits,
#blog .svIndex  dd.comments,
#blog .svIndex  dd.tags,
#blog .svIndex  dd.rating {
	line-height: 20px; /* acommodate height of stars */
	}
	

 
div.stars a {
	width: 14px;
	height: 13px;
	background: transparent url(../images/rater/stars.png) no-repeat;
}

.zero { background-image: url(../images/rater/star_zero.png); }
.one { background-image: url(../images/rater/star_one.png); }
.onehalf { background-image: url(../images/rater/star_onehalf.png); }
.two { background-image: url(../images/rater/star_two.png); }
.twohalf { background-image: url(../images/rater/star_twohalf.png); }
.three { background-image: url(../images/rater/star_three.png); }
.threehalf { background-image: url(../images/rater/star_threehalf.png); }
.four { background-image: url(../images/rater/star_four.png); }
.fourhalf { background-image: url(../images/rater/star_fourhalf.png); }
.five { background-image: url(../images/rater/star_five.png); }


/* @group Calendar
===================================== */

.svCalendar table {
	margin: 0;
	
	}

.svCalendar th {
	background: #0c2846;
	vertical-align: middle;
	}

.svCalendar th a, .svCalendar th a:hover {
	background: #0c2846;
	}

.svCalendar th a:hover {
	color: #2e7aa7;
	}


.svCalendar tr.dayofweek td {
	background: #2e7aa7;
	color: #fff;
	}

.svCalendar th,
.svCalendar td {
	border: 1px solid #fff;
	}

.svCalendar td {
		background: #e9f3f7;
	}


/* @end Calendar
-------------------------------- */

/* @group Dragable Feeds */

#svRSSFeeds form {
	background: transparent;
	}

li.boxItemHeader { /* Link of items inside dragable boxes */
	color: #2e7aa7;
	padding-left: 10px;
	background: url(../images/pointer_red_sm.gif) no-repeat left .25em;
	}

a.boxItemHeader { /* Link of items inside dragable boxes */
	color: #2e7aa7;
	}

#svAddNewFeed {
	padding: 0 !important;
	background: transparent !important;
	}

#svAddNewFeed button { /* !important used to override dragable_feeds.css */
	background: #2e7aa7 !important;
	font-size: 11px !important;
	}

/* @end */



/* @group Features
===================================== */

#features {
	overflow: hidden;
	}

/*#features dl {
	float: left;
	clear: none;
	width: 213px;
	margin: 0 16px 0 0;
	}*/

#features {
    -webkit-column-count: 3;
    -webkit-column-rule: 0px;
    -moz-column-count: 3;
    -moz-column-rule: 0px;
  }

#features dt {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.025em;
	}

#features dt a {
	color: #232323;
	}

#features dt a:hover {
	text-decoration: none;
	}

#features dd {
	font-size: 1.1em;
	}

#features dd p {
	margin: -3px 0 8px;
	line-height: 15px;
	}

#features dd a {
	font-weight: bold;
	}

#features dd.image {
	float: none;
	margin: 0 0 1.7em;
	}

#features dd.image img {
	/* recommended size: */
	/*width: 213px;*/
	/*height: 120px;*/
	}


/* @end Features
-------------------------------- */


/* @group Home Feeds
===================================== */

.home .aside h3 {
	display: block;
	padding: 0 1em;
	margin-bottom: 1em;
	line-height: 40px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #ff3405;
	}

.home .aside .svIndex dl {
	margin: 0 1.5em 1em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #d6d6d6;
	}

.home .aside .svIndex dl.last, .home .aside .svIndex dl:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	}

.home .aside .svIndex dt {
	margin: 0 0 .5em;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
	}

.home .aside .svIndex dt.releaseDate {
	margin: 0 0 3px;
	font-size: 1em;
	text-transform: uppercase;
	color: #979797;
	}

.home .aside .svIndex dd {
	margin: 0 0 .25em;
	padding: 0;
	font-size: 1.1em;
	color: #434343;
	}

.home .aside .svIndex dd.summary {
	margin: 0 0 .5em;
	}

/*.home .aside .credits,
.home .aside .tags,
.home .aside .ratings,
.home .aside .credits {
	color: #999 !important;
	}*/

.home .aside .svIndex dl.hasImage .image {
	margin: 0 .5em 0em 0;
	}

.home .aside .svIndex dl.hasImage .image img {
	width: 50px;
	}

.home .aside .svIndex dd p {
	margin: 0;
	padding: 0;
	line-height: inherit;
	}

.home .aside .svIndex span.readMore a {
	display: none;
	}

/* @end Home Promo Feeds
-------------------------------- */

/* @group Blog Feeds
===================================== */

#blog  h3 {
	display: block;
	padding: 0 1em;
	margin-bottom: 1em;
	line-height: 40px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	/*background: #ff3405;*/
	}

.svIndex dl {
	margin: 1em 1.5em 1.5em 1.5em;
	padding: 0 0 .5em;
	/* border-bottom: 1px solid #d6d6d6; */
	}
	
#blog .svIndex dl {
	margin: 1em 1.5em 8.5em 1.5em;
	padding: 0 0 .5em;
	/* border-bottom: 1px solid #d6d6d6; */
	}	

#blog .svIndex dl.last, .home .aside .svIndex dl:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	}

#blog .svIndex dt {
	margin: 1.1em 0 .5em 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3;
	}

#blog .svIndex dt.releaseDate {
	margin: 0 0 3px 70px;
	font-size: 1em;
	text-transform: uppercase;
	color: #979797;
	}

#blog .svIndex dd {
	margin: 0 0 .25em;
	padding: 0;
	font-size: 1.1em;
	color: #434343;
	}

#blog .svIndex dd.summary {
	margin: 0 0 .5em;
	}

/*.home .aside .credits,
.home .aside .tags,
.home .aside .ratings,
.home .aside .credits {
	color: #999 !important;
	}*/

#blog .svIndex dl.hasImage .image {
	margin: 0 .5em 0em 0;
	}

#blog .svIndex dl.hasImage .image img {
	width: 50px;
	}

#blog .svIndex dd p {
	margin: 0;
	padding: 0;
	line-height: inherit;
	}

#blog .svIndex span.readMore a {
	display: none;
	}

/* @group Ratings */

#blog .svIndex dd.credits,
#blog .svIndex  dd.comments,
#blog .svIndex  dd.tags,
#blog .svIndex  dd.rating {
	line-height: 20px; /* acommodate height of stars */
	 float: left;
    font-size: 1em;
    margin-bottom: 0;
    padding: 0 0.75em 0 0;
	}


dd.summary span.readMore { font-size: .9em; }

dd.credits,
dd.comments,
dd.tags,
dd.rating {
	float: left;
	margin-bottom: 0;
	padding: 0 .75em 0 0;
	font-size: 1em;
	}

 
div.stars a {
	width: 14px;
	height: 13px;
	background: transparent url(../images/rater/stars.png) no-repeat;
}

.zero { background-image: url(../images/rater/star_zero.png); }
.one { background-image: url(../images/rater/star_one.png); }
.onehalf { background-image: url(../images/rater/star_onehalf.png); }
.two { background-image: url(../images/rater/star_two.png); }
.twohalf { background-image: url(../images/rater/star_twohalf.png); }
.three { background-image: url(../images/rater/star_three.png); }
.threehalf { background-image: url(../images/rater/star_threehalf.png); }
.four { background-image: url(../images/rater/star_four.png); }
.fourhalf { background-image: url(../images/rater/star_fourhalf.png); }
.five { background-image: url(../images/rater/star_five.png); }



/* @group Calendar
===================================== */

.svCalendar { text-align: center; }

.svCalendar table { width: 220px; }

.svCalendar th {
	padding: 0;
	border: 1px solid #FFF; 
	font-style: normal;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	line-height: 2.2;
	}

#svCalendarNav th {
	line-height: 1.2;
	font-size: .9em;
}

.svCalendar th a {
	display: block;
	padding: .25em;
	text-align: center;
	}

.svCalendar th a:hover {
	
	}
	
.svCalendar td {
		width: 14%;
		height: 60px;
		padding: .5em;
		border: 1px solid #fff;
		font-size: 9px;
		line-height: 1;
		text-align: left;
		vertical-align: top;
		}
		
.svCalendar .dayofweek td {
	height: auto;
	padding: .5em;
	line-height: 1.6;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	}
	
#svCalendarNav .dayofweek td {
	line-height: 1.1;
}

.svCalendar .dayofweek td a {}

#svCalendarNav td {
	height: auto;
	text-align: center;
	}

.svCalendar td .date { }

.content .svCalendar td ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.svCalendar td li a {
	display: block;
	margin: 2px 0;
	padding: 0 0 2px;
	border: 0;
	text-align: left;
	text-decoration: none;
	}

.svCalendar td li a:hover,
.svCalendar td li a#today {
	text-decoration: underline;
	}

/* @end Calendar
-------------------------------- */
/* @group Tag Clouds
===================================== */

#svTagCloud h3 { color:#666; padding: 0 0 0 0; margin-bottom:5px; line-height:25px;}
#svTagCloud ol { margin: 0 0 2em; padding-left:0; }
#svTagCloud li { display: inline; }
#svTagCloud span { position: absolute; left: -9999px; width: 990px; }

#svTagCloud .not-popular { font-size: .9em; }
#svTagCloud .not-very-popular { font-size: 1.2em; }
#svTagCloud .somewhat-popular { font-size: 1.6em; }
#svTagCloud .popular { font-size: 1.9em; }
#svTagCloud .very-popular { font-size: 2.1em; }
#svTagCloud .ultra-popular { font-size: 2.6em; }
#svTagCloud ol li {margin:0; padding:0; padding-right:4px; 
 
/* @end Tag Clouds
-------------------------------- */
#blog .svIndex dd.comments {
    background: url("../images/icon_comments.png") no-repeat scroll 0 50% transparent;
    padding-left: 13px !important;	
 }
 .svPortal dd.comments {
    background: url("../images/icon_comments.png") no-repeat scroll 0 50% transparent;
    padding-left: 13px !important;
 }
.rating {
    background-position: 3.5em 50%;
    background-repeat: no-repeat;
    position: relative;
    width: 110px;
}

.rating span {
    left: -9999px;
    position: absolute;
}

#rateIt h3 { color:#666; padding: 0 0 0 0; margin-bottom:5px; line-height:25px;}

#svRatings h3 span, #avgrating h3 {
    font-size: 1em;
	color:#333;
}
rater.css #svRatings h3 {
    color:#666; padding: 0 0 0 0; margin-bottom:5px; line-height:25px;
}

.req ins {
    left: -9999px;
    position: absolute;
}
reset.css ins {
    text-decoration: none;
}

ol li { font-size:12px;  }
/* @end */

/* @end */