/* Swansea University Basic Text Stylesheet : Created by Mark Berge, Web Editor - 
Revised: 
Chris Rees Jan 2010
Mark Berge April 2011 */

/*
----------------------------------------------------------------------------- 
BASIC STYLING
-----------------------------------------------------------------------------
*/

body {margin: 0; padding: 0;	background:#ffffff;	font-family: arial, verdana, helvetica, sans-serif;	color: #333333;	text-align:center;	}
body img {border:0;}
acronym {cursor: help;	font-style: normal;	border: none;	}
h1 {display: none;}
h2 {font-size: 1.4em;	font-weight: normal;	color: #0066cc; margin: 0.2em 0 0.5em 0;	padding: 0;	}
h3 {font-size: 1.2em; margin: .2em 0 0.4em 0;	}
h3 span {display: none;	visibility: hidden;	}
h4 {font-size: 1em;margin: .2em 0 0.4em 0;}
h5 {font-size: .8em;margin: .2em 0 0.4em 0;}
h6 {font-size: .7em;margin: .2em 0 0.4em 0;}
p {font-size: 100%;margin: 0 0 0.8em 0;	 }
.hidden {display:none;}
#home {position: absolute; top:0px; left: 0px;}

/* \*/ * html body p { font-size: 80%; } /* */

/*
----------------------------------------------------------------------------- 
BASIC CONTAINERS - Added to the Terminal Four style via the Stylesheet tab
-----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------- 
BASIC SHARED STYLES
-----------------------------------------------------------------------------
*/

#pageHeader {width: 750px;height: 119px;}
#wrapper {margin: .1em 4%; font-size: 80%; line-height: 1.5em;}
#wrapper_top {margin-top: 35px;margin-left: -5px; }
#wrapper_left {float:left;margin-left: -25px;margin-top: -20px; width: 210px;}
#wrapper_right {float:right; width: 77%; margin-top: 5px;}
#wrapper_footer {clear:both; height: 30px; }
#wrapper_google {font-size: 95%;margin-top: 5px; width: 95%;font-size: 80%; line-height: 1.5em;}
#wrapper_left #pagenav {margin-left:25px; margin-top: 10px;}
#wrapper_right ul{font-size: 95%;  }
#wrapper_right li {font-size: 100%;  list-style: disc; }
#wrapper_right .MainFeature ol li {list-style-type:decimal;font-size: 85%;}

.MainFeature {font-size: 110%; width: 97%;  }
.introduction {font: 14px/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #0066cc; z-index: 9; width: 97%; margin-bottom: 10px; }
.introduction h2 {color: #0066cc; letter-spacing: 3px;  font-variant: normal;  font-family: Arial, Helvetica, sans-serif; }
.introduction img {padding: 3px;}
.introduction p{font-size: 90%; padding-bottom:10px;}
.introduction a {font-size: 1.1em; text-decoration: none; color:#912905; font-weight: bold;}
.nextprevious {margin-left: 233px;   font-size: 90%; border: 1px; height: 50px; padding-top: 10px;}

.nextprevious a {padding-right: 40px;color: #0068C6; line-height: 16px; text-align: left;  margin: 3px; font-weight: bold; text-decoration: none; border: 1px; border-style: solid; padding: 3px;}
.nextprevious a:hover {background-color: #000000;color: #ffffff;}


#checks {width: 935px; }
#checks p {text-align: right;}
#checks a img { border: none; }

/*
----------------------------------------------------------------------------- 
MAIN MENU STYLING
-----------------------------------------------------------------------------
*/

#menu { font-family: Arial, Verdana, Helvetica; font-size: 75%;margin-left: 220px;	border-top-style: none;	z-index: 100;	width: 690px;	text-align: left;}
#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; line-height: 2em;font-weight: bold; background: none; z-index:10; }
#nav ul li { padding-left: 3px; font-weight: bold; }
#nav a {display: block; width: 8em; color: #fff; text-decoration: none; padding-bottom: 2px; margin-left: 12px; margin-top: -2px; }
#nav li { /* all list items */float: left; width:8.5em; font-weight: bold; text-align:center; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ position: absolute; width:13em;background: white;  left: -999em; border:1px; border-style: solid;  /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul a { color: #0068C6; line-height: 16px; text-align: left;  margin: 3px; font-weight: bold; width: 12em;}
#nav li ul a:visited {line-height: 16px; text-align: left;  font-weight: bold; width: 12em;}
#nav li ul a:hover {color: #fff;line-height: 16px; background-color: #0068C6;  font-weight: bold; width: 12em;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#nav li:hover {position:static;}

/*
----------------------------------------------------------------------------- 
LEFT HAND NAVIGATION STYLING
-----------------------------------------------------------------------------
*/

#navlist {list-style:none;padding-left: 0px; margin-left: 20px; border-bottom: 1px solid #888; width: 180px; margin-top: 30px; float:left;}
#navlist li{margin: 0; padding: 0.10em; border-top: 1px solid #888; padding-left:8px; padding-top:3px;padding-bottom:3px;}
#navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 97%; font-weight: bold; color: #0068C6;}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 97%; font-weight: bold; color: #cccccc;}

/*
----------------------------------------------------------------------------- 
BREADCRUMB STYLING
-----------------------------------------------------------------------------
*/
#breadcrumbs {padding-top: 3px; padding-bottom: 8px;font-family: arial, helvetica, sans-serif; font-size: 0.9em;}
#breadcrumbs a {color: #0066cc; text-decoration: none; }
#breadcrumbs a:hover { color: #000000; text-decoration: underline;}
#breadcrumbs ul li{color: #0066cc;  display: inline; list-style-type: none; margin: 0px; line-height: 10px;}
#breadcrumbs ul {margin:0px;padding: 9px; width: 97%; }

/*
----------------------------------------------------------------------------- 
QUICKLINKS
-----------------------------------------------------------------------------
*/

#quicklinks {text-align: left; font-family: Arial, Verdana, Helvetica; border-top-style: none;  }
#quicklinks, #quicklinks ul { /* all lists */padding: 0px; margin: 0px; list-style: none; line-height: 1; font-size: 100%; font-weight: bold; background: none; margin-left: 0px; padding-left: 0px; }
#quicklinks ul li {font-size: 75%; padding-left: 0px; font-weight: bold; }
#quicklinks a {display: block; width: 13.5em; color: #0066CC; text-decoration: none; padding-bottom: 2px; margin-left: 0px; margin-top: 0px; }
#quicklinks li { /* all list items */float: left; width: 12em; font-weight: bold;  /* width needed or else Opera goes nuts */}
#quicklinks li ul { /* second-level lists */ position: absolute; background: white;  width: 9em; left: -999em; border:1px; border-style: solid; font-size: 110%; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#quicklinks li ul a { color: #0068C6; line-height: 10px; text-align: left;  margin: 2px; font-weight: bold;  font-size: 90%;}
#quicklinks li ul a:visited {line-height: 10px; text-align: left; font-size:  3px; font-weight: bold;  font-size: 90%;}
#quicklinks li ul a:hover {color: white;line-height: 10px; background-color: #0068C6;  font-weight: bold;  font-size: 90%;}
#quicklinks li:hover ul, #quicklinks li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#quicklinks img {border: 0px;}

/* English */
#en .quicklinks_nav {background-image: url(/images/File,272,en.png); background-repeat: no-repeat; line-height: 2px; padding-left: 12px;z-index: 10;}
/* Cymraeg */
#cy .quicklinks_nav {background-image: url(/images/File,272,en.png); background-repeat: no-repeat; line-height: 2px; padding-left: 12px;z-index: 10;}

/*
----------------------------------------------------------------------------- 
BASIC LISTS
-----------------------------------------------------------------------------
*/


form#siteSearch {
  float: right;
}

#footer {
    border-top: 1px solid #000;
    padding-bottom: .5em;
    padding-top: .5em;
    margin-top: 1em;
	overflow:hidden;
}

.footerLinks {
    font-family: tahoma,verdana,sans-serif;
    font-size: .75em;
    font-weight: bold;
    margin: .5em 0;
    padding: 0;
    text-transform: uppercase;
}

.footerLinks li {
    border-left: 1px solid #06c;
    float: left;
    list-style-type: none;
    padding: 0 .5em;
}

.footerLinks li.first {
    border-left: none;
}

.footerLinks a {
color: #0066cc; text-decoration: none;
}
.footerLinks a:hover {
text-decoration: underline;
}
form#cse-search-box {
    float: right;
}

.scholarships {font-family: Arial, Helvetica, sans-serif; line-height: 14px; margin-right: 20px;}
.scholarships h3 {width: 90%; background-color: #ffffff; color: #0066cc;line-height: 20px; padding: 3px 0px 3px 10px;  border: 1px solid #0066cc; font-size: 90%;   }
.scholarships hr {width: 91.8%; height: 1px; color: #0066cc;  }
.scholarships .summary { font-weight: bold;}
.scholarships .areas {color:#014992;  font-variant:small-caps;}
.scholarships .closing {font-weight: bold; color:#A22831; }
.scholarships a {text-decoration: none; color:#014992; font-weight: bold;}
.scholarships a:visited {text-decoration: none;color:#A22831;}
.scholarships a:hover {text-decoration: underline;}
.az {	margin-left: 210px; margin-bottom: -40px; margin-top: 40px;}
.az li {font-size: 80%;display:inline; padding: 3px; border: 1px solid #0066cc; border-style: solid;  border-bottom: 0px;  border-left: 0px;  border-top: 0px;   }
.even {font-size: 80%; background-color: #E3EEF8; color: #0066cc; width: 90%; height: 20px; font-weight:bold; padding-left: 10px;}
.odd {font-size: 80%; background-color: #ffffff; color: #0066cc; width: 90%; height: 20px;font-weight:bold;padding-left: 10px;}
.even a {	color: #0066cc; text-decoration:none;}
.odd a {	color: #0066cc; text-decoration:none;}

/*
----------------------------------------------------------------------------- 
VACANCY LISTS
-----------------------------------------------------------------------------
*/

#vacancy {}
.post { border-style: dotted;  border-bottom: 1px;  border-left: 0px;  border-right: 0px;  border-top: 0px;    }
.post ul {font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin-left: -0px; padding-left: 0px; }
.post li {list-style:none; display:inline; padding-left: 0px; padding-right: 10px; }
.post a {text-decoration:none; color: #A22831;}
.post a:visited {color: #0066cc;}
.post a:hover {text-decoration: underline;}

/*
----------------------------------------------------------------------------- 
CORPORATE NEWS IMAGES
-----------------------------------------------------------------------------
*/

div.figure {padding: 8px; margin: 0.30em auto; /* needed to support centering of almost-full-width figures */ border: 1px solid #000000;}
div.figure img { width: 100%; }
div.figure p { /* the default "legend" style, as opposed to "caption" */
float: right;
font-family: verdana, arial, sans-serif;
font-size: 70%;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 85%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 3%; }
.left { float: left; margin-right: 3%; }
	
/*
----------------------------------------------------------------------------- 
CONTACTS
-----------------------------------------------------------------------------
*/

.contacts {font: small-caps 15px/1.3em arial, helvetica, verdana, sans-serif; position: relative; top:40px; margin-left: 20px;left: 36px;border-bottom: 1px solid #0066cc; z-index: 9; width: 65%;  padding-bottom:5px;}
.contacts h2 {color: #0066cc; letter-spacing: 3px;  font-variant: normal; font-size: 130%; }
.contactdetails{margin-top: 45px; margin-left: 105px; width: 65%; padding: 0 0 0 0; font-size: 110%;}
.address {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 90%; padding-bottom: 30px;margin-bottom: 10px;}

/*
----------------------------------------------------------------------------- 
TABLEs
-----------------------------------------------------------------------------
*/

.MainFeature table {border: 1px #ccc solid;  color:#024486; width: 98%; }
.MainFeature table td {border: 1px;  border-style: solid; border-color: #EAF0F5; padding: 4px; font-size: 90%; }
.MainFeature table th {border: 0px;  border-style: solid; background-color: #EAF0F5; text-align:center; }
.MainFeature table label {font-size:1.1em;}
.MainFeature .fees {width: 98%; border:1px; border-style: solid; border-color: #cccccc;border-collapse: collapse; margin-bottom: 25px;}
.MainFeature .fees tr {background-color: #EAF0F5;  }
.MainFeature .fees th {background-color:#024486;font-size: 80%; text-align: left;line-height: 25px;padding: 0 0 0 10px; color: #ffffff; font-weight:bold;}
.MainFeature .fees td{font-size: 85%; padding: 10px; color: #024486; font-family: "MS Sans Serif", Geneva, sans-serif; line-height:14px; font-weight: bold; }
.MainFeature a {color: #024d98; text-decoration: none; font-weight: bold;}
.MainFeature a:visited {color: #0089D3; text-decoration: none; font-weight: bold;}
.MainFeature a:hover {color: #df6426; text-decoration: none; font-weight: bold;}
.MainFeature p {font-size: 85%;}
.MainFeature ol {list-style-type:decimal; }
#centreslist {width: 90%;  font-size: 90%; font-weight:bold; }
#centreslist td {padding-left: 10px;}
#centreslist a {color: #0066cc; text-decoration:none;}
#centreslist a:hover {color: #922; text-decoration:underline;}

/*
----------------------------------------------------------------------------- 
CORPORATE PROFILES
-----------------------------------------------------------------------------
*/

#profile_wrapper{margin: 4%; margin-top: 10px;font-size: 80%; line-height: 1.5em;}
#profile_wrapper_top{margin-bottom:  10px;}
#profile_wrapper_left{ width: 600px;float: left; }
#profile_wrapper_left ul,li { font-size: 90%;}
#profile_wrapper_left a {}
#profile_wrapper_right{margin-left: 600px;}
#profile_wrapper_right a {color: #024d98; text-decoration: none; font-weight: bold;}
#profile_wrapper_right a:visited {color: #0089D3; text-decoration: none; font-weight: bold;}
#profile_wrapper_right a:hover {color: #df6426; text-decoration: none; font-weight: bold;}
#profile_wrapper_footer{clear:both;}
#quote {font-size: 90%; font-style: italic; font-weight: bold;}
#courses ul,li {margin-left: 0px;}

/*
----------------------------------------------------------------------------- 
SUPERFISH
-----------------------------------------------------------------------------
*/

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sf-menu {
  line-height: 1.0;
}

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 10em;
  /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width: 100%;
}

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}

.sf-menu li {
  float: left;
  position: relative;
}

.sf-menu a {
  display: block;
  position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 2.5em;
  /* match top ul list item height */
  z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}

/*** SKIN ***/

.sf-menu {
  float: left;
  margin-bottom: 1em;
}

.sf-menu a {
  border-left: 1px solid #fff;
  border-top: 1px solid #CFDEFF;
  padding: .75em 1em;
  text-decoration: none;
}

.sf-menu a, .sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #13a;
}
.sf-menu li {
  background: #BDD2FF;
}
.sf-menu li li {
  background: #AABDE6;
}
.sf-menu li li li {
  background: #9AAEDB;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #CFDEFF;
  outline: 0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/arrows-ffffff.png") no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/
	}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}

/* apply hovers to modern Browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url("../images/shadow.png") no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width: 10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
  background-position: -10px 0;
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
  background-position: 0 0;
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}

.sf-menu {
  float: left;
  margin-bottom: 1em;
  font-size: 1.35em;
}
.sf-menu a {
  padding: .75em 1em;
  text-decoration: none;
}
.sf-menu a, .sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
  color: #13a;
}
.sf-menu li {
  background: #ffffff;
}
.sf-menu li li {
  font-size: 1em;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #CFDEFF;
  outline: 0;
}
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width: 10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
.sf-menu {
  width: 10em;
	}
.sf-menu a {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #0066cc;
  border-top: none;
  padding: .65em 1em;
  font-size: .7em;
  font-weight: bold;
  font-family: Ariel, Helvetica, Verdana, sans-serif;
}
.sf-menu a {
  color: #0066cc;
}
.sf-menu a:visited {
  color: #5d94ca;
}
.sf-menu a:hover {
  color: #ffffff;
}
.sf-menu li {
  background: #ffffff;
}
.sf-menu li li {
  background: #cee7ff;
}
.sf-menu li li li {
  background: #cee7ff;
}
.sf-menu a:focus, .sf-menu a:hover {
  background: #0066cc;
  color: #ffffff;
}
.sf-menu a:active {
  color: #ffffff;
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background: #0066cc;
  outline: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover {
  background: #cee7ff;
}

/*
----------------------------------------------------------------------------- 
COURSE TEMPLATE SETTINGS
-----------------------------------------------------------------------------
*/

.column1 {float: left; width: 70%;margin-top: 5px;margin-right: 18px; }
.column2 {margin-left: 71%;margin-top: 10px; padding-left: 10px;z-index:100;}
.column_footer {clear:both;}
.column1 table {border: 1px;  border-style: solid; color:#024486; width: 98%;border-color: #000000; }
.column1 table td {border: 1px;  border-style: solid; border-color: #EAF0F5; padding: 4px;font-size: 82%; }
.column1 table th {border: 0px;  border-style: solid; background-color: #EAF0F5; text-align:center; }



.course_duration{padding-left: 25px; width:90%; border:1px; border-style: dotted; margin: 10px 0px 10px 0px;}
.course_description{	}
.course_entry { background-color:#E9ECEF; padding: 1px 10px 10px 10px; border: 1px; border-style: solid; margin-bottom: 15px; }
.course_assessment{ padding: 10px 0px 0px 0px;}
.course_fees{	}
.course_enrol{	}
.course_study {background: #ffffff;  font-weight: bold; width: 28%; border: 1px; border-style: solid; text-align: center; padding: 2px; margin-bottom: 5px;font-size: 90%; float: left;}
.course_apply{  border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(../images/basic/File,1769,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 80%; line-height: 11px;  margin-bottom: 5px; }
.course_contact{ top: 210px; border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(../images/basic/File,1770,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 95%; line-height: 11px;  margin-bottom: 5px; }
.course_status{  top: 310px; border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(../images/text/File,2211,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 70%; line-height: 11px;  margin-bottom: 5px; }
.course_ucas{  margin: 0px 0px 10px 0px;padding-bottom: 0px;  }
.ucas {margin-left: 10px; font-size: 1.4em; font-weight: bold; color: #0066cc;}
.portrait img {padding-right: 10px;}
ul#information {margin-left: 0;padding:0px;white-space: nowrap; font-weight:bold;}
#information li{display: inline;list-style-type: none; margin-right: 5px;}
#information a { padding: 3px 10px; }
#information a:link, #information a:visited{color: #fff;background-color: #013A5C;text-decoration: none;}
#information a:hover {color: #FF7F24;}
.column1 h5 {font-size: 1.3em; color: #0066cc; border-bottom: 1px; border-style: solid; border-bottom-color: #0066cc;	border-left: 0px;	border-right: 0px;	border-top: 0px;}
.column1 a {color:#912905; text-decoration: none; font-weight:bold;}
.column1 a:hover {	text-decoration: underline; color: #0066cc;}
.column2 a {color:#912905; text-decoration: none; font-weight:bold;}
.column2 a:hover {	text-decoration: underline; color: #0066cc;}
.column2 h6 {font-size: 1.1em; color: #0066cc;};

/*
----------------------------------------------------------------------------- 
RSS Simple Feed 
-----------------------------------------------------------------------------
*/



.SU_simpleFeed .articledetail {border: 1px; border-color: #000; border-style: solid;  -moz-border-radius:3px; border-radius: 3px;}
.SU_simpleFeed .articledetail {	display: none;}
.SU_simpleFeed .articledetail p {padding-left: 10px; padding-right: 10px; margin-top: 5px;}
.SU_simpleFeed .articledetail div {padding: 5px; font-weight: bold;font-size: 1.1em; text-align: right;}
.SU_simpleFeed .articledetail a {color: #0066cc;}
.trigger a {text-decoration: none; color: #fff; font-size: .9em;margin: 5px;}
.trigger {background-color: #69a1d8; padding: 5px;  -moz-border-radius:3px;border-radius: 3px;
-moz-box-shadow: 2px 2px 2px #888;
-webkit-box-shadow: 2px 2px 2px  #888;
box-shadow: 2px 2px 2px  #888;}
.trigger:hover {background-color: #0066cc;}
.SU_simpleFeed .article {margin-top: 10px;}
.SU_simpleFeed {width: 350px; font-size: 1em; font-family: Ariel, Helvetica, sans-serif; margin-top: 15px; }
.blogaddress {margin-top: 10px;}
.blogaddress { width: 350px; padding: 5px;font-size: 1em; text-decoration:none; color: #fff; background-color: #0066cc; -moz-border-radius:3px; border-radius: 3px;}