/* - ploneCustom.css - */
@media all {
/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

/* Added by Aaron Bery 05032010*/
#white h1 {
color:#ffffff;
}

/* Added by Derek START */

#red  { color: #ff0000;	}
.vtTextBig  { color: #ffffff; font-size: 1.7em; font-family: verdana, Arial, Helvetica, sans-serif; }
.vtTextSmall  { color: #ffffff; font-size: 2.7em; font-family: verdana, Arial, Helvetica, sans-serif; }



/* Dereks Survey CSS to format it correctly START */


h1.documentFirstHeading {
        font-size: 2.7em;
	color: #005596;
	margin-bottom: 0.25em;
	}

h3.documentDescription {
        font-size: 1.3em;
	color: #005596;
        margin: 2.5em 0.0em 0.0em 0.0em;
	}

h1.questionTitle {
        font-size: 1.2em;
	color: #005596;
	margin: 1.5em;
	}

h2.questionTitle {
        font-size: 1.2em;
        font-weight: bold;
        line-height: 1.2;
	color: #005596;
	margin:  2.5em 0.0em 0.0em 0.0em;
	}

div.even-optionRow {
        font-size: 1.0em;
        line-height: 2.5;
	color: #005596;
	margin: 0.9em 0.0em 0.0em 0.0em;
	}

div.odd-optionRow {
        font-size: 1.0em;
	color: #005596;
        line-height: 2.5;
	margin: 0.9em 0.0em 0.0em 0.0em;
	}


/* Dereks Survey CSS to format it correctly END */

/* Added by Derek 16th April 2009 FINISH */



/* Stylesheet for the 'St George's Theme' Plone theme */

/* ---------- CSS Reset ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	}

body.smallText {
	font-size: 0.5em;	
	}

body.largeText {
	font-size: 0.75em;
	}
	
ol, ul {
	list-style: none;
	}

body.kupu {
	font-size: 1em;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
       
        }

caption, th, td {
/*	text-align: left;*/
	font-weight: normal;
	vertical-align: middle;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

li {
	font-size: 1.1em;
	zoom: 1;
	}

p {
	color: #555;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}
	
p.intro{
	font-size:1.4em !important; font-weight:bold;
	}
	
a {
	text-decoration: none;
	color:#1293CC;
	}
	
a:hover {
	text-decoration: underline;
	}

strong {
	font-weight: bold;
	}
	
h1 {
	font-size: 2em;
	color: #105A57;
	font-weight: bold;
	}





h2 {
	font-size: 1.2em;
	color: #005596;
	font-weight: normal;
	}

h2 span {
	font-size: 0.7em;
	color: #005596;
	margin-top: 1em;
	display: block;
	}

h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
        color: #555555;
	}

h3 a {
	color: #555555;	
	}

h4 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.5em 0;
	color: #005596;
	}

h4 a {
	color: #005596;
	}

ul {
	list-style-position: inside;
	/*list-style-type: disc;*/
	margin-bottom: 1em;
	}

ul li {
	color: #333333;
	margin: 0.5em 0;
	}

li li {
	font-size: 1em;
	}

ul.list_arrow_green li {
	background: url("/style/images/sora/list_arrow_green.gif") no-repeat left 0.25em;
	padding-left: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}
	
ul.list_arrow_green li span {
	display: none;	
	}

ul.list_arrow_orange li {
	background: url("/style/images/sora/list_arrow_orange.gif") no-repeat left 0.25em;
	padding-left: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}

ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 1em;
	}

dl {
	color: #555;
	margin-bottom: 1em;
	line-height: 1.5em;
	}

dt {
	font-size: 1.3em;
        padding: 0.5em;
	}

dd {
	font-size: 1.0em;
	}

fieldset {
	line-height: 1em;
	margin-bottom: 2em;
	}

#visual-portal-wrapper {
	width: 94em;
	margin: 0 auto;
	overflow: hidden;
	}

/* ---------- Header ---------- */

#header {
	height: 10.4em;
	}

a#portal-logo {
	float: left;
	position: relative;
	top: 0.7em;
	left: 1.9em;
	}	

ul#study_links {
	float: right;
font-weight: bold;
	margin: 4.5em 2.5em 4em 0;
	display: inline; /* ie6 double margin fix */
	}	

ul#study_links li {
	font-size: 1.3em;
font-weight: bold;
	display: inline;
	padding: 0 1.4em;
	border-right: 1px solid #ccc;
	}

ul#study_links li.last {
	border: none;
	padding-right: 0;
	}
	
ul#study_links li a {
	color: #1979CF;
font-weight: bold;
	line-height: 1.5em;
	}

ul#study_links li a.current {
	text-decoration: underline;
	}

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

#navigation #portal-globalnav #portaltab-index_html a {
	display: none;
	}

#navigation {
	background-image: url("/style/images/sora/nav_bg.gif");
/*
	overflow: auto;
*/
	width: 100%;
	clear: both;
	}

#navigation ul {
	list-style-position: inherit;
	list-style-type: none;
	margin-bottom: 0;
	float: left;
	}

#navigation ul li {
	display: inline;
	font-size: 1.3em;
	margin: 0;
	}

#navigation ul li a {
	height: 2.5em;
	line-height: 1.5em;
	padding: 1em 1em 0 1em;
	color: #333;
	background-image: url("/style/images/sora/nav_button_bg.gif");
	background-position: top right;
	float: left;
	display: block;
	}

