* {
margin: 0;
padding: 0;}

.print-only {
display: none;}

.text {
display: none;}

div.br {
position: relative;
clear: both;}

#sidebar1 {
width: 210px;
padding: 10px 0 10px 20px;
float: left;}
#sidebar1 img {
border: none;
padding: 0px;
padding: 5px 5px 20px 5px;

border: 1px solid #999;

}#sidebar1 img.class {
border: none;
padding: 0px;

border: 1px solid #999;}
body {
text-align: center;
background-color: #fff;
color: #666;
font-family: arial, helvetica, sans-serif;
font-size: 80%;}

#page {
text-align: left;
color: #666;
margin: 2em 2em 0 2em;
min-width: 700px;
border: 1px solid #999;
height: 1%;}

#homepage {
text-align: left;
color: #666;
margin: 2em 2em 0 2em;
width: 950px;
border: 1px solid #999;
height: 1%;
margin: 20px auto 5px auto;}

#banner {
background: #fff;
padding-left: 2.5em;
height: 1%;} /* IE 6 fix */

#banner #logo {
width: 420px; /* OP 7.5 fix */
float: right;
padding: .8em 0 0 0;}

#banner #logo h1 {
display: block;
text-indent: -9999px;
width: 420px;
height: 85px;
overflow: hidden;
background: #fff url(/img/logo-rslyouth.gif) 0 0 no-repeat;}

#banner #logo a {
margin-top: .2em;
margin-bottom: .2em;
display: block;
text-decoration: none;
width: 420px;
height: 76.5px;
overflow: hidden;}

#global-heading h1 {
padding: 7em 0 0 0;
font-size: .8em;
font-weight: bold;
font-family:  arial, helvetica, sans-serif;
color: #999;}

#navigation-global ul {
list-style-type: none;
padding: 0.5em 0;
text-transform: uppercase;}

#navigation-global ul li {
display: inline;
font-size: .8em;
font-weight: normal;
font-family:  arial, helvetica, sans-serif;
color: #999;}

#navlist {
list-style-image:url(/img/tick.gif);}

#navigation-global ul li a {
color: #999;
text-decoration: none;}

#navigation-global ul li a:hover {
text-decoration: underline;}

#navigation-global ul li span.divider {
padding: 0 0.4em;}

#navigation-level-1 {
background-color: #fff;
border-bottom: 1px solid #999;
padding: 0.3em 0;

text-transform: uppercase;}

#navigation-level-1 ul {
list-style-type: none;}

#navigation-level-1 ul li {
display: inline;
line-height: 1.0;}

#navigation-level-1 ul li a {
color: #048;
display: block;
float: left;
width: 24.7%;
margin: 0 0.1%;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: bold;
padding: 0.4em 0em;
font-family: arial, helvetica, sans-serif;}

#navigation-level-1 ul li a.current {
background-color: #eee;}

#navigation-level-1 ul li a:hover {
background-color: #e8e8e8;}

#graduate-banner {
padding: 0;
width:208px;
height: 59px;
text-align:center;
margin-top: 1em;
margin-bottom: 0;
border: 1px solid #999;
}
#graduate-banner a img {
border: 0;}

#rsl-banner {
padding: 0;
width:208px;
height: 59px;
text-align:center;
margin-top: 1em;
margin-bottom: 0;
border: 1px solid #fff;
}

#rsl-banner a img {
border: 0;}


#icon-image {
padding: 0 5px 5px 0;
width:70px;
float: left;}

#icon-image a img {
border: 0;}

#icon-image-left {
padding: 0 5px 5px 0;
width:70px;
text-align: left;}

#icon-image-left a img {
border: 0;}

#flag {
padding: 0;
width:40px;
float: left;}

#flag a img {
border: 0;}


#content {
background: #fff url(/img/nav-bg.gif) 0 right repeat-y;
padding: 0 1em 0 1em;}

#content.column-3 {
padding: 0 1em 0 1em;}

#navigation-level-2 {
float: right;
width: 210px;
padding: 10px 0;}

#navigation-level-2 ul {
padding: 0 0 1em 0;
background-color: #eee;
list-style-type: none;}

#navigation-level-2.homepage ul {
background-color: #eee;}

#navigation-level-2 ul ul {
background-color: #fff;
padding: 0;}

#navigation-level-2 ul li {
position: relative;
display: inline; /* IE fix */
font-family: arial, helvetica, sans-serif;
line-height: 1.0;
height: 1%;} /* IE 6 fix */

