/* Royal Academy of Music  2010 */

/* outline */
body, html						{font-size:13px; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;	font-weight:normal;	font-style:normal;}

body							{background-color:#FFF; margin:0; padding:0;}
body .juniorBg					{background-color:#FFF; margin:0; padding:0;}

img								{border: 0; }
a, span.fakelink				{color:#0d3081; text-decoration: none; outline:none;}
a:hover, 
span.fakelink:hover				{text-decoration: underline; cursor:pointer;}
.rightarrow 					{background:url(../images/icons/arrow-right.gif) no-repeat 0 3px;padding-left:12px;font-size:12px;}

.skip							{display: none;}
.clear							{clear: both; line-height:0px;}
.invisible						{visibility:hidden;}

h1,h2,h3,h4 					{font-family: "Bembo W01"; color: #3c3c3c;}
h1								{font-size: 160%; font-weight: normal; padding: 0; margin: 0 0 12px 0; line-height:32px;} 
h2								{font-size: 24px;font-weight:normal;padding: 0; margin: 0 0 8px 0; line-height: 1.0em;color:#ED1C24;}
h3								{font-size: 110%; font-weight: normal; padding: 0; margin: 0 0 5px 0; line-height: 1.1em;}
h4								{font-size: 100%; font-weight: normal; padding: 0; margin: 0 0 7px 0; line-height: 1.0em;}
h5								{font-size: 90%; font-weight:normal; padding: 0; margin: 0 0 2px 0; line-height: normal;}

.cmsContent h3					{font-size:120%;}

hr 								{width: 100%; border:0px; border-bottom: 1px solid #CBCBCB; background-color: transparent;}

.formBtn input 					{padding:0; margin:0;}
.option 						{}
.checkbox 						{position:relative;padding:0;margin:0;}

.float 							{float:left;}
.float-right 					{float:right;}

.uppercase 						{text-transform:none;}

.brown 							{color:#8B0000;}
.purple 						{color:#782f64;}
.dashed_border 					{border-bottom:1px solid #ccc;}

#bg_container 					{z-index:2; position:relative; margin:0 0;}
#bg_container img 				{position:absolute; top:0; left:0;display:none;}

.underline						{padding:0; margin:5px 0 5px 0; border-bottom:solid 1px #d8d8d8;}


/* header */
label.hidden 					{display:none;}

/* main menu */
#menu							{padding-top:15px; background-color:#FFF;}
#menuHome						{padding-top:15px;}

#ifrmExternal 					{border:0;overflow:auto;width:570px; height:570px; }				

/* CMS */
div#previewcmsbar 				{width:100%; background-color:black; color:white; z-index:101; position:relative;}
div#previewcmsbartext			{float:left; padding:7px;}
span#previewcmsbartitle 		{font-size:20px; font-weight:bold;}
div#previewcmsbarhide 			{float:right; vertical-align:center; padding:11px 7px 7px; cursor:pointer;}
div#previewcmsbarhide:hover 	{text-decoration:underline;}


#topnav							{padding:0; font-size:17px; font-family:"Bembo MT W01 Semibold";}
#topnav a						{display:block; background-color:#000; float:left; height:28px; text-decoration:none; color:#FFF; padding:8px 27px 2px 27px; text-align:center; line-height:20px;}
#topnav a:hover					{background-color:#ED1C24;}
#topnav a.selected				{background-color:#ED1C24;}

.subnav							{height:25px; margin:0 0 0 10px; background-image:url(../images/bg-menu-sub.jpg); background-repeat:repeat-x; position:absolute;}
.subnav a						{display:block; float:left; background-image:url(../images/bg-menu-sub.jpg); background-repeat:repeat-x; color:#FFF; padding:0; text-align:center; font-size:11px; line-height:26px; text-decoration:none;}
.subnav a:hover					{background-image:url(../images/bg-menu-sub-on.jpg); background-repeat:repeat-x;}
.subnav a.selected				{background-image:url(../images/bg-menu-sub-on.jpg); background-repeat:repeat-x;}

#menuLeft						{float:left; width:109px; padding:0;}
#menuLeftHome					{float:left; width:109px; height:462px; padding:0; background-image:url(../images/logo-home-bg.png); background-repeat:no-repeat;}
#menuRight, #menuRightapollo, #menuRightconductor, #menuRightglock, #menuRightoboe, #menuRightpiano, 
#menuRightviolin, #menuRightxylophone, #menuRightAlumniconductor, #menuRightAlumniglock,
#menuRightAlumnioboe, #menuRightAlumnipiano, #menuRightAlumniviolin,
#menuRightAlumnixylophone {float:left; width:968px; height:116px; margin:0; background-repeat:no-repeat;}
#menuRightHome					{float:left; width:968px; height:430px; margin:32px 0 0 0; background-repeat:no-repeat;}
#menuRightHome					{background-image:url(../images/version-2/background/top-banner-home.jpg);}
#menuRight						{background-image:url(../images/version-2/background/header-cello.jpg);}
#menuRightapollo				{background-image:url(../images/version-2/background/header-apollo.jpg);}
#menuRightconductor				{background-image:url(../images/version-2/background/about_us.jpg);border-top:1px solid #FFFFFF;height:136px;}
#menuRightglock					{background-image:url(../images/version-2/background/fa-.jpg);;border-top:1px solid #FFFFFF;height:136px;}
#menuRightoboe					{background-image:url(../images/version-2/background/header-oboe.jpg);}
#menuRightpiano					{background-image:url(../images/version-2/background/header-piano.jpg);}
#menuRightviolin				{border-top:1px solid #FFFFFF;height:136px;}
#menuRightxylophone				{background-image:url(../images/version-2/background/our_service.jpg);border-top:1px solid #FFFFFF;height:136px;}
#menuRightAlumniconductor		{background-image:url(../images/version-2/background/header-conductor-a.jpg);}
#menuRightAlumniglock			{background-image:url(../images/version-2/background/teacher.jpg);border-top:1px solid #FFFFFF;height:136px;}
#menuRightAlumnioboe			{background-image:url(../images/version-2/background/header-oboe-a.jpg);}
#menuRightAlumnipiano			{background-image:url(../images/version-2/background/header-piano-a.jpg);}
#menuRightAlumniviolin			{background-image:url(../images/version-2/background/header-violin-a.jpg);}
#menuRightAlumnixylophone		{background-image:url(../images/version-2/background/header-xylophone-a.jpg);}

/* main */
.frame							{z-index:10;margin:0 auto 0 auto; width:968px; padding:0;position:relative;}
.footerframe					{z-index:2;}
#framePadding					{background-color:#FFF; padding:10px 0 15px 0; background-image:url(../images/background/generic-bg.gif); background-repeat:no-repeat; background-position:left 50px;}
#framePadding.plain				{background-image:none;}
body#alumnisite					{}
body#alumnisite #framePadding	{background-image:none;}

#rowOne							{}
#rowTwo							{padding:20px 0 0 0;}
#colLeftSmall					{float:left; width:239px; min-height:100px; display:block; padding:0 29px 0 0;margin:0 0 0 0;}
#colLeftLarge					{float:left; width:700px; padding:0 29px 0 0;}
#colLeftLarge #genericPadding	{padding-left:20px; padding-top:20px;}
#colMid							{float:left; width:431px; padding:20px 30px 0 0;}
#colMidFull						{float:left; width:700px; padding:0;margin:20px 0 0 0;}
#colMidFull #right				{float:right;margin:0;padding:0;}
#colRightSmall					{float:right; width:239px; padding:0;}
#colRightLarge					{float:right; width:685px; padding:0;}
#colRightLargeWO				{float:right; width:700px; padding:0; margin-top: 18px;}

.colSingle						{float:left;width:938px;padding:0 15px;margin:0;}
#colMidFull #mid				{float:left;width: 421px;margin:20px 30px 0 0;padding:0;}

/* generic link button */
.button							{color:#8b0000; font-size:11px;}
.button a,
.button div						{height:100%; display:block; padding:3px 10px 3px 6px; line-height:16px; width:auto;}
.button span					{padding-left:5px;}		
.button a span:hover,
.button div span:hover			{cursor:pointer; text-decoration:underline;}

/* specific link buttons */
.button_addUpload,
.button_addPerformance 			{float:right; padding:0px;}
.button_sendContact 			{float:right;}

/* CTAs (big grey buttons with icons) */
.cta{padding:0;width:224px;margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#colLeftSmall .cta{margin-left:15px;}
#colLeftSmall #apply-now{margin-left:15px;}

/*various corrections*/
.intro{margin-bottom:30px;padding:0 15px 0 0;}
.intro p{line-height:18px;margin:0 0 1.5em 0;}
.intro img{margin:0 15px 10px 0;}
#templateGeneric {font-size: 13px;}
#templateGeneric #colLeftLarge .intro{padding:0 20px;}
#templateGeneric #colLeftLarge h2{padding-left:20px;}
#colMidLarge .intro{padding-right:10px;}
.center-left,.center-right{float:left;width:205px;}
#study .center-right h2,#study .center-left h2{font-size:18px;}

/*modal video popup*/
.modalVideoPop{width:240px;}
#colLeftSmall .modalVideoPop{float:right;}
.modalVideoPop a {text-decoration:none;}
.videoPop{background:url(../images/icons/videoPlay.png) no-repeat 0 71px;font-size:12px; text-transform:none;display:block;width:225px; padding-top:109px;}
.modalVideoPop .fontColourOne{line-height:16px;}
/*larger version for homepage*/
#home .modalVideoPop, #home .videoPop{width:431px;}
.videoModal {background-color:#000000!important;color:#ffffff;}
.videoModal .ui-widget-header{background:transparent none repeat scroll 0 0;color:#FFFFFF;}
.videoModal .ui-widget-header .ui-icon{background-image:url(../images/icons/video-close.jpg)!important;height:16px;width:53px;}
.videoModal .ui-icon-closethick{padding:0;margin:0;background-position:0 0;}
.videoModal .ui-state-hover,.videoModal .ui-state-focus{padding:2px 0 0 2px;}
.videoModal .ui-dialog-titlebar-close {right:15px!important;width:54px!important;padding:0!important;}
.videoModal .ui-state-hover, .videoModal .ui-widget-content .ui-state-hover,
.videoModal .ui-widget-header .ui-state-hover, .videoModal .ui-state-focus,
.videoModal .ui-widget-content .ui-state-focus, .videoModal .ui-widget-header .ui-state-focus{background:transparent none!important;border:none!important;}

/* Audio pop*/
.audioPop {
	background:url(../images/icons/videoPlay.png) no-repeat 0 0;
	font-size:12px; 
	text-transform:none;
	display:block;
	width:224px; 
	height:58px;
	position:relative;
	bottom:0;
}
.audioPop:hover {text-decoration:none;}
.audioPop .fontColourOne {position:absolute;bottom:0;padding:5px;line-height:16px;}

/*audio snippet*/
.audioSnippet{background:url(../images/background/audioSnippet.png) no-repeat;margin-top:10px;width:224px;font-size:12px;text-transform:none;background-color:#162F6A;display:block;}
.audioSnippet .fontColourOne{line-height:17px;}
.audioSnippet div{background:url(../images/icons/audioPlay.png) no-repeat 0 0px;padding-top:25px;}

/* Applications drop-down list boxes */
/*#colMidFull form.content-box, #colMidFull p {margin-right:15px;padding-right:15px;}
#colMidFull td.desc p{margin-left:110px;} 
#study .content-box p {margin-right:0;padding-right:0;} */
.content-box {background:#efedee;margin: 0 0 20px 0;padding:10px;color:#525252;}
.content-box .inline-div {margin:0px 0 10px 0;}
.content-box .inline-div input {width:200px;background-color:#fff;border:medium none;color:#515151;font-size:11px;height:16px;margin-bottom:6px;padding:5px 0 5px 10px;}
.content-box .inline-div .sub {color:#333; font-size:11px;}
form.content-box .selectbox{width:660px;margin:10px 0 0;}
#apply_programmes_container {display:none;margin:0px 0 10px 0;}
#apply_auditions_container {display:none}
#apply_content_area {display:none; margin-top:15px; border:1px #CCC solid; padding:0 10px;}
form.content-box ul.more-info li{background:url(../images/icons/arrow-right-grey.gif) no-repeat scroll 0 6px;display:inline;padding:0px 5px;}
form.content-box ul.more-info li a{color:#A62B2B!important;padding-left:8px;}
#programmesStyle	{color:#525252;}

/*WIDGETS*/
ul.more-info{margin-left:0;padding:0;}
ul.more-info li{list-style-type:none; width:100%; border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; padding:5px 0;}

/* Student Profile box */
.widget-studentprofile{margin-top:20px;}
.widget-studentprofile .person{width:100%;background-color:#efeeee;padding-bottom:5px;}
.widget-studentprofile .person .category{font-size:12px;line-height:18px;}
.widget-studentprofile .person .department{font-size:11px;line-height:18px;}
.widget-studentprofile .person ul{margin-left:10px;}
.widget-studentprofile .person a.rightarrow{background-image:url(../images/icons/arrow-right-grey.gif);padding-left:14px;}
.widget-studentprofile img{float:left;margin:0 10px 0 0;}
.widget-studentprofile h2, #study .widget-studentprofile h2{font-size:18px;}
.widget-studentprofile blockquote{margin:10px 10px 0 10px;clear:both;}
.widget-studentprofile blockquote .notes{background-color:#3a5697;color:#ffffff;padding:0 5px;line-height:18px;}
.student-testimonial {font-size:11px;margin:0 10px;padding-top:20px;}
.student-testimonial .copy {color:#fff;background:#314C8D;padding:5px;}
.student-testimonial .sub {color:#fff;background:#666;padding:5px;margin:5px 0 0 20px;float:right;}
.student-testimonial .bqend {float:right; height:30px; margin: -15px 0 0 0;padding: 0 0 0 8px;background-color:#efeeee;}
.student-testimonial .bqstart{background-color:#efeeee;}

/* programme information box */
#study .widget-programme-information h2{font-size:18px;}
.widget-programme-information ul{margin-left:0;padding:10px;background-color:#efeeee;}
.widget-programme-information ul li{list-style-type:none;line-height:20px;}
.widget-programme-information a.rightarrow{background-image:url(../images/icons/arrow-right-grey.gif);padding-left:14px;}

/* news widget */
.h2title							{padding:0; margin:0 0 15px 0; border-bottom:solid 1px #d8d8d8;}
.widget-news h2						{padding:0;}
.widget-news .news-content			{padding:0;}
ul.more-info li a.rightarrow		{background:url(../images/icons/arrow-right-grey.gif) no-repeat 0 3px;padding-left:14px;font-size:11px;}
.widget-news .news-content .hentry{clear:both;border-bottom:solid 1px #D8D8D8;padding-bottom:10px;}
.widget-news .news-content .entry-title{color:#990101;font-size:16px;margin:0 0 5px 0;padding-top:10px; font-family:"Optima LT W01 Roman";}
.widget-news .news-content .entry-content {margin:5px 0 0 0;color:#575757;font-size:0.9em;}
.widget-news .news-content .entry-content p{margin:5px 0 0 0;color:#575757;font-size:0.9em;}
.widget-news .news-content .published{color:#909090;border:none;margin:0;font-size:0.9em;}
.widget-news .news-content ul.more-info {margin-top:10px; padding:0 0 10px 0; width:100%;}
.widget-news .news-content ul.more-info li {}
.widget-news .news-content img {margin:0;}

.RHLink								{font-size:12px; font-weight:bold; color:#0d3081;}

/* what's on widget */
.widget-whatson .vevent{border-bottom:solid 1px #cbcbcb;padding:0 5px 5px 0;margin:0 0 10px 0;}
.widget-whatson .vevent h3{color:#990101;font-size:16px;margin:0 0 5px 0;padding-top:10px; font-family:"Optima LT W01 Roman";}
.widget-whatson .vevent .dtstart{color:#000;border:none;margin:0;font-size:1em;z-index:0; font-weight:bold;}
.widget-whatson .vevent .description{margin:3px 0 0 0;}

/* home */

#logoHome						{float:left; width:603px;}
#socialMenu						{float:left; width:365px; text-align:right; padding:70px 0 0 0;}
#socialMenu ul					{margin:0; padding:0;}
#socialMenu li					{margin:0; padding:0 0 0 15px; display:inline;}
#menuHomeFrame					{width:968px; background-color:#000; padding:0; margin:0;}
#menuFrame						{width:968px; background-color:#000; padding:0; margin:0;}
#bgHome							{width:968px; height:386px; z-index:-999px; position: relative;}

#homeTabs						{float:left; padding:91px 0 0 0; margin:0; width:57px;}
#homeTabs ul					{padding:0; margin:0; list-style:none;}
#home #colMid 							{padding:0px 30px 0 0;}
#home #colMid .more-info				{margin-top:5px;}
#home #colMid .more-info li a.rightarrow{background-image:url(../images/icons/arrow-right.gif);padding-left:10px;}

#homeBlueTitles					{float:left; width:911px; margin:55px 0 0 20px;}
#mainTitleBgHome				{float:left;}
#subTitleBgHome					{float:left;}
#readMoreBgHome					{float:left;}
.subTitleHome					{padding:0px 20px 0 0;}
.readMoreHome					{padding:0px 20px 0 0;}
#menuHome .subTitleHome ul			{margin:0; padding:0; list-style: none;}
#menuHome .subTitleHome li			{background: transparent url(../images/bg-title-blue.png) repeat-x;}
#menuHome .subTitleHome li:hover	{border:none;}
#menuHome .readMoreHome ul			{margin:0; padding:0; list-style: none;}
#menuHome .readMoreHome li			{background: transparent url(../images/bg-title-blue.png) repeat-x; padding:2px 10px 2px 10px;}
#menuHome .readMoreHome li:hover	{border:none;}
.subTitleHome h2				{font-size:11px; color:#FFF; padding:2px 10px 4px 10px; margin:0; text-align:right; text-transform:lowercase;}
.readMoreHome a					{text-align:right;}

.mainTitle						{padding:55px 0 0 0;}
.mainTitleAlumni				{padding:49px 0 0 0;}
#menu .mainTitle ul				{
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	width: 205px;
}
#menu .mainTitleAlumni ul		{margin:0; padding:0; list-style: none; position:absolute;}
#menu .mainTitle li.blue		{}
#menu .mainTitle li.purple		{}
#menu .mainTitle li.white		{color: #ffffff;}
#menu .Department. li:hover		{border:none;}
.mainTitle h1					{font-size:45px; color:#E10A0A; padding:0 0 0 30px; margin:0;}
.mainTitleAlumni h1				{font-size:45px; color:#fff; padding:0 0 0 30px; margin:0;}

/*#menuHome .mainTitleHome ul			{margin:0; padding:0; list-style: none; width:100%;}
#menuHome .mainTitleHome li			{background: transparent url(../images/bg-title-blue.png) repeat-x;}
#menuHome .mainTitleHome li:hover	{border:none;}*/
.mainTitleHome					{padding:0; position: absolute; bottom:0px; left:0;}
h1.mainTitleHome 				{background: transparent url(../images/bg-title-blue.png) repeat-x; font-size:32px; color:#FFF; padding:8px 30px 15px 30px; margin:0;}

.joinUs							{background-color:#ededed; padding:15px 15px 5px 15px; margin:0 0 20px 0; font-size:12px; line-height:1.4em;}
.joinUs h4						{font-size:16px; font-weight:bold;}
.joinUs .more-info				{border-top:none; border-bottom:none;}
.joinUs ul.more-info li			{list-style-type:none; width:100%; border-bottom:none; border-top:#CCC 1px solid; padding:5px 0;}
.joinUs li						{padding:10px 10px; border-bottom:none;}
.joinUs li a					{font-size:14px; text-decoration:none; color:#0d3081;}
.joinUs li a.icon				{padding:0 10px 0 0;}

.addSection						{margin:0 0 20px 0; line-height:1.4em;}

/*header slider*/
#headerslider {width:968px; height:386px!important; padding:0; margin:0; position:absolute;}
#headerslider ul li {list-style-type:none; list-style:none; list-style-image:none;}
/*#headerslider #headerslidewrapper .slide{width:968px;margin:0 auto;position:relative;}
#headerslider .homeControl{display:block; width:14px; height:376px; text-indent:-10000px; position:absolute; cursor: pointer;}*/
#homeLeftControl{top:180px; left:0; position:absolute; height:49px; width:31px;}
#homeRightControl{top:180px; right:0; position:absolute; height:49px; width:31px;}
#homeLeftControl a {display:block; background:transparent url(../images/buttons/control_left.png) no-repeat; height:49px; width:31px;}
#homeRightControl a {display:block; background:transparent url(../images/buttons/control_right.png) no-repeat; height:49px; width:31px;}
/*#headerslider span{color:#ffffff;background-color:#103170;padding:3px 5px;}
.headerslide {position:relative;}*/

#emptySpace{position:relative; top:0; right:0; width:109px; height:30px; background-image:url(../images/background/bg01.jpg);}

/*home slider*/
#homeslider #slidewrapper {width:431px;height:279px;overflow:auto;position:relative;}
#homeslider #slidewrapper .slide{width:431px;margin:0 auto;position:relative;}
#homeslider .control{display:block; width:16px; height:100px; text-indent:-10000px; position:absolute; cursor:pointer;}
#homeslider #leftControl{top:110px; left:0; background:transparent url(../images/buttons/control_left.png) no-repeat 0 0;z-index:9999;}
#homeslider #rightControl{top:110px; right:0; background:transparent url(../images/buttons/control_right.png) no-repeat 0 0;}

#homeslider span{color:#ffffff;background-color:#103170;padding:7px;}
#homeslider span.homeQuote{color:#ffffff; background:transparent url(../images/bg-title-blue.png); background-repeat:repeat; padding:10px; position:absolute; bottom:0; left:0; font-size:14px;}
#homeslider blockquote cite{clear:both;display:block;float:right;background-color:rgba(16,48,111,0.7); color:#ccc; padding:3px 5px;margin-right:18px;}


/* generic */
#crumbTrail						{font-size:12px; color:#2f2f2f; padding:0 0 8px 0;}
#crumbTrail a					{color:#0d3081; text-decoration:none;}
#crumbTrail a:hover				{color:#2f2f2f;}

#subMenu						{line-height:20px; margin-bottom:25px;}
#subMenuBgBase					{padding:0 0 10px 0; width:240px; background-color:#f6f6f6; border-top:#d1d1d1 1px solid;}

#subMenuBgBase ul				{list-style:none; padding:0; margin:0;background:url(../images/left-menu-strip.jpg) no-repeat;background-color: #000000; }
#subMenuBgBase li				{margin:0 10px; padding:0; border-bottom:#d1d1d1 1px solid;}
#subMenuBgBase li a				{padding:10px 0 10px 5px; display:block; font-size:14px; color:#ED1C24; font-family:Arial, Helvetica, sans-serif;}
#subMenuBgBase li a:hover		{text-decoration:underline; color:#0d3081;}
#subMenuBgBase li a.on			{text-decoration:none; color:#ED1C24; /*background-image:url(../images/menu/arrow-red-1.gif); background-repeat:no-repeat; background-position:right;*/}
#subMenuBgBase li a.onchild		{text-decoration:none; color:#ED1C24; background-image:url(../images/menu/arrow-red-1.gif); background-repeat:no-repeat; background-position:right;}


#subMenuBgBase ul ul			{margin:0; padding:0 0 5px 0; border-bottom:none;}
#subMenuBgBase li li			{margin:0 10px; padding:0; border-bottom:none;}
#subMenuBgBase li li a			{padding:5px 0 5px 15px; display:block; font-size:13px; color:#2f2f2f;}
#subMenuBgBase li li a:hover	{text-decoration:underline; color:#0d3081;}
#subMenuBgBase li li a.on		{text-decoration:none; color:#ED1C24; background-image:none;}

#subMenuBgBase ul ul ul			{margin:0; padding:0 0 5px 0; border-bottom:none;}
#subMenuBgBase li li li			{margin:0 10px; padding:0; border-bottom:none;}
#subMenuBgBase li li li a		{padding:5px 0 5px 25px; display:block; font-size:13px; color:#2f2f2f;}
#subMenuBgBase li li li a:hover	{text-decoration:underline; color:#0d3081;}
#subMenuBgBase li li li a.on	{text-decoration:none; color:#ED1C24; background-image:none;}

#genericContent 				{padding:0 10px;font-size:13px; height:auto; }
#genericContent a				{color:#0d3081;}
#genericContent a:hover			{color:#0d3081;}
#genericContent p				{line-height:18px;margin:0 0 1.5em 0;}

/**
* Don't need this but not deleting in case IE does! :( 
#templateTwo {font-size:13px;}
*/

/* Alumni log in */
#namePanel						{padding:0 0 0 15px; margin-right:15px; font-size:16px; color:#393939; font-weight:bold; line-height:18px;}
#namePanel a					{color:#FFF;}
#namePanel a:hover				{color:#CCC;}
#profile						{padding:10px 0 20px 15px;}
#profileImg						{float:left; width:95px; padding:0 15px 0 0;}
#profileTxt						{float:left; width:100px; padding:0; font-size:11px; color:#575757;}
#profileTab						{padding:0 15px 0px 15px;}
#profileTab ul					{margin:0; padding:10px 0 10px 0; list-style: none;}
#profileTab li					{margin:0; padding:5px 0 5px 40px; background-image:url(../images/version-2/icons/arrow.png); background-repeat:no-repeat; background-position: left; list-style:none; border-top:solid #cbcbcb 1px;}
#profileTab li.logOut			{margin:0; padding:5px 0 5px 0; background-image:none; list-style:none; border-top:solid #cbcbcb 1px;}
#profileTab a					{padding:3px 5px 3px 0;}
#profileTab a, .forgotpwd		{color:#0d3081; line-height:16px; display:block; width:100%;}
#profileTab a:hover, 
.forgotpwd:hover				{color:#0d3081; text-decoration:underline;}
a.forgotpwd						{float:right; width:auto; text-decoration:none;}
.profileBase					{}
#logIn							{width:209px; padding-bottom:10px;}
#logIn input.textbox			{width:199px; padding:5px 0 5px 10px; font-size:12px; margin-bottom:3px; border:none; background-color:#fff; color:#515151;}
div.loginButtonNav				{float:right; padding-top:10px;}
div.loginButtonTxt				{float:left; padding-top:10px;}
div.loginButtonTxt a			{color:#0d3081;}
#register						{padding-top:15px; border-top:solid #cbcbcb 1px;}
#register a						{color:#0d3081;}
#register-button				{margin:0 0 0 350px; padding:0;}
.logInOut input					{padding:10px 0 0 0; background-color:#eee;}

/* Alumni register */
/**
* Don't need this but not deleting in case IE does! :( 
.profileBodyTxt					{font-size:13px;} 
*/


/* Alumni home */
.colTitlePurple	h2				{font-size:17px; color:#782f64; padding:0 0 0 15px;}
.colTitleBlack	h2				{font-size:17px; color:#000; padding:0;}
.colTitlePurpleTwo	h2			{font-size:17px; color:#782f64; padding:0;}
.leftSidePanel,					
.leftSidePanelHomepage			{background-color:#eee; padding:5px 15px 0 15px; margin: 22px 0 26px 0;}
.leftSidePanelHomepage			{margin-top:0px;}
.rightSidePanel, 
#rightloginPanel,
#middleloginPanel,
#signupPanel					{background-color:#eee; padding:10px 0 15px 0; margin-bottom:30px;}
#signupPanel h3					{font-weight:bold;}
#signupemailupdates				{font-weight:bold;}
#rightloginPanel, 
#middleloginPanel				{margin-top:0px; padding:15px;}
#rightloginPanel				{margin-top:19px;margin-bottom:0;}
.sidePanelSection				{padding:10px 0 10px 0;}
.panelTitleRed h3				{text-transform:none; font-size:12px; color:#990101; padding:0; font-weight:normal;}
.panelTitleRed h3 a:hover		{text-decoration:underline;}
.panelTxt						{position:relative;font-size:11px; color:#575757; padding:0 0 3px 0;}
.panelDate						{font-size:11px; color:#909090;}
.panelLinkRed a					{font-size:11px; color:#990101;}
.panelLinkRed span				{padding-left:5px;}
.panelCalendar					{float:left; padding:0 10px 0 0;}
.panelCalendarR					{float:left; padding:0; width:150px;}
.panelImg						{padding:0 0 10px 0;}
#rightloginPanel h2{font-size:16px; font-family:"Optima LT W01 Bold";}

.promoPanel						{float:left; padding:0 14px 0 0; width:224px;height: 102px;margin-bottom:15px;}
#adverts						{padding:0 0 10px 0;}
#advertOne						{font-size:24px; background-repeat:no-repeat; height:279px; padding:0 0 20px 0;}
#advertTwo						{font-size:20px; background-repeat:no-repeat; height:102px;}
#advertThree					{font-size:20px; background-repeat:no-repeat; height:279px; padding:0 0 20px 0;}
.advertTitleBg					{padding:0; margin:0;bottom:0; left:0;}
.advertOneTitle					{padding:201px 0 0 0; text-transform:none;}
.advertTwoTitle					{padding:5px 0 0 0; text-transform:none;}
.advertThreeTitle				{padding:203px 0 0 0; text-transform:none; font-size:24px;margin:0;}
.advertThreeTitle span			{line-height:28px!important; font-family:"Bembo W01";margin:0;}
.advertOneTitle ul				{margin:0; padding:0; list-style: none;}
.advertOneTitle li				{}
.advertTwoTitle ul				{margin:0; padding:0; list-style: none;}
.advertTwoTitle li				{}
.advertThreeTitle ul			{margin:0; padding:0; list-style: none;}
.advertThreeTitle li			{}
.fontColourOne					{color:#FFF; padding:0 6px 0 15px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:28px;}
.fontColourTwo					{color:#FFF; padding:0 6px 0 6px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:27px;}
.fontColourThree				{color:#FFF; padding:0 6px 0 6px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:23px;}
.promoPanelTitle				{position:relative; margin:5px 0;}
.promoPanelTitle h3 a			{font-size:20px; text-decoration:none; font-weight:normal;}
.promoPanelTitle h3				{bottom:0; left:0; position:absolute; padding:0; margin:0;}
.promoPanelTitle h3 a span		{line-height:23px;}



/* Find Alumni */
#findAlumniTop					{padding:5px 0 20px 0; font-size:12px;}
#findAlumniForm input			{width:390px; padding:3px 0 3px 10px; font-size:12px; margin-bottom:3px; border:none; background-color:#FFF; color:#3c3c3c;}
.panelTitlePurp h3				{text-transform:none; font-size:16px; color:#782f64; padding:0 0 0 0;}
.panelTitleBlck h3				{text-transform:none; font-size:16px; color:#000; padding:0 0 0 0;}
#findAlumniForm					{padding:10px 0 0 0;}
.spacerTop						{padding:4px 0 0 0;}
.spacerBase						{padding:0 0 10px 0;}
#lookingFor						{padding:20px 0 0 0; color:#575757; font-size:12px;}
#lookingFor td					{padding:0; margin:0;}
#lookingFor td	.checkbox		{padding:0;height:16px;}
#lookingFor ul					{padding:0; margin:0; list-style-type:none;}
#lookingFor li					{padding:0; margin:0; vertical-align:middle;}
#lookingFor h3					{position:relative;font-size:12px; color:#575757; padding:0 0 5px 0;}
#lookingFor label				{width:220px;padding:0;margin:0;display:inline;}

#search							{padding:0 15px 0 15px; width:62px; float:right;}
#search ul						{margin:0; padding:10px 0 10px 0; list-style: none;}
#search li						{border:#8b0000 1px solid; margin:0 0 3px 0; padding:0;}
#search a						{color:#8b0000; font-size:11px; padding:3px 5px 3px 6px; line-height:16px; display:block; width:49px;}
#search a:hover					{background-color:#9c9e9d;}

#profileListings				{padding:10px 0 10px 0;font-size:13px;}
#profileListings td				{vertical-align:top;}
.profileListTitleRed h2			{text-transform:none; font-size:17px; font-weight:bold; color:#8b0000; padding:10px 0 0 0;}
.profileListTxt					{font-size:13px; color:#575757; padding:0 0 20px 0;}
.profileListTxt a				{font-size:13px; color:#0d3081;}
.profileListTxt a:hover			{color:#0d3081;}


/* Alumni Profile */
.profilePanelPadding			{padding:0;}
.leftSideProfilePanel			{background-color:#eee; padding:15px; margin-bottom:26px; color:#575757; font-size:13px;}
.leftSideProfilePanel td		{padding:0 0 3px 0;}
.leftSideProfilePanelNP			{background-color:#eee; padding:0px; margin-bottom:26px; color:#575757; font-size:13px;}
.leftSideProfilePanel input		{width:270px; padding:3px 0 3px 10px; font-size:13px; margin-bottom:3px; border:none; background-color:#fff; color:#515151;}
#myPhotoLeft					{float:left; padding:0 20px 0 0;}
#myPhotoRight					{float:left; width:200px;}
#chooseFile						{padding:0 15px 0 0; width:85px;}
#chooseFile ul					{margin:0; padding:10px 0 10px 0; list-style: none;}
#chooseFile li					{border:#8b0000 1px solid; margin:0 0 3px 0; padding:0;}
#chooseFile a					{color:#8b0000; font-size:11px; padding:3px 5px 3px 6px; line-height:16px; display:block; width:72px;}
#chooseFile a:hover				{background-color:#9c9e9d;}
#myStatus						{padding:0; color:#575757; font-size:13px;}
#myStatus ul					{padding:0; margin:0; list-style-type:none;}
#myStatus li					{padding:0; margin:0; vertical-align:middle;height:20px;}
#myStatus .checkbox				{padding:0;margin:0;height:16px;display:inline;}
#myStatus label					{padding:0; margin:0 0 10px 0;}

#upto textarea					{margin:0 0 5px 0; width:65%;background-color:#fff; color:#515151;border:none;padding:5px;font-size:12px;}
#myLinks						{padding:10px 0 0 0;}
#profileSubmitPadding			{padding:0;}
#profileSubmit					{padding:10px 0 0 0;}
.profileSubmitBtn				{float:right; padding:0 15px 0 0;}
.profileSubmitBtn ul			{margin:0; padding:10px 0 10px 0; list-style: none;}
.profileSubmitBtn li			{border:#8b0000 1px solid; margin:0 0 3px 0; padding:0;}
.profileSubmitBtn a				{color:#8b0000; font-size:11px; padding:3px 10px 3px 6px; line-height:16px; display:block;}
.profileSubmitBtn a:hover		{background-color:#9c9e9d;}
#nameDetailLeft					{float:left; padding:0 20px 0 0;}
#nameDetailRight				{float:left;}
#nameDetail	h3					{font-size:16px; color:#782f64; text-transform:none; font-weight:bold;}
.profileContactBtn				{float:right; padding:0;}
.profileContactBtn ul			{margin:0; padding:10px 0 10px 0; list-style: none;}
.profileContactBtn li			{border:#8b0000 1px solid; margin:0 0 3px 0; padding:0;}
.profileContactBtn a			{color:#8b0000; font-size:11px; padding:3px 10px 3px 6px; line-height:16px; display:block;}
.profileContactBtn a:hover		{background-color:#9c9e9d;}
.profileAddBtn					{float:right; padding:0px;}
.profileDeleteBtn				{float:right; padding:0px;}
.findMeOn,
.findMeOnLast					{text-align:left; width:20%;}
.findMeOn span,
.findMeOnLast span				{vertical-align:top; padding:0 0 0 8px; vertical-align:25%;}
#contactalumni					{margin-bottom:0px;}

/* list table */
.listTable						{padding:0 0 10px 0;}
.listTable tr th				{background-color:#FFF; padding:20px 5px 5px 15px; text-transform:none; text-align:left;}
.listTable td 					{padding:10px 10px 10px 15px;}
.PanelGrey td					{background-color:#eee;}
.PanelWhite	td					{background-color:#FFF;}

.perUpDivider					{background-image:url(../images/version-2/per-up-divider.gif); background-repeat:repeat-x; height:30px; padding:0;}
#nameDetailTable td				{vertical-align:top;padding: 4px 0;}
.PanelGreyAdd					{background-color:#c8c8c8; padding:15px;}

/* buy music table */
#buymusic tr th {border-top:dotted #cbcbcb 1px; border-bottom:dotted #cbcbcb 1px; padding:10px 5px; text-align:left;width:600px;}
#buymusic tr th.narrow {width:10px;}
#buymusic tr th.name {width:250px;}
#buymusic tr th.artist {width:150px;}
#buymusic tr th.time {width:20px;}
#buymusic td {padding:3px;}



/* Alumni Forum */
.leftSideFindPanel				{background-color:#f6f6f6; padding:15px; margin-bottom:26px; color:#575757; font-size:13px;}
.leftSideFindPanelNP			{background-color:#fff; padding:0px; margin-bottom:26px; color:#575757; font-size:13px;}
.leftSideFindPanel input		{padding:5px 0 5px 10px; font-size:13px; margin:5px 0px 5px 5px; border:none; background-color:#fff; color:#515151;}
#submitBtn input				{text-align:right; padding:55px 0 0 0; background-color:#F6F6F6;}
.addBtn							{float:right; padding:0;}
.addBtn ul						{margin:0; padding:0; list-style: none;}
.addBtn a						{color:#8b0000; font-size:11px; padding:0; line-height:16px; display:block;}
.addBtn a:hover					{}
.findListTitle a				{text-transform:none; font-size:12px; color:#0d3081; padding:10px 0 0 0; font-weight:bold;}
#titleQuestion h2				{padding:10px 0 10px 0; text-transform:none; font-size:12px; color:#0d3081; font-weight:normal;}
#newThreadBtn input				{text-align:right; padding:0 0 0 90px; background-color:#eee;}

/* Alumni news */
#news							{padding:0;}
#advertNews						{font-size:24px; background-color:#ffffff; background-repeat:no-repeat; height:241px; padding:0 0 0 0; margin:0;}
.advertNewsTitle				{padding:192px 0 0 0!important; text-transform:none;}
.advertNewsTitle h3				{margin:0; padding:0;}
.advertNewsTitle a				{text-decoration:none;}

.addNews, .contactform			{background:#efedee;padding:10px;width:100%;}
.addNews th						{width:120px;text-align:left;font-weight:normal;}
.contactform th					{width:120px;text-align:left;font-weight:normal;}
.addNews td, .contactform td	{padding:2px 0;}
#aqs input						{margin-bottom:2px;}
.addNews h3						{color:#666;font-size:15px;}
.addNews input, 
.contactform input,
#aqs input						{background-color:#fff; color:#515151;border:none;}
.addNews input#title			{width:300px;padding:2px 3px;}
.addNews input.datepicker		{width:140px;padding:2px 3px;}
.addNews textarea,
.contactform textarea			{padding:2px 3px;width:300px;background-color:#c8c8c8; color:#515151;border:none;font-size:12px;}
.contactform textarea			{width:315px;}

.fontColourNews					{color:#FFF; padding:0 6px 0 6px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:29px;}
.advertReadLnk					{padding:0;margin:0;}
.advertReadLnk .date			{color:white;font-size:11px;margin-right:10px;}
.advertReadLnk a				{font-size:10px;padding:0;margin:0;position:relative;}
.advertReadLnk a img			{padding:0;margin:0;}

.addNewsBtn						{float:none; padding:0;width:120px;margin:0 0 10px 0;}

#newsListings, #newsListingsTop	{padding:10px 0 10px 0; width:900px;}
#newsListingsTop				{padding-top:0px;}
#newsListings .row				{padding:20px 0 0 0; margin:0; float:left;width:670px;}
#newsListingsTop .row			{padding:20px 0 0 0; margin:0;}
#newsListings .story,
#newsListingsTop .story			{width:325px; padding:0;}

#newsListings .story{float:left;}
#newsListings .right{float:right;}

.newsListTitleRed h2			{text-transform:none; font-size:17px; color:#8b0000; padding:10px 0 0 0;}
.newsListTxt					{font-size:11px; color:#575757; padding:0 0 20px 0;}
.newsListTxt a					{font-size:11px; color:#8b0000;}
.newsListTxt a:hover			{color:#8b0000;}

.alumniNewsLeft					{float:left; width:200px; padding:0 10px 0 0; margin:0 0 10px 0; border-right:1px solid #d8d8d8;}
.alumniNewsRight				{float:left; width:200px; padding:0 0 0 10px; margin:0 0 10px 0;}
.alumniEventsLeft				{float:left; width:200px; padding:0 10px 0 0; margin:0 0 10px 0; border-right:1px solid #d8d8d8;}
.alumniEventsRight				{float:left; width:200px; padding:0 0 0 10px; margin:0 0 10px 0;}

.moreAlumni						{color:#0d3081; font-size:12px; padding:5px 0 0 0; border-top:#d8d8d8 1px solid;}
.moreAlumni a					{color:#0d3081;}

.entry-title					{font-size:16px;}

/* Alumni news article */
#newsArticle					{padding:0;}
#newsArticle #buttons			{margin:10px 0 0 0;padding:10px 0 0 0;border-top:1px solid #999;}
.newsArticleTitle h2			{text-transform:none; color:#8b0000; padding:0 0 10px 0;}
.newsArticleAddTitle h2			{text-transform:none; color:#000; padding:0 0 10px 0;}
.newsArticleSubTitle			{color:#575757; padding:0 0 20px 0;}
.newsArticleImg					{float:left; padding:0 20px 10px 0; width:325px;}
.newsArticleLnks				{float:left; padding:0 20px 5px 0; width:325px;}
.newsArticleLnks a				{font-size:11px; color:#8b0000;}
.newsArticleLnks a:hover		{color:#8b0000;}
.newsArticleTxt					{width:685px; height:auto;margin:0;padding:0;}
/*.newsArticleTxt p:first-child	{margin:-5px 0 0 0;}*/
#newsArticleBasePadding			{padding:0 0 0 15px;}
#newsArticleBase				{border-top:solid #cbcbcb 1px;}
.newsArticleBackBtn				{float:right; padding:0 15px 0 0;}
.newsArticleBackBtn ul			{margin:0; padding:10px 0 10px 0; list-style: none;}
.newsArticleBackBtn a			{color:#8b0000; font-size:11px; padding:3px 10px 3px 6px; line-height:16px; display:block;}


/* Events */
#eventsPadding					{font-size:12px;}
.view							{font-size:11px; padding:0 0 10px 0; color:#575757;}
.listView						{float:right; padding:0;}
.listView a						{color:#a8a7a7;}
.listView a:hover				{color:#890202;}
.viewDivider					{float:right; padding:0 15px 0 15px;}
.calendarView					{float:right; padding:0;}
.calendarView a					{color:#a8a7a7;}
.calendarView a:hover			{color:#890202;}
#filterEvents					{background-color:#eee; padding:15px; margin-bottom:15px; color:#575757; font-size:11px;}
#filterEvents td.filterRed		{text-transform:none; font-size:11px; color:#8b0000;}
#filterEvents td.filterTw		{text-transform:none; font-size:11px; color:#3b8b81;}
#filterEvents td.filterBlu		{text-transform:none; font-size:11px; color:#42608b;}
#filterEvents td.filterGold		{text-transform:none; font-size:11px; color:#a6640d;}
#filterEvents td.filterGreen	{text-transform:none; font-size:11px; color:#39582d;}
#filterEvents td.filterPurp		{text-transform:none; font-size:11px; color:#63108e;}
#filterDivider					{border-top:solid 1px #CCCCCC; padding:0px 0 5px 0;}
.perPage						{float:left; padding:0; text-align:left;}
.pagingNextLast					{float:right;}
.pagingNextLast a,
.pagingFirstPrevious a			{color:#890202;}
.pagingNextLast span,
.pagingFirstPrevious span		{color:#a8a7a7;}
.pagingNextLast span:hover,
.pagingFirstPrevious span:hover	{cursor:default;}
.pagingDivider					{float:right; padding:0 15px 0 5px;}
.pagingFirstPrevious			{float:right; padding:0;}
.pagingPages					{float:right; padding:0 30px 0 0; font-weight:bold;}
.pagingNav						{padding:5px 5px 5px 0; float:right; text-align:right; color:#525252; font-size:11px; border-top:solid #cbcbcb 1px; border-bottom:solid #cbcbcb 1px;}
.pagingNav a, .pagingNav span	{padding:0 15px 0 0; font-weight:bold;}
.pagingNav .selectbox			{padding-top:0px; padding-bottom:0px;}
.eventNav						{width:426px;}
#eventNavFirst					{margin-top:0px;}
.profileNav						{width:100%;}
.newsNav						{width:100%;}

.eventPanel						{font-size:12px; padding:0; margin:5px 0 15px 0;}
.eventPanelInner				{background-color:#f6f6f6; padding:10px; margin:0;}
.eventPanelLeft					{color:#000; font-size:14px; text-align:left; padding:10px 0 5px 0; border-top:solid #cbcbcb 1px; font-family:"Optima LT W01 Bold";}
.eventPanelRight				{background-color:#FFF; border-top:solid #cbcbcb 1px; width:603px;}
.eventPanelGrey					{background-color:#f6f6f6; border-bottom:solid #cbcbcb 1px;}
.eventPanelWhite				{background-color:#FFF; border-bottom:solid #cbcbcb 1px;}

.eventPanelImg					{width:100px; padding:0 10px 0 0;}
.eventPanelTxt					{color:#575757; font-size:11px; line-height:18px; width:300px;}
.eventPanelTitle				{font-weight:bold; font-size:12px; color:#0d3081;}
.eventPanelTitle a				{color:#0d3081; text-decoration:none;}
.eventPanelTitle a:hover		{color:#0d3081; text-decoration:none;}
.eventPanelType					{color:#575757; text-align:left;}
.eventPanelAdd					{color:#575757; text-align:left; font-weight:bold;}
.eventPanelTime					{color:#575757; text-align:left; font-weight:bold;}
.eventPanelView					{text-align:right; vertical-align:top;}
#purchaseBtn					{text-align:right; padding:0 15px 0 0;}

#eventsArticle					{padding:25px 0 20px 15px;}
.eventsArticleTitle h2			{font-size:17px; color:#8b0000; padding:0 0 10px 0;}
.eventsArticleSubTitle			{font-size:11px; color:#575757; padding:0 0 20px 0;}
.eventsArticleImg				{padding:0 0 10px 0; width:325px;}
.eventsArticleTxt				{font-size:13px; float:right;}
.eventsArticleTxt td			{vertical-align:top;}
.inputLength					{width:200px;}
#eventsArticleBasePadding		{padding:0 0 0 15px;}
#eventsArticleBase				{}
.eventsArticleBtn				{margin:0; padding:0px; float:right;}
.note							{text-transform:none; color:#8b0000;}

#eventorderform input			{padding:3px 0 3px 10px; font-size:11px; margin-bottom:3px; border:none; background-color:#c8c8c8; color:#515151;}
#eventorderform input#Purchase	{background-color:#ffffff;}

#event_details h1				{color:#0D348B;font-weight:normal;}
#event_details .image-block		{float:left; padding:10px 20px 10px 0;clear:both;}
/*#event_details img				{float:left; padding:10px 20px 10px 0;clear:right;}*/
#event_details .datetime, 		
#event_details .venue			{font-size:15px;color:#333;;padding:0;margin:0;}
#event_details .description		{border-bottom:1px solid #999;width:400px;float:left;padding-bottom:10px;}



/* uploads & performances */
textarea.performance,
form#contact textarea			{width:302px;}
span.acceptedfiletypes			{color: #8B0000}
span.acceptedfiletypes:hover 	{text-decoration:underline; cursor: pointer;}
ul.acceptedfiletypes			{margin:3px 0px 0px; display:none;}


/* footer */
#footer							{font-size:12px; padding:8px 15px 10px 15px; margin:0 0 20px 0; background-color:#000; color:#d8d8d9;}
#footerPadding					{padding:15px 0 0 0;}
#footerLeft						{float:left; text-align:left; padding:0 80px 0 0; display:block; width:426px;}
#footerRight					{float:left; text-align:right; padding:0 15px 0 0; line-height:15px; width:365px;}
#footerLogo						{float:left; padding:0 0 0 15px; border-left:#4d4d57 1px solid;}
#footer a						{text-decoration:underline; color:#d8d8d9; padding:0 10px 0 0;}
#footer a:hover					{text-decoration:none; color:#d8d8d9;}
.fLinks							{padding:10px 0 0 0;}
#footer .fLinks a				{text-decoration:underline; color:#858585;}
#footer .fLinks a:hover			{text-decoration:none; color:#858585;}

/* Error message */
#errorMsg 						{border:1px solid #BEBEBE;font-size:0.9em;margin:50px auto;padding:30px 30px 60px 0;width:630px;}
#errorMsg h1 					{font-size:1.4em;font-weight:bold;line-height:1em;margin:0 0 8px;padding:0;}
#errorMsg .txtMsg 				{border-bottom:1px solid #D9D9D9;border-top:1px solid #D9D9D9;font-size:1.2em;margin:0 0 15px;padding:15px 0;}
#errorMsg .msgBody 				{margin:0 0 65px 120px;}
#errorMsg .icoError 			{float:left;margin:0 0 0 40px;}

#validation_error_message 		{background:url(../images/buttons/error.gif) no-repeat;border:none; padding:10px 0 10px 60px; margin:25px 15px 15px 15px; font-size:11px;}
#validation_error_message ul 	{margin-bottom:0px;}
#validation_error_message li 	{color:#782f64;}


input.datepicker 				{width:107px;}
.ui-datepicker-trigger 			{padding-left:3px;vertical-align:middle;}

#tellafriend_dialog	p			{font-size:11px;}
#tellafriend_dialog	h2			{font-size:17px; color:#782f64; padding:10px 0 0 0;}
#tellafriend_dialog	table		{background:#eeeeee;padding:10px;width:100%}
#tellafriend_dialog	th			{text-align:left;font-weight:normal;font-size:11px;width:150px;}
#tellafriend_dialog	input.text	{width:350px;border:none;background-color:#C8C8C8;font-size:11px;}
#tellafriend_dialog	textarea.message
								{width:350px;height:100px;border:none;background-color:#C8C8C8;font-size:11px;}
#tellafriend_dialog	#buttons,
#contact .buttons				{float:right; margin:5px 0 0 0;}

#workForUs						{border-bottom:1px solid #999; width:680px;}
#workForUs h2					{color: #23428D;padding:0;margin:0 0 5px 0;}
#workForUs .posting 			{margin:0 0 0 0;padding:20px 0;border-top:1px solid #999; width:680px;}
#workForUs .posting h3			{color: #8B0000;font-size:16px;}
#workForUs .posting .link		{margin-top:15px;}
#workForUs .posting .interviewdate,
#workForUs .posting .closedate	{color:#888;}
#workForUs .posting .link a		{margin:0 0 10px 0;background:url(../images/arrow-red.gif) no-repeat 0 3px;padding:0 10px;font-weight:bold;}

#related_documents .doc{margin:5px 0 10px 15px;}
#related_documents	.main{background:url(../images/downloads/main.jpg) no-repeat 0 0;padding:10px 0 0 60px;height:52px;}
html>body #related_documents .main{height: auto; min-height: 52px;} /* ie fix */
#related_documents	.main a{text-transform: uppercase;font-size:14px;font-weight:bold;}
#related_documents	.base{background:url(../images/downloads/base.jpg) no-repeat 0 0;margin:0;padding:0;height:5px;}

.sitemap						{font-size:12px; color:#2f2f2f; padding:0 0 5px 15px;}
.sitemap ul						{display:block; width:200px;}
.sitemap li						{padding:3px 0;}
.sitemap li.level1				{list-style:none; font-size:16px;}
.sitemap li.level1 a			{border-bottom:1px solid #999; display:block; width:200px; padding:5px;}
.sitemap li.level2				{list-style-image:url(../images/arrow-grey.gif); text-transform:none;}
.sitemap li.level2 a			{border:none; padding:0 0 5px 0;}
.sitemap li.level3				{list-style-image: none; list-style-type: disc; text-transform:none;}
.sitemap li.level3 a			{border:none; padding:0;}
.sitemap li.level4				{list-style-image: none; list-style-type: disc; text-transform:none;}
.sitemap li.level4 a			{border:none; padding:0;}


/**** STUDY ****/
#study h2 {color:#393939;font-size:24px;font-weight:normal; padding:0; margin:0 0 5px 0;line-height:28px;}
#study #apply-now {float:right;margin-bottom:10px;}
#programmesStyle .intro {margin-bottom:30px;padding:0;}
#programmesStyle .intro img {padding:0; margin:0;}
#study #department_staff,
#study #department_study {width:227px; margin-top: 6px;}
#study #mid,#about_us #mid	{float:left;width: 421px;margin:0 20px 0 0;padding:0; line-height:1.4em;}
#study .go {padding:10px 0 0 163px; text-align:right;}
#study #right #student-profiles	{padding: 0 0 10px 0;margin:0 0 15px 0;border-bottom:1px solid #999;}
#study #right #student-profiles a {margin:0 0 10px 0;background:url(../images/arrow-red.gif) no-repeat 0 3px;padding:0 10px;font-weight:bold;}
#study #right .link	{margin:0 0 10px 0;}
#departmentForm	{background-color:#EFEDEE; padding:10px; margin-right:300px; position:relative;}
#study .go1{width:auto;height:auto;padding:0;margin-left:-50px;margin-bottom:-9px;}

#departments					{}
#departmentid					{float:left;}
.departmentGrid					{padding:0 0 40px 0;}
.departmentGTxt					{font-size:12px; font-weight:bold; color:#0d3081; padding:10px 0 0 0;}

/***** Calendar Widget *****/
#eventscalendar{clear:both;background-color:#ededed; padding-bottom:5px;position:relative;margin-bottom:25px;}
#eventscalendar h3{text-align:center;padding:10px 0 0px 0;margin-bottom:0;color:#393939;font-size:18px; font-family:"Optima LT W01 Bold", "Optima LT W01 Roman";}
#eventscalendar table{background-color:#bebebe; font-size:14px;width:204px;margin:0 auto;}
#eventscalendar thead{background-color:#ededed;width:28px;height:20px;text-align:center;vertical-align:bottom;color:#393939;font-size:0.8em;}
#eventscalendar table td {background-color:#ededed; width:28px; height:24px;text-align:center;color:#515151;}
#eventscalendar td.future{background-color:#ED1C24;color:#ffffff;}
#eventscalendar td.current{background-color:#103170;color:#ffffff;}
#eventscalendar td.past{background-color:#6a6966;color:#ffffff;}
#eventscalendar td.opened{background-color:#ED1C24;color:#ffffff;}
#eventscalendar td a.dtstart{color:#ffffff;width:28px;height:21px;display:block;margin:0 0 0 0;padding:3px 0 0 0;}

#eventscalendar ul{padding-left:19px;margin:6px 0 5px 0;}
#eventscalendar li{list-style-type:none; padding:0;}
#eventscalendar .control{vertical-align:top;padding:0 13px;}

.calendarwidgetthead li{float:left;width:29px;text-align:center;font-size:11px;color:#393939;margin-top:3px;}

/*popup box for calendar*/

#popupEventsListingLeft{position:absolute;left:-240px;top:120px;}
#popupEventsListingRight{position:absolute;left:240px;top:120px;}
#popupEventsListingMain{position:absolute;left:250px;top:350px;}

.positioningwrapper{position:relative;}
.dialogbox {color:#ffffff;display:none;height:160px;width:303px;background:#7e7974 url(../images/calendar/eventpopbg.png) no-repeat;overflow:auto;padding:10px 10px 0px 10px;z-index:1;position:absolute;left:0;top:0;}
/* This *has* to have a high z-index to appear above numbers below*/
.scrollcontainer {position:absolute;left:0;top:0;overflow:hidden;width:303px;z-index:1;}
.dialogbox .vevent{border-bottom:solid 1px #93908d; padding-top:2px;margin-right:40px;}
.dialogbox .vevent img {float:left;padding-right:10px;}
.dialogbox .vevent h4{color: #ffffff; text-align:left;text-transform:none;margin-bottom:5px;padding-bottom:0px;line-height:16px;font-size:14px;}
.dialogbox .vevent h4.summary a {width:100%;color:#ffffff;}
.dialogbox .vevent p{text-align:left;margin-top:0px;padding-top:0px;line-height:14px;font-size:12px;}
/* This is needed, even though .dialogbox .vevent h4.summary a should do the job :(*/
#eventscalendar h4.summary a {width:100%;color:#ffffff; font-weight:bold!important;}
#eventscalendar h4.summary a:hover{text-decoration:underline;}

.description p strong{font-family:'Optima LT W01 Bold';}


/**** sign up for updates ****/
#signupPanel{padding:15px;}
#signupPanel h3{color:#000;font-family: "Optima LT W01 Roman";text-transform:none;}
#signupPanel p{margin-top:7px;}

/**** student profile slideshow ****/
#profileslider #slidewrapper {width:224px;height:211px;overflow:auto;position:relative;}
#profileslider #slidewrapper .slide{width:219px;margin:0 auto;}
#profileslider #slidewrapper .slide p { padding:0 0 5px 0; margin:0;}
#profileslider #slidewrapper .slide img{width:224px;height:126px;display:block;}
#profileslider #slidewrapper .slide h3	{color:#8b0000;font-size: 14px; padding-top: 5px;}
#profileslider .control{display:block; width:31px; height:263px; text-indent:-10000px; position:absolute; cursor: pointer;z-index:999;}
#profileslider #leftControl{top:42px; left:0; background:transparent url(../images/buttons/control_left.png) no-repeat 0 0;}
#profileslider #rightControl{top:42px; right:0; background:transparent url(../images/buttons/control_right.png) no-repeat 0 0;}
#profileslider .imgContainer{background:url(../images/students/no-image.jpg) no-repeat;}
#profileslider .counter{display:none;}
#profileslider:hover .counter{position:absolute;top:105px;left:0;width:224px;height:21px;background-color:rgba(255,255,255,0.5);display:block;}
#profileslider .counter .wrap{width:110px;margin:0 auto;}
#profileslider .counter span{display:block;height:12px;width:12px;background:url(../images/buttons/slider-counter.png) no-repeat 0 0;float:left;margin:4px 3px;}
#profileslider .counter span.current{background-position:0 -14px;}

#profileslider h2.studentName	{font-size:16px; font-family:'Optima LT W01 Bold';}

/**** Main events calendar page ****/
#events #featured {margin:21px 0 0 0;}
#events #topleftimage {position:relative;width:320px;height:163px;float:left;margin:0 40px 15px 0;}
#events #toprightimage {position:relative;width:320px;height:163px;float:left;margin:0 0 15px 0;}
#events #featured img.bg {height:163px;width:320px;position:absolute;top:0;left:0;}

#events #featured .content {position:absolute;z-index:3;bottom:0;margin:0 0 10px 3px;}
#events #featured #toprightimage .content {position:absolute;z-index:3;bottom:0;right:0;margin:0 3px 10px 0;}
#events #featured .content .date {background-color:#7a7a7a;color:#fff;padding:2px 5px;margin:0 5px;float:left;}
#events #featured .title {margin:5px;padding:5px;color:#fff;text-transform:none;background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:20px;font-size:18px;float:left;}
#events #featured #toprightimage .title {width:250px;}
#events #featured .title a {color:#fff; text-decoration:none;}

#events #searchbar {background:#e9ebeb;margin:0 0 15px 0;padding:10px;font-weight:bold; font-size: 12px; width:660px;}
#events #searchbar a {font-weight:normal;margin-right:20px;}
#events #searchbar .filters {border-top:solid 1px #cccccc;padding-top:5px;margin-top:5px;margin-left:105px;}

#events #searchbar a {background:url(../images/calendar/cal-filter.png) 0 -2px no-repeat;padding-left:15px; }
#events #searchbar .cal-filter-all {margin-left:4px;}
#events #searchbar .cal-filter-0 {color:#7343a6;}
#events #searchbar .cal-filter-1 {color:#3b8b81;}
#events #searchbar .cal-filter-2 {color:#43608A;}
#events #searchbar .cal-filter-3 {color:#a6640e;}
#events #searchbar .cal-filter-4 {color:#39582c;}

#events #searchbar .cal-filter-all.active{background:url(../images/calendar/cal-filter-all.png) 0 -2px no-repeat;}
#events #searchbar .cal-filter-0.active{background:url(../images/calendar/cal-filter-museum.png) 0 -2px no-repeat;}
#events #searchbar .cal-filter-1.active{background:url(../images/calendar/cal-filter-masterclass.png) 0 -2px no-repeat;}
#events #searchbar .cal-filter-2.active{background:url(../images/calendar/cal-filter-concerts.png) 0 -2px no-repeat;}
#events #searchbar .cal-filter-3.active{background:url(../images/calendar/cal-filter-talks.png) 0 -2px no-repeat;}
#events #searchbar .cal-filter-4.active{background:url(../images/calendar/cal-filter-opendays.png) 0 -2px no-repeat;}

#viewtype {margin:10px 20px 40px 0px;}
#viewtyperight {float:right;}
#viewtypeleft {float:left;}
#viewtype #as-list{background:url(../images/icons/view-as-list.gif) no-repeat 0 center;padding-left:20px;margin-right:5px;margin-left:5px;}
#viewtype #as-calendar{background:url(../images/icons/view-as-calendar.gif) no-repeat 0 center;padding-left:20px;margin-left:5px;}
#viewtype a.active{color:#a8a7a7;}

#calendar th{text-align:center;text-transform:none;}
#calendar .cal-head th {height:37px;border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;}
#calendar .cal-prev {text-align:left;font-size:0.9em;}
#calendar .cal-current {color:#0d3081;font-size:2.2em;}
#calendar .cal-next {text-align:right;font-size:0.9em;}
#calendar .cal-next,#calendar .cal-prev{text-transform:none;}

#calendar .cal-days th{height:37px;vertical-align:bottom;padding-bottom:10px;padding-top:25px;font-size:0.9em;}

#calendar td {width:95px;height:85px;background:url(../images/calendar/main-cal-inactive.png) no-repeat;padding:0;margin:0;}
#calendar td.not-current{color:#b7b7b7;background:url(../images/calendar/main-cal-noncurrent.png) no-repeat;}
#calendar td.active{padding-bottom:0;background:url(../images/calendar/main-cal-active.png) no-repeat;color:#ffffff;padding:0;}
#calendar td.active a{color:#ffffff;}
#calendar .cal-dates tr{text-align:center;font-size:2.2em;}
#calendar .cal-dates .cal-eventcount {display:block;font-size:0.4em;padding:4px 0 0 0;}
#calendar .cal-date {margin:25px 0 0 0;}

table.event_list_day {padding:0;margin:0;width:680px;font-size:12px;}
table.event_list_day .date {text-align:center;width:60px;background:#DAD8D9;}
table.event_list_day table.inner {padding:0; margin:0; border-collapse:collapse;width:100%;}
table.event_list_day table.even  {background-color:#fff;}
table.event_list_day table.inner h3 {text-transform:none;color:#990101;font-size:16px;}
table.event_list_day table.inner .description {text-align:left;width:350px; font-size:11px;}
table.event_list_day table.inner tr.odd {background-color:#efedee;}
table.event_list_day table.inner td {text-align:center;padding:10px 5px;border:1px solid #ccc;}
table.event_list_day table.inner td.desc {width:280px;text-align:left;}
table.event_list_day table.inner td.desc h3 span.free{background:#09357C;color:#fff;font-size:14px;padding:0 4px;margin:0 5px;}
table.event_list_day table.inner td.cat {width:80px}
table.event_list_day table.inner td.venue {width:70px}
table.event_list_day table.inner td.date {width:70px}


table.event_list_day table.inner img {float:left;padding:0 10px 10px 0;}
table.event_list_day table.inner .bookNow {padding:10px 0 0 10px;}
/* Over-ride concert types with color here */
table.event_list_day table.inner .category {color:#fff;background:#43608a;padding:2px 10px;}
table.event_list_day table.inner .concert {color:#fff;background:#43608a;padding:2px 5px;}

table.event_list_day table.inner .cal-filter-1 {background:#3b8b81;}
table.event_list_day table.inner .cal-filter-2 {background:#43608A;}
table.event_list_day table.inner .cal-filter-3 {background:#a6640e;}
table.event_list_day table.inner .cal-filter-4 {background:#39582c;}
table.event_list_day table.inner .cal-filter-5 {background:#7343a6;}

.eventDivider		{padding:0;}

/* About us */
#about_us{margin:0;padding:0;}
#about_us #left{display:block;float:left;margin-right:15px;min-height:200px;width:240px;}
#about_us #main {float:left;width:680px;}
#about_us #main #inner {margin:40px 0 0 0;}
#about_us #main #inner_left {float:left;width:450px;margin:0 10px 0 0;}
#about_us #main #inner_right {float:left;width:220px;}
#about_us #latest_news_panel{margin:15px 0 0 0;padding:0;}

/* Venue promo panel */
.venue-promo-inner {padding:90px 0 15px 0;color:#333;margin:0;position:relative;}
.venue-promo-flush-right{width:240px;}
.venue-promo-inner img{position:absolute;top:0;left:0; width:240px;}

/* Virtual tour panel */
#VirtualTourContainer {font-size:20px; background-repeat:no-repeat; height:279px; width:421px; padding:0; margin:0;}
#VirtualTourContainer .bg {padding:0;margin:0;overflow:hidden;margin:0;position:relative;width:400px;}
#VirtualTourContainer .inner {padding:220px 0 0 0; margin:0; text-transform:none;}
#VirtualTourContainer ul {margin:0; padding:0; list-style:none; text-align:left;}
#VirtualTourContainer li {line-height:33px;padding:0;}
#VirtualTourContainer .innerFont {font-size:24px;color:#FFF; font-family:"Bembo W01"; padding:2px 5px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:16px;}

/* Generic Promo Panel container*/
.PromoPanelContainer {font-size:20px; background-repeat:no-repeat; height:279px;width: 431px; padding:0; margin:0;}
.PromoPanelContainer .bg {padding:0;margin:0;overflow:hidden;margin:0;position:relative;width:400px;}
.PromoPanelContainer .inner {padding:208px 0 0 15px; margin:0; text-transform:none;}
.PromoPanelContainer ul {margin:0; padding:0; list-style:none; text-align:left;}
.PromoPanelContainer li {line-height:38px;padding:0;}
.PromoPanelContainer .innerFont {font-size:24px;color:#FFF;padding:0 5px;margin:0;background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:16px;}
.PromoPanelContainer .innerFontSmall {font-size:18px;color:#FFF;padding:0 5px;margin:0;background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:8px;}

/* About Us promo panel */ 
#aboutUsPromoContainer {font-size:20px; background-repeat:no-repeat; height:100px; padding:0; margin:0;}
.aboutUsPromoBg {padding:0;margin:0;overflow:hidden;margin:0;position:relative;width:220px;}
.aboutUsPromo {padding:45px 0 0 0; margin:0; text-transform:none;}
.aboutUsPromo ul {margin:0; padding:0; list-style:none; text-align:right;}
.aboutUsPromo li {line-height:38px;padding:0;}
#aboutUsPromoContainer .innerFont {color:#FFF; padding:0 5px; margin:0; background:transparent url(../images/bg-title-blue.png) repeat-x; line-height:16px;}


/* Page testimonial block*/
#page-testimonial{font-size:11px;position:relative;clear:both; min-height:150px; margin:0 0 15px 0; width:240px;}
#page-testimonial h2{text-transform: uppercase;color:#314C8D;font-size:16px;}
#page-testimonial .link {padding-top:5px;clear:both; color:#0D3081;}
#page-testimonial .link a{margin:0 0 10px 0;padding:0;font-weight:bold;font-size:12px;}
#page-testimonial blockquote{position:absolute;top:0;left:0;padding:15px; margin:0;background-color:#F6F6F6;}
#page-testimonial blockquote cite{color:#575757;font-style:normal;font-size:14px;font-weight:bold;clear:both;display:block;float:right; padding:5px 0 0 0;}
#page-testimonial span{font-size:14px;color:#3e3e3e;padding:1px 0x 1px 10px;line-height:16px; text-align:left;}
#page-testimonial span .indent {text-indent:10px; text-align:left;}

.bqstart, .bqend{font-weight:bold;color:#314C8D;background:transparent;font-size: 400%;font-family: "Bembo W01"}
.bqstart{float:left; height:25px; margin: -15px 8px 0 0;padding: 0 7px 7px 0; }
.bqend{float:right; height:30px; margin: 0;padding: 0 0 0 8px;}

/* Person search widget */
#personSearchWidget	{width:238px; padding:0; margin:0; clear:both;}
#personSearchWidget form {background-color:#EFEDEE; padding:15px;}
#personSearchWidget input.textbox {width:151px; float:left; padding:6px 0 6px 10px; font-size:11px; margin-bottom:3px; border:none; background-color:#fff; color:#515151;}
#personSearchWidget .info {color:#999; font-size:12px;margin:0 0 10px 0;}
#personSearchWidget input#go_select {margin-top:3px;}
#personSearchWidget label {}

/*Department people */
.person{margin-bottom:30px;width:193px; padding-bottom:10px;}
#study .person h2{font-size:18px;} 
.person .fn{padding-top:10px;color:#8b0000;font-size:13px;font-weight:normal;text-transform:none;}
.person .qualifications{color:#909090;font-size:10px;}
.person .role{color:#525252;margin-bottom:10px;}
.person ul{margin-left:0;padding-left:0;}
.person ul li {list-style-type:none;margin-left:0;padding-left:0;}

/*contact details*/
.contact-details{width:202px;background-color:#efeeee;padding:12px;margin-bottom:20px;}
.contact-details .person{margin-bottom:10px;}
.contact-details .person .fn{color:#525252;display:inline;}
.contact-details .person .qualifications{color:#909090;font-size:10px;display:inline;}
.contact-details .person .role{color:#525252;font-size:11px;margin:0;}

/*-------- Promo Panels ---------*/
.promo{clear:both;}
.horizontal .promo{float:left;clear:none;}
.horizontal .right{float:right;}
.horizontal {margin-bottom:10px;}
.vertical .promo{clear:both;}
.vertical {margin-bottom:10px;}
.promogroup .promo{margin-right:15px;margin-bottom:20px;position:relative;}
.leftandright .promo{margin-right:0;} /* leftandright means 2 promos indivually floated */
#whats-on .promogroup .promo{margin-right:10px;}
#whats-on .promogroup .final{margin-right:0;margin-bottom: 0;}
#whats-on .vertical {margin-bottom:0;}
.promogroup .promo .content{margin:0 0 10px 0;}
#right .promogroup .promo,#colLeftSmall .promogroup .promo, .promogroup .final{margin-right:0px;}
#colLeftLarge .promogroup{margin-left:0;}
#colLeftLarge .promogroup .final{margin-right:0px;}

.events h3 a, .events .strapline .extra{position:static!important;}
.events .promo .bottom-right{position:absolute;bottom:0;right:0;margin-bottom:0;}
.events .promo .bottom-right h3{clear:both;text-align:right!important;margin:0;}
.events .promo .bottom-left{position:absolute;bottom:0!important;left:0;margin-bottom:0;}
.events .promo .bottom-left h3{clear:both;margin:0;}

.promogroup h3,.promogroup h3 a{font-size:24px;font-weight:normal;color:#ffffff; text-decoration:none;margin:0 0 5px 0;}
#genericContent .promogroup p{margin:0;}
.promogroup .promo .extra p.description{display:inline;}
.promogroup .promo .extra{padding:0;}
.promogroup .promo .promobuttons{margin:0;padding:0;}
.promogroup .promo .promobuttons li{list-style-type:none;float:left;width:auto;margin:0;padding:4px 16px;}
.promogroup .promo .promobuttons li.grey{background-image:url(../images/bg-title-grey.png); background-repeat:repeat; color:#ffffff;}
.promogroup .promo .promobuttons li.grey a{color:#ffffff; text-decoration:none;}
.promogroup .promo .promobuttons li.red{background-image:url(../images/bg-title-red.png); background-repeat:repeat; color:#ffffff;}
.promogroup .promo .promobuttons li.red a{color:#ffffff; text-decoration:none;}
.promogroup .promo .bottom-right .promobuttons {float:right;}

/*content alignment within promo panels*/
.promogroup .promo .bottom-right{text-align:right;}
.promogroup .promo .catering {text-align: right;}
.promogroup .promo .bottom-right h3{text-align:left;}
.promogroup .promo .bottom-right h3 a{bottom:0;right:0;position:absolute;}
.promogroup .promo .bottom-left h3 a{bottom:0;left:0;position:absolute;}
.promogroup .promo .bottom-left{bottom:10px;}
.promo .innerFont{padding-right:20px;}

/*promo with strapline and / or buttons */
.promogroup .strapline .extra{position:absolute;bottom:0;}
/*#framePadding .promogroup .strapline .extra p{margin:0;padding:4px 15px;line-height:21px;}*/
.promogroup .strapline .bottom-right .extra{right:0;}
.promogroup .buttons .bottom-right .extra{bottom:58px;}
.promogroup .strapline .bottom-right h3 a {position:absolute;bottom:21px;right:0; text-align:right;}
.promogroup .strapline .bottom-left .extra {bottom:26px;left:0;}
.promogroup .strapline .bottom-left h3 a {bottom:0;left:0px;position:absolute;}
.promogroup .strapline .bottom-left .below {bottom:1px;left:0;}
.promogroup .strapline .bottom-left h3.above a {bottom:22px;left:0;}

/*individual widths and heights*/
.promo215x163{background-color:#ececec;width:215px;height:163px;}
.promo240x100{background-color:#ececec;width:240px;height:100px;}
.promo325x163{background-color:#ececec;width:325px;height:163px; overflow:hidden;}
.promo335x168{background-color:#ececec;width:335px;height:168px; overflow:hidden;}
.promo345x168{background-color:#ececec;width:345px;height:168px; overflow:hidden;}
.promo224x86{background-color:#ececec;width:224px;height:86px;}
.promo335x128{background-color:#ececec;width:335px;height:128px;}
.promo345x168{background-color:#ececec;width:345px;height:168px;padding:0px;}
.promo464x241{background-color:#ececec;width:444px;height:221px;padding:10px;}
.promo650x241{background-color:#ececec;width:650px;height:221px;padding:10px;}
.promo670x241{background-color:#ececec;width:671px;height:221px;padding:10px;}

/*individual fiddling with font sizes */
.promo240x100 .fontColourOne{font-size:20px;line-height:23px;}
.promo240x100 h3 a,
.promo240x100 .bottom-left h3 a {margin-bottom:0;}
.promo215x163 h3 .fontColourOne{line-height:18px;}
.promo335x168 h3 .fontColourOne{line-height:16px;font-size:22px;}
.promo345x168 h3 .fontColourOne{line-height:30px;font-size:22px;padding-top:2px;padding-bottom:2px;}
.strapline .promo325x163 h3 a{margin-bottom:0px;}
.promo224x86 h3 .fontColourOne {line-height:28px;font-size:16px;padding:3px;font-weight:bold;}
.promo335x128 h3, .promo335x128 h3 a {line-height:32px;font-size:24px;font-weight:normal;}
.promo345x168 h3, .promo345x168 h3 a{line-height:29px;font-size:24px;padding:0;font-weight:normal;}
.promo464x241 h3, .promo464x241 h3 a{line-height:28px;font-size:32px;padding:0 3px;font-weight:normal;}
.promo650x241 h3, .promo650x241 h3 a{line-height:28px;font-size:32px;padding:0 3px;font-weight:normal;}
.promo650x241 .fontColourOne{line-height:44px;}
.promo670x241 h3, .promo670x241 h3 a{line-height:28px;font-size:32px;padding:0;font-weight:normal;}

/*individual fiddling with header positioning*/
.promogroup .buttons .promo325x163 .bottom-right h3 a, .promogroup .buttons .promo325x163 .bottom-left h3 a{bottom:0;margin-bottom:0;}
.promogroup .buttons .promo464x241 .bottom-right h3 a, .promogroup .buttons .promo464x241 .bottom-left h3 a{bottom:42px;}
.promogroup .buttons .promo650x241 .bottom-right h3 a, .promogroup .buttons .promo650x241 .bottom-left h3 a{bottom:42px;}

.promogroup .strapline .promo670x241 .bottom-left .extra {bottom:37px;}

/* Donate now */
.promogroup .strapline .promo325x163 .bottom-left h3 .fontColourOne{font-size:22px;padding-bottom:1px;}
.promogroup .strapline .promo325x163 .bottom-left h3 a {bottom:0;padding:0;margin:0;}
.promogroup .strapline .promo325x163 .bottom-left .extra {bottom:30px;margin:0;padding:0;}
.promogroup .strapline .promo325x163 .bottom-left .extra p{margin:0;padding:4px 15px;}

/* Exhibitions */
#promogroup_exhibitions .promo{margin-top: 30px; margin-right:0px;}
.promo239x100{background-color:#ececec;width:239px;height:100px;}
.promo239x100 .fontColourOne{font-size:20px;line-height:29px;}

/* Junior Academy */
.promogroup .promo .promo335x168 .bottom-left h3.above a { bottom:16px; }
.promogroup .promo .promo335x168 .bottom-left .below{bottom:-6px;}

/*What's on event listing */
#whatson-list{padding:0;margin-bottom:25px;}
#whatson-list .vevent{border-bottom:solid 1px #d8d8d8;clear:both;float:left;width:100%}
#whatson-list ul.more-info{padding:0;}
#whatson-list ul.more-info li a{background:url(../images/icons/right-arrow-white.gif) no-repeat 0 0;}
#whatson-list .vevent img{padding-top:15px;padding-right:20px;margin-bottom:15px;float:left;}
#whatson-list .vevent h4{padding-top:20px;color:#8b0000;font-size:1.4em;text-transform:none;font-family:'Optima LT W01 bold';}
#whatson-list .vevent abbr{border-bottom:none;}
#whatson-list .vevent abbr, #whatson-list .vevent .location{color:#2f2f2f;font-size:1em;font-family:'Optima LT W01 Bold';padding-top:2px;}
#whatson-list .vevent .description{margin-top:5px;color:#5b5b5b;font-size:1.1em;}


/*country page links*/
#foreign_language_pages 				{padding:10px 0 0 0;margin-bottom:26px;}
#foreign_language_pages .country 		{padding:5px 19px 5px 0px; margin:0; color:#9d020a;}
#foreign_language_pages .country img 	{padding:0 0 5px 0; margin:0;}
#foreign_language_pages .country .link 	{padding:0;margin:0; text-align:center;}
#foreign_language_pages .flags			{float:left;}

/*download menu*/
#downloadMenu					{padding:0; font-size:15px;border-bottom:#ccc 1px solid;}
#downloadMenu ul				{padding:0; margin:0; list-style:none;}
#downloadMenu li				{padding:10px 5px; margin:0; border-top:#CCC 1px solid;clear:both;}
#downloadMenu li a				{text-decoration:none; color:#0d3081;}
#downloadMenu li a.icon			{padding:0 10px 0 0;}
#downloadMenu li a.icon	img		{vertical-align:middle;}
#downloadMenu li a.text			{padding:0;}

#downloadMenu table				{width:100%;}
#downloadMenu td 				{padding:10px 5px; border-top:#ccc 1px solid;clear:both;}

.prospectus						{padding:10px 0; font-size:12px; width:227px;}


/* find people */
#findPeopleProfile						{font-size:11px;}
#findPeopleProfile select				{color:#8b0000; font-size:20px; text-transform:none;}
#findPeopleProfile option				{color:#8b0000; font-size:20px; text-transform:none;}
#findPeopleFilter						{background-color:#eee; padding:10px; width:645px; font-size:11px; font-weight:bold;}
#findPeopleFilter label					{padding-right:3px;}
.findPeopleFilterBox					{float:left; padding:0 10px 10px 0;}
.findPeopleFilterBox #department_submit	{float:left; padding: 9px 0 0 10px;}
.findPeopleProfileImg					{float:left; margin:10px 6px 20px 0; padding:0; height: 255px;}
.findPeopleProfileImg .role				{margin:2px 0;padding:0;width:320px;}
#filterBy a								{color:#8b0000; padding:0 5px; font-weight:normal; font-size:12px;}
#results								{float:right; width:665px; padding:20px 30px 20px 0;}


/* search results */
#searchMid						{float:left; width:700px;}
#searchBarMid					{margin:0; padding:0;}
#submit-mid						{vertical-align:bottom; margin:0 0 1px 0;}
#searchFilter					{background-color:#efeeee; padding:5px 10px; margin:0 0 10px 0; font-size:11px; color:#2f2f2f; font-weight:bold;}
#searchResultsMain				{padding:0 0 0 15px;}
.filterInput					{width:400px; padding:3px 0 3px 10px; font-size:11px; margin:0 5px 0 0; border:none; background-color:#c8c8c8; color:#515151;}
.searchedFor					{border-bottom:#CCC 1px solid; border-top:#CCC 1px solid; font-size:11px; color:eee; font-weight:bold; padding:5px 0;}
.searchedForBase				{border-bottom:#CCC 1px solid; font-size:11px; color:eee; font-weight:bold; padding:5px 0;}
.searchResults					{padding:10px 0 10px 0; color:#000;}
.searchResults a.searchTitle	{color:#990101!important; text-decoration:none; font-size:16px; text-transform:none; font-weight:normal;}
.searchResults a				{color:#3d599a!important; text-decoration:none; font-size:12px;}
.searchResultsImg				{float:left; padding:0 10px 5px 0;} 
.searchResCont					{border-bottom:#CCC 1px solid; padding:20px 0;}
.searchUrls						{font-size:11px; color:#a8a8a8;}
.paginationSearch				{float:left; width:380px; padding:0 0 0 10px;}
.paginationResults				{float:left; width:170px;}
.paginationPagePre				{float:left;}
.paginationPageNx				{float:left;}

/* exhibitions */
.exhibitions {width:666px; background-color:#EFEDEE; float:left; padding: 10px; margin-top:10px;}
label#exhibitionsddl {float:left; font-weight:bold; padding-top:3px; padding-right:5px;}
select#exhibitiondd {float:left; padding-left:2px; width:190px; margin:2px 5px 0 0;}
#exhibitions_go {padding-top: 2px;}
.exhibitions hr {margin-top:10px; margin-bottom:10px;}


/*testimonials*/
#optionbar{margin:0 30px 10px 0;background-color:#efeeee;padding:10px;}
#optionbar label, #optionbar input, #optionbar p{float:left;}
#optionbar label{margin-right:15px;}
#optionbar p{margin:0 15px 0 0;padding:0;}
#testimonials{border-top:solid 1px #d8d8d8;margin:0 30px 0 0;padding:10px 0 0 0;}
#testimonials .item{border-bottom:1px solid #d8d8d8;}
#testimonials #items{margin-bottom:10px;}
#testimonials .who_when{color:#5b5b5b;font-size:1.2em;font-weight:bold;margin-top:10px;}
.sortbar{margin:0; padding:0 0 10px 0;border-bottom:1px solid #d8d8d8; }
.sortbar label, .sortbar select{display:inline;}
.sortbar div.pagination{display:inline;float:right;}
.sortbar .pagination a,.sortbar .pagination span{margin-right:10px;}

/* Apollo Quick Search */
#aqs 		{background-color:#EFEDEE; padding:15px;}
#aqsfind 	{width:205px;}
#aqsdd 		{width:155px; margin: 5px 5px 10px 0px; padding:2px 0px 2px 2px; float:left;}
#aqsgo		{float: left; margin:6px 0px 5px;}
input#aqssubmit 	{background-color:#EFEDEE;}

.selectwidth {width:225px;}
.contactname {font-size:17px; font-weight:bold;}
.jobtitle {font-size:11px; font-weight:bold;}
.contactspacer {margin:2px 0 2px 0;}
.tel{margin-top:5px; margin-bottom:3px;}

.error-404 ul {margin-left:0;padding-left:0;}
.error-404 ul li{list-style-type:square;list-style-position:inside;margin-left:0;padding-left:0;}

#department1 select {width:400px!important;}


/* jquery ui */
body .ui-widget-content {
    background: none repeat scroll 0 0 #EEEEEE;
	color:#575757; 
	font-family: "Optima LT W01 Roman";    
    border: 1px solid #000000;
    color: #222222;
}

body .ui-widget-header {
    background: #000000;
    color: #FFFFFF;
    font-family: "Bembo W01"; 
    font-weight: bold;
    text-transform: none;
	font-size:14px;
}

body  .ui-widget-content th{font-weight:normal;}
body .ui-widget-content input {
    background-color: #ffffff;
    border: medium none;
    color: #515151;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 5px 0 5px 10px;
    width: 199px;
}
body .ui-widget-content #prospectusupdatescancel,
body .ui-widget-content #prospectusemailedupdates,
body .ui-widget-content #signupupdatescancel,
body .ui-widget-content #signupemailedupdates {
	background:none;width:auto;height:auto;
}
#prospectusupdatescancel
.ui-widget-header .ui-icon {background-color: #EEEEEE;background-image:none;}
body .ui-widget-content select {
    background-color: #C8C8C8;
    border: medium none;
    color: #515151;
    font-size: 11px;
    margin: 2px 0;
    padding: 3px 0 3px 10px;
    width: 210px;
}
body  .ui-widget-content #buttons{margin-left:87px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	/* the CSS styling below will only be picked up by Safari and Chrome */ 
	.promogroup .strapline .promo325x163 .bottom-left h3 .fontColourOne {padding-top:1px;padding-bottom:2px;}
	.promogroup .strapline .promo325x163 .bottom-left .extra {bottom: 30px; margin: 0; padding: 0;}	
}