#navigation ul li a:hover, #navigation ul li a.current {
	color: #005596;
	text-decoration: none;
	background-image: url("/style/images/sora/nav_button_active_bg.gif");
	}

#navigation form {
/*
	margin: 0.5em 2.5em 0 0;
*/
	float: right;
	display: inline;  /* ie6 double margin fix */
	text-align: right; 
	}

#navigation form input {
	clear: none;
	float: none;
	width: auto;
	}

#navigation form input.search {
	width: 10em;
	height: 1.25em;
	border: 1px solid #a9a9a9;
	padding: 0.25em;
	}

/* ---------- live search ---------- */

#LSResult {
	left: 0;
	padding-top: 0;
	}

#LSResult legend#livesearchLegend {
	background: #fff;
	font-size: 1em;
	margin-top: -1em;
	padding: 0.5em;
	}

#LSResult ul {
	float: none;
	margin: 0;
	padding: 0;
	}

#LSResult ul li {
	display: block;
	}

#LSResult ul li a {
	background: none;
	display: inline;
	float: none;
	height: auto;
	padding: 0;
	}

#LSResult .discreet {
	font-size: 1em;
	}

#LSResult .LSDescr {
	margin-left: 0;
	}

ul#portal-personaltools {
	float: right;
	margin: 0.25em 0 0;
	}

ul#portal-personaltools li {
	display: inline;
	margin: 0;
	}

ul#portal-personaltools li a {
	padding: 0 0.5em;
	border-left: 1px solid #cfcfcf;
	}
	
/* ---------- content ---------- */

#image-left   {
	float: left;
	margin: 0em 5em 5em 0em;
	background: #ffffff;
	font-size: 0.8em;
	width: auto;	
	}

.template-homepage_view  #content {
	clear: both;
	}

#breadcrumb {
	width: 91.5em;
	padding: 0 0 0 2.5em;
	background: #fff;
	}

#breadcrumb ul {
	margin: 0;
	}

#breadcrumb li {
	display: inline;
	line-height: 2.25em;
	}

#breadcrumb li a {
	font-size: 1.2em;
	background: url("/style/images/sora/list_arrow_grey.gif") left 50% no-repeat;
	padding: 0 0.5em 0 1em;
	}

#breadcrumb li.current {
	color: #999;
	font-size: 1.3em;
	background: url("/style/images/sora/list_arrow_grey.gif") left 50% no-repeat;
	padding: 0 0.5em 0 1em;
	}

/* ---------- home ---------- */

.template-homepage_view div.documentContent {
	padding: 0;
	}

.template-homepage_view #content #top_content {
	height: 40.7em;
	background: url("/style/images/sora/home_content_bg.gif") no-repeat #005596;
	overflow: hidden;
	}

.template-homepage_view #content .left_content {
	width: 54em;
	float: left;
	}

.template-homepage_view #content div img.main_photo {
	display: inherit;
	float: inherit;
	margin-left: inherit;
	width: inherit;
	}

.template-homepage_view h1 {
	padding: 0.5em 0 0 0.926em;
 	}

p.heading_sub {
	font-size: 1.5em;
	color: #a5c4db;
	font-weight: normal;
	}
	
.template-homepage_view #content .left_content p.heading_sub {
	padding-left: 1.75em;
	}

.template-homepage_view #content div.welcome {
	background: url("/style/images/sora/welcome_h1_icon.gif") no-repeat left 50%;
	padding: 1.5em 0;
	height: 7.5em;
	}
	
.template-homepage_view #content .right_content {
	width: 35em;
	float: right;
	margin: 2em 2.5em 0 0;
	display: inline;  /* ie6 double margin fix */
	}

.template-homepage_view #content .right_content div.open_days {
	height: 11em;
	}

/*
.template-homepage_view #content .right_content div.open_days a {
	color: #fff;
	}
*/

.template-homepage_view #content .right_content div.open_days img {
	float: left;
	border: 2px solid #1293CC;
	}

.template-homepage_view #content .right_content div.open_days h2 {
	padding-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 8.5em;
	}

.template-homepage_view #content .right_content div.open_days h2 a {
	color: #fff;
	}

.template-homepage_view #content .right_content div.open_days p.heading_sub {
	color: #A5C4DB;
	font-size: 1.4em;
	margin-left: 12.1em;
	}
	
.template-homepage_view #content .right_content a.tour_video {

	}

.template-homepage_view #content .right_content a.tour_video img {
	border: 2px solid #fff;
        }

.template-homepage_view #content .right_content div.tour {
	padding: 7.5em 5em 2em 5em;
	}
.template-homepage_view #content .right_content div.tasteofmed {
	padding: 7.5em 5em 2em 5em;
}

.template-homepage_view #content .right_content div.tour p.heading_sub {
	font-size: 1.5em;
	color: #A5C4DB;
	margin-bottom: 1em;
	}

.template-homepage_view #content .right_content div.tour h2 {
	margin-bottom: 0.25em;
	}

.template-homepage_view #content .right_content div.tour h2 a {
	text-decoration: none;
	color: #fff;
	}

.template-homepage_view #content .right_content div.latest_news {
	clear: both;
	}

.template-homepage_view #content .right_content div.latest_news h2 {	
	color: #005596;
	}

.template-homepage_view #content .right_content div.latest_news h2 a {
	color: #005596;
	}

.template-homepage_view #content .right_content div.latest_news ul {
	color: #555;
	}
	
.template-homepage_view #content .right_content div.latest_news ul a {
	color: #1293CC;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	}