#navigation-level-2 ul li a {
padding: 0.4em 1em;
color: #666;
font-weight: bold;
display: block;
font-size: 1em;
text-decoration: none;}

#navigation-level-2.homepage ul li a {
font-weight: normal;}

#navigation-level-2 ul li a.current {
color: #048;}

#navigation-level-2 ul li a:hover {
color: #048;
text-decoration: none;
background-color: #e8e8e8;}

#content.homepage #navigation-level-2 ul li a:hover {
color: #048;
text-decoration: none;}

#navigation-level-2 ul li.section a {
font-weight: bold;
color: #666;
padding: 1em 1em 0.5em 1em;
background-color: #eee;
text-transform: uppercase;}

#navigation-level-2.homepage ul li.section a {
background-color: #eee;}

#navigation-level-2 ul li ul li a {
color: #666;
padding: 0.5em 1em 0.3em 2em;
font-weight: normal;
border-top: #ddd solid 1px;}

#navigation-level-2 ul li ul li a:hover {
background-color: #e8e8e8;}


#navigation-level-2 ul li ul li ul li a {
padding: 0.2em 1em 0.5em 3em;
font-size: 85%;
border: 0;
font-style: normal;}

#navigation-level-2 ul li ul li ul li a:hover {
background-color: #eee;}

#content.column-3 #column-main {
margin-left: 240px;
padding-left:2em;
padding-right: 1em;
margin-right: 225px;}

#content.column-2 #column-main {
padding-right: 1em;
margin-right: 225px;}

#content.homepage #column-main {
padding-right: 1em;
margin-right: 225px;}

#column-main {
position: relative;
border-right: 1px solid #999;
padding: 1em 0;}

h1, h2, h3, h4, h5, h6, h7 {
font-family: arial, helvetica, sans-serif;
padding: 0.2em 0 0.1em 0;}
h1 {
font-size: 1.7em;
padding-top: 0;
text-transform: uppercase;
font-weight: normal;}

h2 {
padding-top: 1em;
font-size: 1.2em;
text-transform: uppercase;}

h3 {
padding-top: 1em;
font-size: 1em;
text-transform: uppercase;}

h4 {
padding-top: .9em;
font-size: 1em;}

h5 {
padding-top: 2em;
font-size: .8em;}

h6 {
font-size: 0.8em;}

p {
padding: 0.5em 0 0.5em 0;
font-size: 1em;}

.qualification {
font-family: arial, helvetica, sans-serif;
padding: 0 0 0.1em 0;
padding-top: .5em;
font-size: 1.2em;
text-transform:none}


table {
margin: 0.3em 0em;
border-collapse: collapse;
color: #666;
width:98%;}

table caption {
text-align: left;
padding-bottom:1em}

table td {

font-size: 0.9em;
padding: 0.4em 0.4em;
}

table th {
font-size: .9em;
font-weight: bold;
color: #666;
background-color: #e8e8e8;
padding: 0.2em 0.5em;
text-align: left;}

table .center {
text-align: center;}

table tr {
background-color: #fff;
vertical-align:top;
}
/* table tr:nth-child(odd) {
background-color: #f8f8f8;} CSS3 ... one day this will be supported, until then we must do as below tr.odd...*/

table tr.odd {
background-color: #f8f8f8;}

table tr:hover {
color: #000;
background-color: #d2e5f7;}



.indent {
padding-left: 3em;}

#column-main dl {
padding: 0.5em 0 0.2em 0;}
#column-main dl dt {
font-weight: bold;
padding: 0.7em 0 0 0;}
#column-main dl dd {
padding: 0 0;}


#column-main ol {
padding: 0.5em 0 0.3em 4em;}

#column-main ol li{
padding: 0 0 0.3em 0;}

#column-main ul {
list-style-type: disc;
padding: 0.5em 0 0.3em 4em;}

#column-main ul li{
padding: 0 0 0.3em 0;}

#column-main ul.pdf-download {
padding-left: 1.5em;
list-style-type: none;}
#column-main ul.pdf-download li {
font-weight: bold;
padding: 0.3em 0;}
#column-main ul.pdf-download li a {
font-weight: normal;
padding: 0.5em 0 0.5em 2.5em;
background: transparent url(/img/icon-pdf.jpg) 0 0.2em no-repeat;}

#column-main a {
color: #36a;
text-decoration: underline;}
#column-main a:hover {
color: #048;
text-decoration: underline;}

#column-main #top {
text-align: right;}
#column-main #top a {
background: transparent url(/img/widget-top.gif) 0.2em 0.2em no-repeat;
padding-left: 1.5em;
color: #048;
text-decoration: none;}
#column-main #top a:hover {
text-decoration: underline;}


