div#sectiontitle {color:#6c2787;}
div#topmenu li.select {background:url("../images/schools/scm/template/menu_tab_bg_select.gif") no-repeat;}
div#topmenu a:hover.select{background:url("../images/schools/scm/template/menu_tab_bg_select.gif") no-repeat;}
.mainmenugrouphead {background:#6c2787 url("../images/schools/scm/template/menu_head_bg.gif") no-repeat 0 0;}
.mainmenugroupcontent li {border-bottom: 1px dotted #6c2787;}
.mainmenugroupcontent li a:hover {color:#6c2787; }
.mainmenu2 li {border-bottom: 1px dotted #6c2787; }
.mainmenu2 li a:hover {color:#6c2787;}

div#maincolour { width:924px; height:50px; background: url("../images/schools/scm/template/tab_border.gif") no-repeat; border-top:7px solid #fff;}

.schoolmenu li a {color:#9b4596; background:url("../images/commonimages/icons/link_scm.gif") no-repeat 0px 70%; }
.schoolmenu li a:visited {color:#9b4596;}
.schoolmenu li a:hover {color:#9b4596;}

.boxouthead {background:#6c2787 url("../images/schools/scm/template/boxout_top.gif") no-repeat; color:#fff;}
.boxout p.quotetext {color: #6c2787;}

.data thead, .data th {background:#9b4596 url("../images/schools/scm/template/table_head.gif") repeat-x; color:#fff;}

.promo h2 {color:#6c2787;}
.promo h2 a {color: #6c2787; text-decoration: none;}	
.promo h2 a:visited {color: #6c2787;}		
.promo h2 a:hover {color: #6c2787; text-decoration: underline;}

.promo p.newstext {margin: 1.8em 0 0.7em -9px;}
.promo h2.newshead {font: bold 1.4em/1.3em Georgia, "Times New Roman", serif; margin-top: 0; margin-bottom: 0.5em;}
.promo p.quotetext {color: #6c2787;}

.factbox .head { color:#9b4596;}
.texthighlight h2 {color:#9b4596;}
.texthighlight hr {background-color: #6c2787; color: #6c2787;} 
.textintro {border-bottom:1px solid #6c2787;}
.textintro h2 {color:#9b4596;}
.textintro p {color:#6c2787;}
.videoembedbox .head { color:#9b4596;}

.studentprofile h2 { color:#6c2787 !important;}
.studentprofile a, .studentprofile a:visited, .studentprofile a:hover { color:#6c2787;}

.studentprofileorange {background:#6c2787 url("../images/schools/scm/template/quote_bottom.gif") no-repeat 0 100%;}
.studentprofileheadorange {background:#fff url("../images/schools/scm/template/quote_top.gif") no-repeat;}
.studentprofileorange h2 { color:#fff !important; }
.studentprofileorange p { color:#fff !important;}
.studentprofileorange a, .studentprofileorange a:visited, .studentprofileorange a:hover { color:#fff;}

.promofull {background: url("../images/schools/scm/template/promo_full.gif") repeat-y left top; margin-top:5px}
.promobigleft {background: url("../images/schools/scm/template/promo_bigleft.gif") repeat-y left top;} 
.promohalf {background: url("../images/schools/scm/template/promo_half.gif") repeat-y left top;} 
.promosmallleft {background: url("../images/schools/scm/template/promo_smallleft.gif") repeat-y left top;} 
.promotopsolid {background: #6c2787 url("../images/schools/scm/template/promo_top_solid.gif") no-repeat left top;}
.promotopimage {background: #6c2787 url("../images/schools/scm/template/promo_top_image.gif") no-repeat left }
.promotop {background: #fff url("../images/schools/scm/template/promo_top.gif") no-repeat left top;}
.promothird {background: url("../images/schools/scm/template/promo_third.gif") repeat-y left top;} 
.promofullbottom {background: #fff url("../images/schools/scm/template/promo_bottomfull.gif") no-repeat left bottom;}
.promobigleftbottom {background: #fff url("../images/schools/scm/template/promo_bottombigleft.gif") no-repeat left bottom; }
.promohalfbottom {background: #fff url("../images/schools/scm/template/promo_bottomhalf.gif") no-repeat left bottom; }
.promosmallleftbottom {background: #fff url("../images/schools/scm/template/promo_bottomsmallleft.gif") no-repeat left bottom; }
.promothirdbottom {background: #fff url("../images/schools/scm/template/promo_bottomthird.gif") no-repeat left bottom;}
.promotopimage {background: #6c2787 url("../images/schools/scm/template/promo_top_image.gif") no-repeat left top; }

.mainpromo {background: url("../images/sections/research/template/bottom_promo.gif") no-repeat left bottom;}

.homepagelink {background: url("../images/schools/scm/template/slidedeck_spine_small.gif") no-repeat left top; height:19px; padding:10px; margin:10px 0; font: bold 1.6em/1.2em Arial, Helvetica, sans-serif; color:#6c2787;}
.homepagelink a, .homepagelink a:visited, .homepagelink a:hover { color:#6c2787;}

div#footeraddress hr {background-color: #6c2787; color: #6c2787;}

input.gobutton {background : url("../images/commonimages/icons/buttons/background_scm.gif") repeat-x;}
input.gobutton:hover, input.gobutton:hover{color: #fff; background : url("../images/commonimages/icons/buttons/background_scm2.gif") repeat-x; }
input.formbutton {background : url("../images/commonimages/icons/buttons/background_scm.gif") repeat-x left top;}

.profile { position:relative; height:185px; margin-top:10px; margin-bottom:10px;}
.profileimage {height:182px;}
.profileimagetext {width:300px; padding-top:5px;}
.profileimagetext h2 {color:#9b4596;}
.profileimagename {width:300px; margin-left:130px; padding-top:23px;}
.profileimagename a { font-weight:bold;}

.studentgallery { width:160px; margin-right:9px; background:#ebebeb; float:left;}
.studentgallery a p {color: #6c2787; text-decoration: none; font: bold 1.4em/1.3em Arial, Helvetica, sans-serif; height:40px;}	
.studentgallery a:visited p {color: #6c2787;}		
.studentgallery a:hover p {color: #6c2787; text-decoration: underline; }
.studentgallery img { border-bottom:5px solid #fff;} 
.studentgallery p { margin: 5px 5px 10px 5px; text-align:right;} 			

.staffprofileimage p {background:#9b4596;}

.pageheader { position:relative; height:150px;}
.pageheadercontent {position:absolute; display:inline; padding:10px; top:0px; left:0px; width:280px; background: transparent url('../images/sections/common/template/transparent_black.png') repeat left top; height:130px;}
.pageheadercontent p, .pageheadercontent h1, .pageheadercontent a, .pageheadercontent a:visited, .pageheadercontent a:hover { color:#fff !important;}
.pageheadercontent h1{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #6c2787}
.pagemenu { position:relative; background:#6c2787; border-bottom:10px solid #fff;}
.pagemenu p { color:#fff;}
.pagemenu form { float:right; margin-right:5px; margin-top:2px;}
.pagemenu form label {position:absolute; top:8px; left:410px; color:#fff; font-weight:bold;}
.pagemenu img { margin:3px 8px 0 0;}
.pagemenu h3 {font-size:1.1em; line-height:1em; }
.pagemenu .trigger {padding: 10px 0 10px 28px;  background: url("../images/schools/scm/template/show_arrow.gif") no-repeat 8px 50%; margin:0 0 5px 0; cursor:pointer;}
.pagemenu .trigger a {color:#fff !important;}
.pagemenu .toggle_container {background:#6c2787; width:686px; border-top:1px solid #fff; margin:0 4px;  background: url("../images/schools/scm/template/slidedeck_content.jpg") no-repeat 0 90%;}
.pagemenu .toggle_container a { color:#fff;}
.pagemenu .toggle_container a:hover { color:#fff;}
.pagemenu .toggle_container a:visited { color:#fff;}
.pagemenu .toggle_container_content {width:320px; float:left; padding:0 10px 10px 10px;}
	
/* Easy Slider */
	
#slider ul{ margin:0; padding:0 5px; list-style:none; width:694px; height:182px; overflow:hidden;}
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
#slider li{ width:694px; height:182px; background: #fff url("../images/schools/scm/template/student_says.gif") no-repeat left top;}	
	
/* numeric controls */	
ol#controls {margin:10px; padding:0; height:24px; position:absolute;	bottom:0px; left:0;}
ol#controls li {margin:0 5px 0 0; padding:0; float:left; list-style:none; height:24px; line-height:24px;}
ol#controls li a {color:#fff;  float:left;  width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; 	 	
					line-height:24px; font-weight:bold; text-align:center;  text-decoration:none; background-position:0 0; 
					background-repeat:no-repeat; background-image:url("../images/commonimages/icons/slider/button.png");}
ol#controls li.current a {background-position:0 -24px; }
ol#controls li a:focus{outline:none;}
	
/* Carousel Buttons */
.jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 15px;
    height: 100px;
    cursor: pointer;
    background: transparent url("../images/commonimages/icons/carousel/next_scm.gif") no-repeat 0 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -40px 0;
}

.jcarousel-prev-horizontal {
    background: transparent url("../images/commonimages/icons/carousel/previous_scm.gif") no-repeat 0 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -40px 0;
}

/* SlideDeck */

#slidedeck_frame {
	width: 934px;
	height: 390px;
	padding-top:7px;
	margin-bottom:7px; overflow:hidden;
}
#slidedeck_frame dl {
	width: 934px;
	height: 380px;
	padding:0;
	margin: 0; overflow:hidden;
}			
.slidedeck dd {
	height: 380px;
	padding: 20px 0 10px 0px; background: url("../images/schools/scm/template/slidedeck_content.jpg") no-repeat 0 0;
	
}
.slidedeck dd:hover {
	background: url("../images/schools/scm/template/slidedeck_content.jpg") no-repeat 0 0;
}

.slidedeck dd h2 {font: bold 1.5em/1.3em Arial, Helvetica, sans-serif; color:#fff; position:relative; text-align:right; z-index:2; margin-top:115px; padding-right:15px; } 
.slidedeck dd h2.single {margin-top:136px;} 
.slidedeck dd ul {font: 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff;} 
.slidedeck dd .mediacontent {position:relative;float:left; width:439px; background:#b499c6; padding:1px 0 1px 4px;} 
.slidedeck dd .mediacontent img {padding: 0 1px;} 
.slidedeck dd .mediacontent img.preview {padding: 4px 0;} 
.slidedeck dd .mediacontent img.logo {margin:10px 20px;}
.slidedeck dd .introcontent {float:left; width:215px; margin:0 0 0 7px; } 
.slidedeck dd .introcontent .cutoutimage { position:absolute; top:0px; z-index:1;} 
.slidedeck dd .introcontent p {font: 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff; background: url("../images/schools/scm/template/slidedeck_intro_bg.png") repeat top left; padding:5px 10px; text-align:right; margin-top:6px;} 
.slidedeck dd .calltoaction {font: bold 1.5em/1.3em Arial, Helvetica, sans-serif; width:136px; height:21px; background: url("../images/schools/scm/template/slidedeck_button.gif") repeat top left; padding:13px 10px; position:absolute; bottom:20px; right:50px; }
.slidedeck dd .calltoaction a { color:#fff; background: url("../images/schools/scm/template/slidedeck_arrow.png") no-repeat 3px 3px; padding-left:20px;}
.slidedeck dd .calltoaction a:visited { color:#fff;}
.slidedeck dd .calltoaction a:hover { color:#fff;}
.slidedeck dd .studentprofile {position:absolute; top:100px; right:0; background:#b499c6 url("../images/schools/scm/template/slidedeck_quote_base.png") no-repeat 0 100%; padding:0 10px 35px 10px; width:200px; margin:0 5px;}
.slidedeck dd .studentprofilehead {height:18px; background:#b499c6 url("../images/schools/scm/template/slidedeck_quote_top.png") no-repeat; margin:0 -10px; }
.slidedeck dd .mediacontent .studentprofile p {font: 1.0em/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff !important;}

.slidedeck dt {
	padding:0;
	cursor: pointer;
	height: 41px;
	background: url("../images/schools/scm/template/slidedeck_spine_test.gif") top left;
	color: #6c2787;
	text-align:left !important; font: bold 1.6em/1.0em Arial, Helvetica, sans-serif;
}

.slidedeck dt div { padding-top:3px;}
.slidedeck dt div.singleline { padding-top:10px;}

.slidedeck dt:hover {
	color: #6c2787;
	background-position: center left;
}
.slidedeck dt.active, .slidedeck dt.active:hover {
	cursor: default;
	color: #fff;
	background-position: bottom left; 
}
.slidedeck dt .index {
margin-left: -1150px;
	font-size: 21px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
}
.slidedeck dt:hover .index { color: #000000; }
.slidedeck dt.active .index { color: #ffffff; }