.template-homepage_view #content .right_content div.latest_news ul a span {
	display: block;
	}

.template-homepage_view #content a.more_link {
	float: right;
	}

.template-homepage_view #content #bottom_content {
	overflow: auto;
	}

.template-homepage_view #content #bottom_content div.contact,
.template-homepage_view #content #bottom_content div.open {
	width: 24em;
	float: left;
	margin: 2em 0 2em 2.5em;
	display: inline;  /* ie6 double margin fix */		
	}

.template-homepage_view #content #bottom_content div.partners {
	margin: 2em;
	clear: both;
	}

.template-homepage_view #content #bottom_content div.partners p {
	margin-bottom: 1em;
	}

.template-homepage_view #content #bottom_content div.partners h3 {
	color: #1FB3AA;
	}

.template-homepage_view #content #bottom_content h3 {
	margin-bottom: 1em;
	}

.template-homepage_view a.more {
	font-size: 1.455em;
	}

.template-homepage_view #header_info,
.template-homepage_view #breadcrumb {
	display: none;	
	}

.template-homepage_view .header_photo {
	display: none;
	}

.template-homepage_view ul.list_arrow_green li span {
	display: block;
	}





#spotlight3 h3 {
	font-size: 2.4em;
	color: #fff;
	font-weight: normal;
	}

#spotlight3 p {
	font-size: 1.4em;
	color: #fff;
	font-weight: normal;
	}






	
/* ---------- landing + detail ---------- */

/*
#landing #content,
#detail #content {
	overflow: auto;
	width: 94em;
	}
*/

#header_info{
	height: 7.75em;
	width: 68em;
	padding: 1.85em 2.5em 2.5em 2.5em;
	background: url("/style/images/sora/header_info_bg.gif") right 50% no-repeat #005596;
	overflow: hidden;
	}

#header_info h1 {
	font-size: 2.4em;
	color: #fff;
	font-weight: normal;
	}

img.header_photo {
	float: right;
	display: block;
	width: 21em;
	height: 12em;
	}

/* ---------- left content ---------- */

#content div.left_content {
	width: 73em;
	float: left;
	}

/* ---------- left nav ---------- */

ul#left_nav {
	background-color: #1fb3aa;
	min-height: 28.4em;
	height: auto !important;
	height: 28.4em;
	list-style-type: none;
	list-style-position: outside;
	padding: 1em;
	margin-bottom: 0;
	}

ul#left_nav li {
	padding: 1em 0 0;
	margin: 0;
	}

ul#left_nav li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	padding-left: 1em;
	background: url("/style/images/sora/list_arrow_blue.gif") no-repeat left center;
	display: block;
	}

ul#left_nav li ul {
	margin: 0 0 0 1em;
	}
	
/*
ul#left_nav li ul li {
	margin: 0 0 1.5em 0;
	}
*/

ul#left_nav li li a {
	font-weight: normal;
	display: block;
	}

ul#left_nav li a.current {
	color: #125F5A;
	background: url("/style/images/sora/list_arrow_dark.gif") no-repeat left center;
	}

/* ---------- prospectus ---------- */

div.prospectus {
	width: 16em;
	height: 6.75em;
	padding: 2.5em;
	background-color: #cde6f5;
	}

div.prospectus h2 {
	font-size: 1.8em;
	}

div.prospectus p.heading_sub {
	font-size: 1.2em;
	color: #1979CF;
	}

/* ---------- main photo ---------- */

#content div.main_image {
	height: 30.4em;	
	}

#content div.main_image img {
	height: 30.4em;
	margin: -2.5em;
	position: absolute;
	width: 51.7em;
	}

.documentEditable #content div.main_image img {
	height: 28em;
	margin: 0;
	width: 46.5em;
	}

/* ---------- main copy ---------- */

div.documentContent {
	padding: 2.5em;
        border-right: 1px solid #CDE6F5;
        border-left: 1px solid #CDE6F5;
	}

#main_copy h2 {
	color: #005596;
	margin-bottom: 1em;
	}

#main_copy h3 {
	color: #005596;
	margin: 2em 0 0.75em 0;
	font-weight: normal;
	}

#main_copy p {
	font-size: 1.2em;
	}

#main_copy ul {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 1em;
	margin-left:2em;
	}

#main_copy ol {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 1em;	
	}

#main_copy li {
	font-size:1em;
	margin: 0.5em 0;
	color: #555;
	zoom: 0;
	}

#main_copy dl {
/*
	font-size: 1.2em;
*/
	color: #555;
	line-height: 1.5em;
	margin: 1em 0;
	overflow: auto;
	}

#main_copy dt {
	font-weight: bold;
	width: 45%;
	float: left;
	}

#main_copy dd {
	width: 45%;
	display: inline;
	float: left;
	margin-bottom: 0.5em;
	}

#main_copy dl.course_footer {
	background: #CDE6F5;
	padding: 1em;
	width:95%;
	}

#main_copy dl.course_footer dt {
	color: #005596;
	}

/*
#main_copy img {
	float: right;
	margin: 0 0 2em 2em;
	}
*/

#main_copy a.read_more {
	display: block;
	text-align: right;
	margin-top: 1em;
	}

/* ---------- news ---------- */

#main_copy h3.news_header {
	color: #1979CF;
	background-color: #CDE6F5;
	padding: 0.5em;
	margin: 0;
	}

#main_copy div.contenttype-news-item {



	border-bottom: 1px solid #CDE6F5;
	margin-bottom: 1em;
	}