#column-main #back {
text-align: right;}
#column-main #back a {
background: transparent url(/img/widget-back.gif) 0.2em 0.2em no-repeat;
padding-left: 1.5em;
color: #048;
text-decoration: none;}
#column-main #back a:hover {
text-decoration: underline;}

#column-main #next {
text-align: right;}
#column-main #next a {
background: transparent url(/img/widget-next.gif) 0.2em 0.2em no-repeat;
padding-left: 1.5em;
color: #048;
text-decoration: none;}
#column-main #next a:hover {
text-decoration: underline;}


#column-main #feature {
position: relative;
text-align: left;
padding-left: 1em;}

#column-main #feature a img {
border: 0;
}

#column-main #feature div {
margin: 0;
padding: 0;}

#column-main #feature div object {}

#homepage-links {
padding-top: 1em;}

#homepage-links h2 {
padding: 0.01em 0;}

#homepage-links a {
padding: 0.5em 0;
color: #666;
font-weight: normal;
font-size: .9em;
text-decoration: none;}
#homepage-links a:hover {
text-decoration: none;}

#homepage-links ul {
list-style-type: none;
padding: 0 0 0.3em 0;}

#homepage-links div {
float: left;
height: 200px;
padding: 0 1% 0 2%;
width: 30%;}

#homepage-links #information-for {
border-right: 1px solid #999;}
#homepage-links #information-about {
border-right: 1px solid #999;}

#sidebar {
width: 210px;
padding: 10px 0 10px 20px;
float: left;}

#sidebar img {
border: 1px solid #999;
padding: 5px 5px 20px 5px;
width: 200px;}

#sidebar p {
color: #666;
font-size: .85em;
line-height: 1.5;
font-family:  arial, helvetica, sans-serif;
letter-spacing: 0.02em;
padding: 1em 5px 1em 5px;}

#sidebar a {
color: #36a;
text-decoration: underline;}

#sidebar a:hover {
color: #048;
text-decoration: underline;}

#sidebar dl {
padding: 0;
font-size:85%;}

#sidebar dl dt {
font-weight: bold;
padding: 0.7em 0 0 0;}

#sidebar dl dd {
padding: 0 0;
font-size: 80%;}

#footer {
text-align: right;
color: #333;
font-size: 0.7em;
font-family:  arial, helvetica, sans-serif;
padding: 0.2em 2em 0.3em 1em;
background: #ddd url(/img/footer-gold.gif) bottom left no-repeat;
border-top: 1px solid #999;}

#footer ul li a {
color: #333;
text-decoration: none;}

#footer ul li a:hover {
text-decoration: underline;}

#footer ul {
list-style-type: none;}

#footer ul li {
display: inline;}

#footer ul li span.divider {
padding: 0 0.4em;}



ul.cricos {
text-align: left;
color: #333;
list-style-type: none;
font-size: 0.7em;
font-family:  arial, helvetica, sans-serif;
padding: 0.5em 1em 2em 3em;}

ul.cricos li {
color: #999;
display: inline;}

ul.cricos a {
color: #999;
text-decoration: none;}

ul.cricos a:hover {
text-decoration: underline;}.tableheading {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #666666;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
word-spacing: normal;
white-space: normal;}


ul.home-cricos {
text-align: left;
color: #333;
list-style-type: none;
font-size: 0.7em;
font-family:  arial, helvetica, sans-serif;
padding: 0.5em 1em 2em 18em;}

ul.home-cricos li {
color: #999;
display: inline;}

ul.home-cricos a {
color: #999;
text-decoration: none;}

ul.home-cricos a:hover {
text-decoration: underline;}.tableheading {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #666666;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
word-spacing: normal;
white-space: normal;}




.site-area-heading {
padding: 0;}

.menu-area-heading {
padding: 0 0 .5em 0;}

.news-date {
padding: 0 0 .5em 0;}

.bold {
font-weight: bold;}

.apply-now {
padding: 1em 5px .2em 5px;}

table.program-overview {
border-collapse: collapse;
font-size: 0.8em;}
table.program-overview tr {
background-color: transparent;}
table.program-overview th {
vertical-align: top;
font-size: 1em;
text-align: left;
background-color: transparent;
color: #222;
border: 0;
border-bottom: 1px solid #ccc;
width: 120px;
padding: 0.3em 0.1em;}
table.program-overview td {
vertical-align: bottom;
font-size: 1em;
color: #666;
border: 0;
border-bottom: 1px solid #ccc;
padding: 0.3em 0.5em 0.1em 0.5em;}
.program-pages {
text-transform: uppercase;
font-size: .7em;
padding: 1em 0;}

table.gym {
margin-top: 1em;
border-collapse: collapse;
font-size: .9em;
color: #666;}

table.gym th {
vertical-align: top;
font-size: 1em;
text-align: left;
background-color: transparent;
color: #666;
border: 0;
border-bottom: 1px solid #ccc;
width: 7em;
padding: 0.3em .5em;}

table.gym td {
vertical-align: top;
font-size: 1em;
color: #333;
border-bottom: 1px solid #ccc;
border-top:0;
padding: 0.3em 0.5em 0.1em 0.5em;}



table.timeline {
margin-top: 1em;
border-collapse: collapse;
font-size: .9em;
color: #666;}

table.timeline tr {
background-color: transparent;}

table.timeline th {
vertical-align: top;
font-size: 1em;
text-align: left;
background-color: transparent;
color: #666;
border: 0;
border-bottom: 1px solid #ccc;
width: 7em;
padding: 0.3em .5em;}

table.timeline td {
vertical-align: top;
font-size: 1em;
color: #666;
border-bottom: 1px solid #ccc;
border-top:0;
padding: 0.3em 0.5em 0.1em 0.5em;}

table.timeline-index {
margin-top: 1em;
border-collapse: collapse;
font-size: .9em;
color: #666;}

table.timeline-index tr {
background-color: transparent;}

table.timeline-index th {
vertical-align: top;
font-size: 1em;
text-align: left;
background-color: transparent;
color: #666;
border: 0;
border-bottom: 1px solid #ccc;
width: 7em;
padding: 0.3em .5em;}

table.timeline-index td {
vertical-align: top;
font-size: 1em;
color: #666;
border-bottom: 1px solid #ccc;
border-top:0;
padding: 0.3em 0.5em 0.1em 0.5em;}


table.registration {
margin: 0.3em 0em;
border-collapse: collapse;
width:98%;}

table td {
color: #222;
font-size: 0.9em;
padding: 0.4em 0.4em;
border: 0;}

table.registration tr.odd {
background-color: #eee;
border-bottom:1px fff;}


#navigation-glossary ul {
text-align:center;
padding: 0.5em 0;
text-transform: uppercase;}

#navigation-glossary ul li {
display: inline;
font-size: .9em;
font-weight: normal;
font-family:  arial, helvetica, sans-serif;
color: #999;}

#navigation-glossary ul li a {
color: #999;
text-decoration: none;}

#navigation-glossary ul li a:hover {
text-decoration: underline;}

#navigation-glossary ul li span.divider {
padding: 0 0.4em;}


#navigation-programs ul {
text-align:left;
padding: 0.5em 0;
text-transform: uppercase;}

#navigation-programs ul li {
display: inline;
font-size: .7em;
font-weight: normal;
color: #048;}

#navigation-programs ul li a {
color: #048;
text-decoration: none;}

#navigation-programs ul li a:hover {
text-decoration: underline;}

#navigation-programs ul li span.divider {
padding: 0 0.4em;}


#word-list ul {
text-align:left;
padding: 0.5em 0;
text-transform: uppercase;}

#word-list ul li {
display: inline;
font-size: .9em;
padding-right: 1.5em;
text-align:left;}

#word-list ul li a {
text-decoration: none;}

#word-list ul li a:hover {
text-decoration: underline;}

#word-list ul li span.divider {
padding: 0 1em;}


#column-main #back {
	text-align: right;}
#column-main #back a {
	background: transparent url(/img/widget-back.gif) 0.2em 0.2em no-repeat;
	padding-left: 1.5em;
	color: #048;
	text-decoration: none;}
#column-main #back a:hover {
	text-decoration: underline;}

#column-main #next {
	text-align: right;}
#column-main #next a {
	background: transparent url(/img/widget-next.gif) 0.2em 0.2em no-repeat;
	padding-left: 1.5em;
	color: #048;
	text-decoration: none;}
#column-main #next a:hover {
	text-decoration: underline;}
	
fieldset {
	color: #444;
	border: 1px solid #ccc;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 10px 10px;
	}