#main_copy div.contenttype-news-item img,
#main_copy div.event_item img {
	float: left;
	height: auto;
	margin: 0 0 1em;
	width: 85px;
	}

#main_copy div.contenttype-news-item h4,
#main_copy div.contenttype-news-item p {
	margin-left: 95px;
	}

div.news_img {
	float: left;
	margin: 0 2em 2em 0;
	background: #fff;
	font-size: 0.8em;
	width: auto;
	}

div.newsImageContainer {
	float: right;
	margin: 0em 0em 2em 2em;
	background: #ffffff;
	font-size: 0.8em;
	width: auto;	
	}

#main_copy div.news_img img,
#main_copy div.newsImageContainer img {
	float: none;
	margin: 0;
	}

div.news_img p,
div.newsImageContainer p {
	padding: 1em;
	margin: 0;
	}

#main_copy div.news_tools {
	overflow: auto;
	margin-bottom: 3em;
	}

#main_copy div.news_tools p {
	float: left;
	margin: 0.3em 0 0;
	}

#main_copy div.news_tools form {
	color: #555;
	font-size: 1.2em;
	}

.toolsLeft {
	float:left;
	width:55%;
	}

/* ---------- Pagination ---------- */

.listingBar {
	border-bottom: 1px solid #cde6f5;
color: #999;
	font-size: 1.2em;
	padding-bottom: 1em;
	}

.listingBar span {
	padding: 0.25em;
	color: #555;
	}

.listingBar ul{
	float:left;
	margin-bottom: 0!important;
	}

.listingBar ul li{
	margin:0;
	list-style:none;
	float:left;
	}

.listingBar ul li a,
.listingBar ul li span{
	float:left;
	padding:0.3em 0.8em;
	border:1px solid #cde6f5;
	margin:0 .2em;
	text-decoration:none;
	}

.listingBar ul li a:hover{
	background:#1979cf;
	color:#fff;
	border-color:#1979cf;
	}

.listingBar ul li span{
	background:#cde6f5;
	color:#005596;
	}

.listingBar #sorting {
	float: right;
	margin-top: 0.5em;
	}
	
.listingBar label {
	color: #1293CC;	
	}	

/* ---------- events ---------- */

#main_copy dl ul {
	font-size: 1em;
	list-style-position: outside;;
	list-style-type: none;
	margin-bottom: 0;
	}

#main_copy dl ul li {
	margin: 0;
	}

#main_copy dl img {
	float: none;
	margin: 0;
	}

#main_copy h3.event_header {
	color: #1979CF;
	background-color: #CDE6F5;
	padding: 0.5em;
	margin: 0;
	}

#main_copy div.event_item {
	border-bottom: 1px solid #CDE6F5;
	margin-bottom: 1em;
	}

#main_copy div.event_item img {
	float: left;
	margin: 0;
	}

#main_copy div.event_item h4,
#main_copy div.event_item p {
	margin-left: 95px;
	}

#main_copy div.event_img {
	float: left;
	margin: 0 2em 2em 0;
	background: #CDE6F5;
	font-size: 0.8em;
	width: 150px;
	}

#main_copy div.event_img p {
	padding: 1em;
	margin: 0;
	}

/* ---------- Magazine ---------- */

#main_copy div.publication_list {
	margin-top: 3em;
	}

#main_copy div.publication_item {
	border-bottom: 1px solid #CDE6F5;
	margin-bottom: 1em;
	}

#main_copy div.publication_item img {
	float: left;
	margin: 0;
	}

#main_copy div.publication_item h4,
#main_copy div.publication_item p {
	margin-left: 65px;
	}

/* ---------- right content ---------- */

/*
td#portal-column-two div.visualPadding {
	background-color: #CDE6F5;
	min-height: 20.4em;
	}
*/

td#portal-column-two h3 {
	margin: 1.05em 1em 0 1.5em;
	color: #005596;
	}
	
td#portal-column-two div.latest_news {
	background: #DFF4FF;
	}

td#portal-column-two div.latest_news h3 {
/*
	background: url(/style/images/sora/rss_small.gif) right no-repeat #1979CF;
*/
	background: #1979CF;
	margin: 0;
	padding: 0.5em;
	}

td#portal-column-two div.latest_news h3 a {
	color: #fff;
	}

td#portal-column-two div.latest_news h3 a:hover {

	}

/*
td#portal-column-two div.latest_news a.news_rss {
	float: right;
	font-size: 0.9em;
	font-weight: normal;
	margin: -1.1em 1.5em 0 0;
	}
*/

a.news_rss {
	display: none;
	}

/*
td#portal-column-two div.latest_news ul.list_arrow_green {
	background: #DFF4FF;
	padding: 0;
	height: auto;
	}

td#portal-column-two div.latest_news ul.list_arrow_green li.selected {
	background: #fff;
	}

td#portal-column-two div.latest_news ul.list_arrow_green li.selected a {
	background: url(/style/images/sora/list_arrow_orange.gif) no-repeat left 0.25em;
	}

td#portal-column-two div.latest_news ul li {
	background: none;
	padding: 1em;
	margin: 0;
	}

td#portal-column-two div.latest_news ul li span {
	margin-left: 1.2em;
	display: block;
	display: none;	
	}

td#portal-column-two div.latest_news ul li a {
	font-weight: normal;
	}
*/

td#portal-column-two div.quote {
	padding: 1.5em;
	border-top: 2px solid #f36d01;
	background: url("/style/images/sora/right-quote.gif") bottom right #f38901 no-repeat;
	}

td#portal-column-two div.quote blockquote {
	padding: 0.5em;
	font-size: 1.3em;
	line-height: 1.5em;
	background: url("/style/images/sora/left-quote.gif") no-repeat;
	}

td#portal-column-two div.quote blockquote p {
	color: #333;	
	}

/* ---------- action banner ---------- */

div.action_banner {
	padding: 1.5em;
background: url("/style/images/sora/images/banner_orange_bg.gif") repeat-x #F36D01;
	background:  #F36D01;
	overflow: auto;
	}

div.action_banner_green {
	padding: 1.5em;
	background:  #1fb3aa;
	overflow: auto;
	}

div.action_banner_darkblue {
	padding: 1.5em;
	background:  #005596;
	overflow: auto;
	}

div.action_banner_lightblue {
	padding: 1.5em;
	background:  #3271A2;
	overflow: auto;
	}

div.action_banner.blue {
	background: url("/style/images/sora/images/banner_blue_bg.gif") repeat-x #2e82ce;
	}

div.action_banner.centre {
	text-align: center;
	}

div.action_banner img {
	float: left;
	margin-right: 1em;
        border: 2px solid #F36D01;
	}

div.action_banner.blue img {
	border: 2px solid #2E82CE;
	}

div.action_banner h3 {
	color: #ffff00;
	font-weight: normal;
	}

div.action_banner h3 span {
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
	}

div.action_banner h3 a {
	color: #fff;
	}

div.action_banner p {
	color: #333;
	margin-top: 0.75em;	
	}

/* ---------- right links ---------- */

td#portal-column-two ul {
	padding: 2em 1em 1em 0;
/*
	background-color: #cde6f5;
*/
	list-style-image: none;
	list-style-type: none;
	margin-left: 1.2em;
	display: inline-block;
	list-style-position: outside;
	}

td#portal-column-two ul li {
	margin: 0 0 1.5em 0;
	}

td#portal-column-two ul li a {
	font-size: 1.2em;
	font-weight: bold;
	color: #1979CF;
/*
	padding-left: 1em;
	background: url(/style/images/sora/list_arrow_green.gif) no-repeat left 0.25em;
*/
	display: block;
	}

td#portal-column-two #news_search {
	background: #F38901;
	padding: 1.5em;
	}

td#portal-column-two #news_search fieldset {

	}
	
td#portal-column-two #news_search input.search {
	float: left;
	width: 9em;
	height: 1.25em;
	padding:0.25em;
	border: 2px solid #F36D01;
	}

td#portal-column-two #news_search input.submit {
	float: right;
	}




/* ---------- edited by Derek to show blue TD celllines ---------- */

/* ---------- tables - defaults ---------- */

#main_copy table {
	width: 100%;
	background: #ffffff;
	font-size: 1.2em;
	color: #333;
	margin-bottom: 0.5em;
border: 1px solid #ffffff;
	}

#main_copy table th {
	font-weight: bold;
	background: #ffffff;
	color: #fff;
	padding: 0.5em;
	}

#main_copy table td {
	padding: 0.5em;
        vertical-align: top;
	}

#main_copy table tr.even {
	background: #cccccc;
	}

#main_copy table img {
	float: none;
	margin: 0;
        vertical-align: top;
	}

#main_copy table tr.total td {
	font-weight: bold;
	}

#main_copy table tr.tabs {
	padding: 0.5em;
        vertical-align: top;
	}
/* ---------- tables - edit mode ---------- */

.documentContent table {
	width: 100%;
	background: #ffffff;
	font-size: 1.2em;
	color: #333;
	margin-bottom: 0.5em;
	border: 1px solid #ffffff;
	}

.documentContent table th {
	font-weight: bold;
	background: #ffffff;
	color: #555555;
	padding: 0.5em;
	}

.documentContent table td {
	padding: 0.5em;
        border: 1px solid #ffffff;
        vertical-align: top;
	}


/* ---------- tables - publications ---------- */

#main_copy table td.description {
	vertical-align: middle;
	}

#main_copy table td.month {
	vertical-align: middle;	
	}

#main_copy table td.format {
	vertical-align: middle;	
	}

#main_copy table td.icon {
	vertical-align: middle;
	text-align: center;
	}

/* ---------- profile ---------- */

div.profile img {
	border: 2px solid #005596;
	}

div.profile blockquote {
	/*float: right;*/
	margin: 0 0 2em 0;
	/*width: 150px;*/
	line-height: 1.5em;
	/*clear: both;*/
	/*font-size: 1.6em;*/
	font-weight: bold;
	font-style: italic;
	color: #008080;
	}