fieldset:hover, fieldset:active {
	color: #000;
	border: 1px solid #3c6;}


* html fieldset legend {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;}

fieldset label {
	font-size: .5 em;
	display: block;
	margin: 5px;
	padding: 5px;
}

 fieldset legend.Level_1 {
	font-size: 1 em;
	font-weight: bold;
	padding: 10px;
}

 fieldset legend.Level_2{
	font-size: .8 em;
	font-weight: bold;
	padding: 10px;
}

fieldset label.no:hover {
	background-color: transparent;}

fieldset label.inline {
	margin-left: 20px;}

fieldset input.text {
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	display: block;
	padding: 2px 5px 2px 5px;
	margin: 3px 0px 10px 0px;
	width: 300px;}

fieldset input.text:focus {
	color: #000;
	background-color: #eee;
	border: 1px solid #666;}

fieldset input.text:hover {
	border: 1px solid #666;}



#submit {
	margin: 20px 10px 10px 0px;
	padding: 10px;
	background: #eee;
	border: 1px dashed #999;
	text-align: center;}

#submit:hover {
	border: 1px dashed #3c6;}

#submit p {
	text-align: left;
	font-size: 12px;
}
#submit input {
	margin-top: 10px;
	width: 200px;}

#privacy {
	margin: 10px 10px 10px 0px;
	padding: 10px;
	background: #eee;
	border: 1px dashed #c00;
	text-align: center;}

#privacy:hover {
	border: 1px dashed #000;}


#privacy h3 {
	color: #000;
	text-align: center;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 12px;}

#privacy p {
	color: #000;
	text-align:justify;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	font-size: 10px;}

#privacy p a, #privacy p a:link, #privacy p a:visited {
	font-size: 10px;
	color: #c00;}

#privacy p a:hover, #privacy p a:active {
	color: #f00;}

span.small {
	margin-left: 5px;
	font-weight: normal;
	font-size: 0.8em;}

fieldset.radio {
	margin: 0 0 10px 0;}

fieldset.radio legend {
	padding: 0 10px 10px 10px;}

.inputAF {
	font-size: 11px;
	width: 80%;
}	




table.program {
margin-top: 1em;
border-collapse: collapse;
font-size: .9em;
color: #666;}

table.program tr {
background-color: transparent;}

table.program th {
vertical-align: top;
font-size: 1em;
text-align: left;
background-color: #eee;
color: #666;
border: 0;
border-bottom: 1px solid #ccc;
width: 7em;
padding: 0.3em .5em;}

table.program td {
vertical-align: top;
font-size: 1em;
color: #666;
border-bottom: 1px solid #ccc;
border-top:0;
padding: 0.3em 0.5em 0.1em 0.5em;}
div#navigation-level-2-new {
float:right;
  width: 210px;          /* menu width */
padding: 10px 0;
}
#navigation-level-2-new ul
 {padding: 0 0 1em 0;
  background-color: #eee;
  list-style-type: none; /* get rid of the bullets */

}
#navigation-level-2-new ul ul {
background-color: #fff;
padding: 0;}

#navigation-level-2-new ul li {
position:relative;
display:inline; /*IE fix*/
font-family: arial, helvetica, sans-serif;
line-height: 1.0;
height: 1%; /* IE 6 fix*/
}

#navigation-level-2-new ul li a {
padding: 0.4em 1em;
color: #666;
font-weight: bold;
display: block;
font-size: 1em;
text-decoration: none;}

#navigation-level-2-new ul li a:hover {
color: #048;
text-decoration:none;
background-color:#e8e8e8;}

#navigation-level-2-new ul li ul li a {
color: #666;
padding: 0.5em 1em 0.3em 2em;
font-weight: normal;
border-top: #ddd solid 1px;
}

#navigation-level-2-new ul li ul li a:hover {
background-color: #e8e8e8;}

#navigation-level-2-new ul li ul li ul li a {
color:#666;
padding: 0.2em 1em 0.5em 3em;
font-size: 85%;
font-style: normal;
border:0;}

#navigation-level-2-new ul ul li a {
  background-color:#FFFFFF;
  padding: 0.5em 1em 0.3em 2em;
  margin-left: 0px;     /* indent level 1 */  
}
#navigation-level-2-new li ul, #navigation-level-2-new li.open li.closed ul {
  display: none;         /* collapse */
}

#navigation-level-2-new li.open ul {
  display: block;        /* expand */
}
 

#navigation-level-2-new li.active a {
color: #048;          /* highlight text */
}
 
#navigation-level-2-new li.active li a {

  color: #666;          /* fix lower levels */
}

#navigation-level-2-new ul li a:hover {
color: #048;
background-color: #e8e8e8;
text-decoration: none;/* rollover effect */
}

#rsl-banner {
padding: 0;
width:208px;
height: 59px;
text-align:center;
margin-top: 1em;
margin-bottom: 0;
border: 1px solid #fff;
}
#rsl-banner a img {
border: 0;}