div.profile blockquote p {color: #008080;}


div.profile dl {
	width: auto;
	font-size: 1.2em;
	}	


div.profile dt {
	width: 24em;
	font-weight: bold;
	color: #555;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #CDE6F5;
	padding: 1em 0 0.25em 0;
	}

div.profile dt span,
div.profile h4 span {
	display: none;
	}
	
div.profile dd {
	font-size: 1em;
	margin-bottom: 0.5em;
	color: #333;
	line-height: 1.5em;
	}
	
div.profile dt.name,
div.profile dt.job_role,
div.profile dt.group,
div.profile dt.grad,
div.profile dt.year,
div.profile dt.date,
div.profile dd.date,
div.profile dt.course {
	display: none;
	}

div.profile dd.name h3 {
	margin: 0;
	}

div.profile dd.name {
	font-size: 1.2em;
	font-weight: bold;
	}

div.profile dd.course {
	float: left;
	margin-right: 0.25em;
	}

div.profile h4 {
	width: 24em;
	font-size: 1.2em;
	font-weight: bold;
	color: #555;
	margin-bottom: 0.5em;
	border-bottom: 1px solid #CDE6F5;
	padding: 1em 0 0.25em 0;
	}

/* ---------- forms ---------- */

div.field {
	margin-bottom: 2em;	
	}

div#form_gen_page div.field,
.template-sendto_form div.field {
	clear: both;
	overflow: auto;
	}

div.field img {
	float: none;
	margin: 0;
	}

span.fieldRequired {
	color: #999;
	font-size: 1.2em;		
	}

div#form_gen_page span.fieldRequired,
.template-sendto_form span.fieldRequired {
	float: left;
	margin: 0.5em;
	}

p.form_stage {
	float: right;
	}

form label {
	color: #555;
/*	font-size: 1.2em;	*/
	}

form input.noborder,
input.checkboxType {
	margin: 0;
	}
	
div#form_gen_page form label,
.template-sendto_form form label {
	display: block;
	float: left;
	margin: 0.5em 0;
	}

legend {
	color: #555;
	font-size: 1.5em;	
	line-height: 1.5em;
	margin-bottom: 1em;
	}

form input {
	margin: 0.5em 0;	
	}

div#form_gen_page form input,
.template-sendto_form form input {
	clear: left;
	float: left;
	margin: 0.5em 0;
	padding: 0.25em;
	width: 70%;
	}

form select {
	margin: 0.5em 0;	
	}

div#form_gen_page form select {
	clear: left;
	float: left;
	margin: 0.5em 0;
	}

form textarea {
	margin: 0.5em 0;	
	}
	
div#form_gen_page form textarea,
.template-sendto_form form textarea {
	clear: left;
	display: block;
	margin: 0.5em 0;
	width: 70%;
	}

/* start - add 12 dec 2008 */
form #date_of_birth {width:4em;}
form #date_of_birth_month{width:9em;}
form #date_of_birth_year {width:4.8em;}
/* end - add 12 dec 2008 */

div#form_gen_page form input.context,
div#form_gen_page form input.standalone,
div#form_gen_page form input.searchButton,
.template-sendto_form form input.context {
	clear: none;
	width: auto;
	}

p.required {
	
	}

p.required span {
	color: #1979CF;
	}

span.discreet {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.5em;	
	}

div.fieldErrorBox {
	clear: both;
	color: #ff0000;
	display: none;
	font-size: 1.2em;
	}

div.field.error div.fieldErrorBox {
	display: block;
	}

div.field.error input,
div.field.error textarea {
	border: 1px solid #ff0000;
	}

div#form_gen_page div.formHelp {
	clear: both;
	display: none;
	font-size: 1.2em;
	}

div.field.error div.formHelp {
	display: block;
	}

dl.portalMessage {
	padding: 1em;	
	}

dl.portalMessage.error {
	background: #ffcfcf;
	color: #ff0000;
	border: 1px solid #ff0000;
	}

dl.portalMessage.info {
	background: #afffaf;
	color: #006400;
	border: 1px solid #006400;
	}

dl.portalMessage.error dt,
dl.portalMessage.info dt {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	}	

/* ---------- feedback form ---------- */

div#form_gen_page form input#i-would-like-to-receive-a-response-to-my-comment_1,
div#form_gen_page form input#i-would-like-to-receive-a-response-to-my-comment_2 {
	margin-right: 0.5em;
	width: auto;
	}

div#form_gen_page form div.field.error input#i-would-like-to-receive-a-response-to-my-comment_1,
div#form_gen_page form div.field.error input#i-would-like-to-receive-a-response-to-my-comment_2 {
	border: none;
	}

div#form_gen_page form div#archetypes-fieldname-i-would-like-to-receive-a-response-to-my-comment label {
	line-height: 1.2em;
	width: 80%;
	}

div#form_gen_page form div#archetypes-fieldname-i-would-like-to-receive-a-response-to-my-comment label.formQuestion {
	line-height: 1em;
	width: auto;
	}

/* ---------- parents and families form ---------- */

div#form_gen_page div.plone_jscalendar {
	float: left;
	clear: both;
	}

div#form_gen_page div.plone_jscalendar select {
	clear: none;
	float: none;
	}

div#form_gen_page div.plone_jscalendar img {
	float: none;
	margin: 0;
	}

div#form_gen_page form input#did-you-study-at-st-georges_1,
div#form_gen_page form input#did-you-study-at-st-georges_2 {
	margin-right: 0.5em;
	width: auto;
	}

div#form_gen_page div#archetypes-fieldname-did-you-study-at-st-georges label {
	line-height: 1.2em;
	width: 80%;
	}

div#form_gen_page div#archetypes-fieldname-did-you-study-at-st-georges label.formQuestion {
	line-height: 1em;
	width: auto;
	}

div#form_gen_page form div.field.error input#did-you-study-at-st-georges_1,
div#form_gen_page form div.field.error input#did-you-study-at-st-georges_2 {
	border: none;
	}

div#form_gen_page div#archetypes-fieldname-philanthropic-support label,
div#form_gen_page div#archetypes-fieldname-legacy-support label,
div#form_gen_page div#archetypes-fieldname-events-support label,
div#form_gen_page div#archetypes-fieldname-recruitment-support label,
div#form_gen_page div#archetypes-fieldname-careers-support label,
div#form_gen_page div#archetypes-fieldname-mail label,
div#form_gen_page div#archetypes-fieldname-phone label,
div#form_gen_page div#archetypes-fieldname-email label {
	line-height: 1.2em;
	width: 80%;
	}

div#form_gen_page form input#philanthropic-support,
div#form_gen_page form input#legacy-support,
div#form_gen_page form input#events-support,
div#form_gen_page form input#recruitment-support,
div#form_gen_page form input#careers-support {
	margin-right: 0.5em;
	width: auto;
	}

div#form_gen_page div#archetypes-fieldname-i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1 label {
	line-height: 1.2em;
	width: 80%;
	}

div#form_gen_page div#archetypes-fieldname-i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1 label.formQuestion {
	line-height: 1em;
	width: auto;
	}

div#form_gen_page form input#i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1_1,
div#form_gen_page form input#i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1_2 {
	margin-right: 0.5em;
	width: auto;	
	}

div#form_gen_page form div.field.error input#i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1_1,
div#form_gen_page form div.field.error input#i-am-happy-for-sgul-to-use-my-personal-data-for-the-purposes-stated-above-1_2 {
	border: none;	
	}

div#form_gen_page form input#mail,
div#form_gen_page form input#phone,
div#form_gen_page form input#email {
	margin-right: 0.5em;
	width: auto;
	}

/* ---------- alumni services form ---------- */

div#form_gen_page div#archetypes-fieldname-use-of-the-library label,
div#form_gen_page div#archetypes-fieldname-use-of-the-sgul-sports-centre label,
div#form_gen_page div#archetypes-fieldname-discounts-special-offers-with-third-parties label,
div#form_gen_page div#archetypes-fieldname-online-directory-of-alumni label,
div#form_gen_page div#archetypes-fieldname-electronic-alumni-magazine-email-bulletins label,
div#form_gen_page div#archetypes-fieldname-alumni-bursaries-for-postgraduate-study-at-sgul label,
div#form_gen_page div#archetypes-fieldname-alumni-magazine label,
div#form_gen_page div#archetypes-fieldname-please-tick-the-box-if-you-do-not-wish-your-news-to-be-published-in-our-magazine-or-on-our-website label {
	display: inline;
	float: none;
	}

div#form_gen_page form input#use-of-the-library,
div#form_gen_page form input#use-of-the-sgul-sports-centre,
div#form_gen_page form input#discounts-special-offers-with-third-parties,
div#form_gen_page form input#online-directory-of-alumni,
div#form_gen_page form input#electronic-alumni-magazine-email-bulletins,
div#form_gen_page form input#alumni-bursaries-for-postgraduate-study-at-sgul,
div#form_gen_page form input#alumni-magazine {
	margin-right: 0.5em;
	width: auto;
	}

div#form_gen_page form input#please-tick-the-box-if-you-do-not-wish-your-news-to-be-published-in-our-magazine-or-on-our-website {
	margin-right: 0.5em;
	width: auto;
	}

/* ---------- contact the press office ---------- */

div#form_gen_page form input#i-would-like-to-receive-updates-from-the-sgul-press-office_1,
div#form_gen_page form input#i-would-like-to-receive-updates-from-the-sgul-press-office_2,
div#form_gen_page form input#area-of-interest_1,
div#form_gen_page form input#area-of-interest_2 {
	margin-right: 0.5em;
	width: auto;	
	}

div#form_gen_page div#archetypes-fieldname-i-would-like-to-receive-updates-from-the-sgul-press-office label,
div#form_gen_page div#archetypes-fieldname-area-of-interest label {
	line-height: 1.2em;
	width: 80%;
	}

/* ---------- login ---------- */

/*
form#login_form label {
	float: none;
	}
*/

/*
form#login_form input {
	width: auto;
	}
*/

/*
form#login_form div.field {
	margin-bottom: 1em;
	}
*/

/* ---------- plone cms ---------- */

ul#content-views li,
ul.contentViews li {
	margin: 0;
	}

ul.discreet {
	font-size: 1.2em;
	}

/*
fieldset input,
div.configlet input,
dl input {
	clear: none;
	float: none;
	margin: 0;
	padding: 0;
	width: auto;	
	}
*/

/*
fieldset label,
div.configlet label,
dl label {
	display: inline;
	float: none;
	line-height: 2em;
	margin: 0;	
	}
*/

/*
fieldset div.field {
	overflow: auto;
	}
*/

fieldset#fckprefs_global input,
fieldset#fckprefs_global label,
fieldset#fckprefs_global strong {
	vertical-align: top;
	}

fieldset#fckprefs_global label {
	display: block;
	}

table.listing select {
	clear: none;
	float: none;
	}

ul.configlets li,
ul.configletDetails li.configletDescription {
	margin: 0.5em 0;
	}

ul.configletDetails {
	margin: 0.5em 0 1em 3.5em;
	}

div.formDescription {
	line-height: 1.5em;
	font-size: 1.2em;
	color: #555;
	}

.chooser-right {
	float: none;
	}

form.edit-form span.fieldRequired {
	float: none;
	margin: 0;
	}

#pfgnedit, #pfgqedit {
	margin-left: 1em;
	}

input#inherit {
	width: auto;
	}

table.listing input {
	width: auto;
	}

.notDraggable {
	text-align: center;
	}

.kupu-fulleditor {
	margin: 0.5em 0;
	}

/*
.documentEditable span.fieldRequired {
	float: none;
	margin: 0;
	}
*/

div.formHelp {
	color: #999;
	font-size: 1.2em;
	line-height: 1.5em;
	}

/*
.documentEditable form input {
	width: auto;
	}
*/

/*
.documentEditable form label {
	display: inline;
	float: none;
	}
*/

.documentEditable form label.hiddenStructure {
	display: block;
	}

div#archetypes-fieldname-useCancelButton label,
div#archetypes-value-actionAdapter_1 label,
div#archetypes-fieldname-thanksPage label,
div#archetypes-fieldname-forceSSL label {
	line-height: 1.2em;
	width: 80%;
	}

input#useCancelButton,
input#actionAdapter_1,
input#thanksPage_1,
input#thanksPage_2,
input#forceSSL {
	margin-right: 0.5em;
	}

div.formControls input {
	clear: none;
	}

div#forgotten-password {
	display: none;
	}

/* ---------- search results ---------- */

a.link-feed {
	background: url("/style/images/sora/rss_small.gif") no-repeat left center;
	padding-left: 20px;
	}

dl.searchResults dt {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.5em 0;	
	}

dl.searchResults dd {
	border-bottom: 1px solid #CDE6F5;
	margin-bottom: 1em;
	padding-bottom: 1em;
        font-size: 1.2em;
	}

form.searchPage,
form.searchPage p.discreet {
	margin-top: 1em;
	}

.template-search #header_info,
.template-search #breadcrumb,
.template-search img.header_photo {
	display: none;	
	}

/* ---------- video ---------- */

#main_copy div.video {
	text-align: center;
	margin-bottom: 1em;
	}

#main_copy div.video img {
	float: none;
	}

/* ---------- sitemap ---------- */


ul#portal-sitemap li {

	}
	
ul#portal-sitemap li a {
	background: transparent url("/style/images/sora/list_arrow_blue.gif") no-repeat scroll left center;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 1em;
	}

ul#portal-sitemap li li a {
	font-weight: normal;
	}

ul#portal-sitemap ul {
	margin:0 0 0 1em;
	}
	
/*
.template-sitemap #header_info,
.template-sitemap #breadcrumb,
.template-sitemap img.header_photo {
	display: none;	
	}

.navTreeItem a, dd.portletItem .navTreeItem a {
	background: none;
	border: none;
	display: inline;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}

.navTreeItem a:hover, dd.portletItem .navTreeItem a:hover {
	background: none;
	border: none;
	color: #fff;
	}

.navTree li {
	margin-bottom: 0;
	}

.navTreeItem {
	display: inherit;
	margin: 0;
	padding: 0;
	}

.navTreeLevel2 {
	margin-left: 0;
	}

.navTree {
	list-style-image: inherit;
	list-style-position: inherit;
	list-style-type: inherit;
	margin-top: inherit;
	}
*/

/* ---------- footer ---------- */
	
#footer {
	min-height: 7.5em;
	clear: both;
	background-color: #ebebeb;
	padding: 1em 2.5em;
	}
	
#footer ul li {
	display: inline;
	}
	
#footer ul.footer_links, #footer ul.footer_tools, #footer ul.credit_links {
	margin-bottom: 1em;
	}	

#footer ul.footer_links li a {
	color: #333;
	padding: 0 0.5em;
	border-right: 1px solid #cfcfcf;
	}
	
#footer ul.footer_links li a.first,
#footer ul.footer_tools li a.first,
#footer ul.credit_links li a.first {
	padding-left: 0;
	}
	
#footer ul.footer_tools li a {
	color: #555;
	padding: 0 0.5em;	
	}	

#footer ul.credit_links li a {
	color: #999;
	padding: 0 0.5em;
	border-right: 1px solid #cfcfcf;	
	}

#footer div.page_tools {
	float: right;
	}

#footer div.page_tools a {
	display:block;
    float:left;
    margin-left:0.5em;
    width:9em;
	}
	
#footer div.page_tools a img {float: left; padding: 0.4em 0.4em 0 0}

/* Added 19.12.2008 */
.pubInfo {margin-left:65px; margin-bottom:3em; padding:0.3em 0; position:relative; border-top:1px solid #cde6f5;}

.pubInfo p{font-size:1em !important; color:#444 !important; padding:0 !important; margin:0 !important;}
.pubInfo p.category{float:left;}
.pubInfo p.date{color:#444; float:right;	}
.pubInfo p.date span{color:#005596;}

/* Added 7.1.2009 */
#detail #content div.left_content #main_copy div.profile {margin-bottom:4em;}
#detail #content div.left_content #main_copy div.profile dd.course {float:left;}

/* Added 28.3.2011 by Joy Price*/
#commentsportlet {background: #feffb0;padding: 0em 1em 0em 1em; border-width: 2px; border-style: outset;border-color: #75706C;margin: 1em 1em 1em 1em;}
#savethedateportlet {background: #fdcb6b;padding: 0em 1em 0em 1em; border-width: 2px; border-style: outset;border-color: #75706C;margin: 1em 1em 1em 1em;}


/*  */

/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */

 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   fontSmallSize - used for various elements like buttons and discreet text
   
   discreetColor - the font color of discreet text

   backgroundColor - the background color 
   
   linkColor - the color used on normal links

   linkActiveColor - color used on active links

   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   inputFontColor - the font color used for input elements
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   helpBackgroundColor - background color of information pop-ups (currently not used)
          
 */



}