html, body, ul, ol, p, h1, h2, form, fieldset {
	border: 0;
	margin: 0;
	padding:0;
}
html {
	min-height: 101%;
}
 body, td, th, {
 font-size: 1em;
 color: #000000;
 background-attachment:fixed;
}
body {
	font-size:74%;
	padding : 0;
	margin : 0;
	font-family: Arial, Helvetica, sans-serif;
	line-height : auto;
	background-color:  #F0F0F0;
/*	background: #F0F0F0 url(/images/templates/xmas_bck.jpg) center top no-repeat;*/
}
a:link {
	/*color: #003366;*/
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	text-decoration: underline;
	color: #006699;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #006699;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #006699;
	font-weight: bold;
}

.help { color: #006699;
	text-decoration: underline;
	font-weight: bold;
	}
	
p {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top:5px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height:1em;
	font-weight: bold;
	color: #ff6600;
	margin: 2px 0 12px 0;
	
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #ff6600;
	margin: 10px 0 10px 0;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 10px 0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 5px 0;
	padding: 10px 5px 5px 0px;
}
#container {
	width:980px;
	/*width:82.6em;*/
	margin:0 auto;
	position: relative;
	/*overflow:hidden;*/
}
#header {
	background: #FFF url(/images/templates/reflectionTopOrange.jpg) no-repeat;
	color: #a0a0a0;
	height: 90px;
	/*height:8.8em;*/
	clear: both;
	padding: 0px;
	margin: 0 auto;
	z-index:19;
}

#header #enquiries {
	display: none;
}

#header #logo {
	float:left;
	position: relative;
	margin-left : 25px;
	width:340px;
	border : 0;
	top:-10px
}
#header #logo img {
	margin:0;
	padding:0;
	border : 0;
}
#header #logo_text {
	position:absolute;
	width:20em;
	top:40px;
	left:65px;
}
#header #logo_text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bolder;
	color:  #FFF;
	margin: 2px 0 12px 0;
}

#header #search-translation {
	margin-top:10px;
	float:left;
	width:340px;
	position: relative;	
}

#header #search {
	text-align:left;
	font-size: 0.90em;
	color: #333;
	font-weight:bold;
	padding:0;
	clear:right;
	margin-bottom:20px;
}

#header #search img {
	border:0;
}
#header #search .inputTxt {
	width:170px;
	color:#006699;
	font-size:0.90em;
}

#header #translation {
	font-size: 0.95em;
	margin: 0;
	z-index:19;
}

#header #translation p {
	color: #333;
	font-weight:bold;
}

#header #translation img {
	border: 0;
	padding-left:1px;
}

#header #action-buttons {
	position:relative;
	top:15px;
	float:left;
	width:240px;
	text-align:left;
	padding:0;
}
#header #action-buttons #button{
	width:100px; 
	background-image:url(/images/templates/topNav/action-buttons.gif); 
	height:60px; 
	text-align:center;
}

#header #action-buttons #button a{
	/*color:#666666;*/
}

#page {
	position:relative;
	background:#FFF url(/images/templates/reflectionBgrd.jpg) repeat-y;
	margin:0;
	padding-bottom:0px;
	width:980px;
	z-index:9;
	clear:both;
	/*width:82.6em;*/
	/*overflow:hidden;*/
}
/*-- START MENU NAVIGATION -- */
#menubar {
	width:950px;
	min-height:90px;	
	margin: 0 auto;
}
#menubar img {
	border:0;
	padding:0;
	margin:0;
}
#FirstLevelList {
	background-image:url(/images/templates/topNav/menu_grad.jpg);
	background-repeat:repeat-x;	
	margin: 0;
	padding: 0 0 0 15px;
	min-height:40px;
}
#FirstLevelList li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 12px 10px 0 10px;
	height:32px;
	text-align: center;
	white-space: nowrap;
	display: inline;
	border-right:1px solid #FFFFFF;
}
#FirstLevelList li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	color:#666;
	white-space: nowrap;
	font-weight: bold;	
}
#FirstLevelList li a:hover {
	color:#FF6600;
}
#FirstLevelList li#current {
	background: url(/images/templates/topNav/tabCorner.gif) no-repeat right;
	text-decoration:none;
	margin:0;
	padding: 12px 10px 0 10px;
	white-space: nowrap;
	color:#FF6600;
	border-right:0px solid #FFF;
}
#FirstLevelList li#current a {
	font-size: 1.3em;
	background-color:#ffffff;
	color:#FF6600;
	white-space: nowrap;
	font-weight: bold;		
}
#breadcrumbs {
	margin:13px 16px 0 16px; 
	padding:0; 
	color:#999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.95em; 
	font-weight: normal; 
	text-decoration:none; 
	min-height:27px;
	clear:both;
	border-bottom:1px #ccc dotted;
}
#SecondLevelList {
	margin:13px 16px 0 16px; 
	padding:0; 
	color:#999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.95em; 
	font-weight: normal; 
	text-decoration:none; 
	min-height:27px;
	clear:both;
	border-bottom:1px #ccc solid;
}
	
#SecondLevelList li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	display: inline;
}
#SecondLevelList li a {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 7px 0 7px;
	font-size: 0.95em;
	text-decoration:none;
	background-color:#ffffff;
	color:#ff6600;
	white-space: nowrap;
	font-weight: bold;	
}
#SecondLevelList li a:hover {
	color:#000000;
	text-decoration: underline; 
	white-space: nowrap;
}

/*CSS for hover menu*/
.dropdown:hover {
	border:0
}

#FirstLevelList .dropdown a {
	text-decoration:none;
	
}

#FirstLevelList .dropdown a img{
	padding-right:3px;
	
}

.dropdown .hover_menu {
	/*display:none;*/
	visibility:hidden;
	text-align:left;	
}

.dropdown .hover_menu a{ clear:both}

#FirstLevelList li .hover_menu a {
	background-color:#FFF;
	font-weight:normal;
	color:#000;
	margin:5px 5px 15px 5px;
}

#FirstLevelList li .hover_menu a:hover {
	color: #ff6600;
}
/*stops hover_menu links picking up the id #current bold style*/
#FirstLevelList li#current .hover_menu a { 
	background-color:#FFF;
	color:#000;
	font-weight:normal;
} 

#FirstLevelList li#current .hover_menu a:hover { 
	color:#ff6600;
} 

	
.dropdown:hover .hover_menu {
	/*display:block;*/
	visibility:visible;
	
}


/*-- END MENU NAVIGATION -- */

#content {	
	width:920px;
	/*width:77.5em;*/
	margin: auto;
	padding: 5px 0 10px 0;
	border:0px #000 solid;
	/*z-index:5px;
	overflow:hidden;*/
}
#content ul {
	margin-left:40px;
	margin-top: 0px;
	padding: 0px;
	padding-bottom:10px; /*YL added*/
}
#content ul li {
	/*padding: 2px 0px 0px 1px;  taken out 17/02/09 to enable horizontal accordian*/
	margin-bottom: 2px;
}
#content ol {
	margin-left:40px;
	margin-top: 0px;
	padding: 0px;
	padding-bottom:10px; /*YL added*/
}
#content ol li {
	padding: 2px 0px 0px 1px;
	margin-bottom: 2px;
}
/*#content #ThirdLevelList {
	margin: 15px 0 30px 0;
	padding: 0;
	height:3.8em;
	clear:both;
	background: #FFFFFF url(/images/misc/epThirdTierBck.gif) bottom;
}
#content #ThirdLevelList li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height:3.8em;
	text-align: center;
	white-space: nowrap;
	display: inline;
}
#content #ThirdLevelList li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0 15px 0 15px;
	text-decoration:underline;
	white-space: nowrap;
}
#content #ThirdLevelList li#current {
	background: #FFFFFF;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
	height:3.6em;
	margin:0;
	white-space: nowrap;
	color:#FF9900;
}
#content #ThirdLevelList li#current a {
	text-decoration:none;
	color:#FF6600;
}*/

#content #ThirdLevelList {
	margin: 15px 0 20px 0;
	padding: 0;
	height:2.5em;
	clear:both;
	border-bottom: solid 1px #666;
}
#content #ThirdLevelList li {
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;	
	margin: 0 2px 0 0;
	/* padding reduced for redevelopment tab
	padding: 5px 12px 0 12px;*/
	padding: 5px 6px 0 6px;
	height:2.0em;
	white-space: nowrap;
	display: inline;
	border-top:1px solid #fff;
	background-color: #CCC;
	background-image:url(/images/templates/topNav/3rd_menu_grad.jpg);
	background-repeat:repeat-x;
}
#content #ThirdLevelList li a {
	text-decoration:none;
	white-space: nowrap;
	color: #333;
	font-weight:bold;
}

#content #ThirdLevelList li a:hover{
	color:#006699;
}
#content #ThirdLevelList li#current {
	background: #FFFFFF;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #ffffff;
	/* padding reduced for redevelopment tab
	padding: 5px 12px 0 12px;*/
	padding: 5px 5px 0 5px;
	text-decoration:none;
/*	height:2.1em;*/
	white-space: nowrap;
}
#content #ThirdLevelList li#current a {
	text-decoration:none;
	color:#006699;
	font-weight:bold;		
}
#content #ThirdLevelList li#type {
	background: #fff;
	color: #999;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	text-decoration:none;
	/*height:2.1em;*/
	white-space: nowrap;
	padding-right:40px;
	text-align:left;
	font-weight:bold;
}

#content #ylHP {
	clear:both;
	width:920px;
	height:380px;
	background: #FFF url(/images/yl/homepage/homepage.jpg);
	margin:0;
	padding:0;
	border:0;
}
#content #ylHP .courseguide {
	left: 72px;
	position: absolute;
	margin: 144px 0 0 0;
	padding: 0;
	width:207px;
	height:44px;
}
#content #ylHP .whyBell {
	left: 279px;
	position: absolute;
	margin: 144px 0 0 0;
	padding: 0;
	width:241px;
	height:44px;
}
#content #ylHP .locations {
	left: 520px;
	position: absolute;
	margin: 144px 0 0 0;
	padding: 0;
	width:214px;
	height:44px;
}
#content #ylHP .download {
	left: 342px;
	position: absolute;
	margin: 228px 0 0 0;
	padding: 0;
	width:234px;
	height:41px;
}
/*Four column formats*/

#content #fourCols {
	position:relative;
	margin:0;
	padding:0;
	height:525px;
	height:48em;
	width:920px;
	clear:both;
}
#content #fourCols img {
	margin:0;
	padding:0;
	border:none;
}
#content #fourCols .colText {
	color:#ffffff;
	font-size:10pt;
	padding:10px 5px 0 5px;
}
#content #fourCols p {
	color:#ffffff;
	padding:5px;
}
#content #fourCols a {
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}
#content #fourCols a:hover {
	color:#ffffff;
	text-decoration:none;
}
#content #fourCols .col1 {
	position:relative;
	margin:0 15px 0 0;
	padding:0;
	height:570px;
	width:290px;
	float:left;
	background-color:#332D71;
}
#content #fourCols .col2 {
	position:relative;
	margin:0 15px 0 0;
	padding:0;
	height:570px;
	width:290px;
	float:left;
	background:#669900;
}
#content #fourCols .col3 {
	position:relative;
	margin:0 6px 0 0;
	padding:0;
	height:570px;
	width:290px;
	float:left;
	background:#0066ff;
}
#content #fourCols .col4 {
	left: 693px;
	position: absolute;
	margin:0;
	padding:0;
	height:570px;
	width:226px;
	float:left;
	background:#ff9900;
}
/*end four column*/


#locationForm {
	margin-bottom:8px;
}
#footer {
	position: relative;
	background: #f0f0f0 url(/images/templates/footer/reflection.jpg) no-repeat;
	background-position:top;
	height: auto;
	min-height: 150px;
	clear: both;
	padding: 0 30px 0 30px;
	margin: 0;
	z-index:1;
}
#footer #newsletter {
	float : left;
	margin : 30px 0 0 0;
	padding : 0;
	width:380px;
	font-size:0.95em;
	color:#999999;
}
#footer #links {
	float : left;
	margin : 30px 0 0 0;
	padding : 0;
	width:250px;
	font-size:0.95em;
	color:#999999;
}
#footer #links p {
	/*line-height:0.85em;*/
	margin-bottom:5px;
	padding:0;
}
#footer #links a {
	text-decoration:none;
	color:#999999;
	font-weight:normal;
}
#footer #links a:hover {
	color:#006699;
}
#footer #newsletter .input {
	border:1px solid #333333;
	padding:2px;
	background-color: #999999;
	color:#FFFFFF;
	font-size:0.95em;
}
#footer #signup {
	border-bottom:1px solid #666;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #666;
	background-color:#0C3;
	color:#FFF;
	height:20px;
	padding:2px;
	text-decoration:none;
}
#footer #notices {
	position:relative;
	float : left;
	clear: left;
	margin : 20px 0 50px 0;
	padding : 0;
	width:920px;
}
#footer #notices p {
	font-size:0.95em;
	color:#999999;
	line-height:8px;
}
#footer #notices a {
	color:#999999;
}
#footer #notices a:hover {
	color:#006699;
}

#footer #icons {
	float : right;
	margin : 26px 1px 0 0;
	padding : 0;
}
#footer #icons p{
	width:210px;
	color:#999999;
	line-height:1.3em;
	float:left;	
}

#footer #icons img {
	padding-left : 1px;
	border : 0;
	padding-right: 5px;
	padding-top:5px;
	border : 0;
	float:left;	
}

#footer  #icons a{
	background-color:#ffffff;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
	font-size:0.95em;
	line-height:1.3em;
}

#footer  #icons a:hover{
	color:#006699;
}


#footer #quicklinks li {
	margin-bottom:15px;
	list-style:none;	
	text-decoration:none;
	/*list-style:none;*/
}
/* Commonly Used Classes */

.nonjsAlert {
	margin:1em;
	border:1px solid #f00;
	padding:.5em;
	color:#f00;
	text-align:center;
}
.highlight {
	border-top:1px solid #ff6600;
	background : url(/images/misc/h2_pointer.gif) no-repeat bottom left;
	/*background-color:#FECB8F;*/
	background-color:#FFCC66;
	color: #F57300;
	padding: 3px 0 0 3px;
	height : 52px;
}
.liPDF {
	list-style-image: url(/images/misc/icon_pdf.gif);
	margin-bottom: 5px;
}
.liFEES {
	list-style-image: url(/images/misc/icon_fees.gif);
	margin-bottom: 5px;
}
.liWord {
	list-style-image: url(/images/misc/icon_Word.gif);
	margin-bottom: 5px;
}
.liPodcast {
	list-style-image: url(/images/misc/icon_podcast.gif);
	margin-bottom: 5px;
}
.liArrow {
	list-style-image: url(/images/dots/liArrow.gif);
	margin-bottom: 5px;
}


.liTick {
	list-style-image: url(/images/misc/icon_tick.gif);
	margin-bottom: 5px;
}

.liBlkTick {
	list-style-image: url(/images/dots/arrow_black.gif);
	margin-bottom: 5px;
}
.liWhtTick {
	list-style-image: url(/images/dots/arrow_white.gif);
	margin-bottom: 5px;
}
.required {
	color: #990000;
	float:right;
	font-size:15pt;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.searchForm {
	width:100px;
	font-size: 8pt;
	padding: 3px;
	font-weight:normal;
	color: #0000FF;
	border: 1px solid #000000;
}

.searchButton {
	font-size:8pt;
	font-weight:normal;
	color: #000000;
}
.linkNoDecor {
	color: #000000;
	text-decoration: none;
	font-weight: bold
}
.linkNoDecor:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold
}
.linkNoDecor:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold
}
.linkNoDecor:hover {
	color: #129FA4B;
	text-decoration: none;
	font-weight: bold
}
.linkNoDecor:active {
	color: #129FA4;
	text-decoration: none;
	font-weight: bold
}
.textWhiteBold {
	font-size:12pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textWhiteBold:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textWhiteBold:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textWhiteBold:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textWhiteBold:active {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.textBlueSml {
	color: #A4D2EC;
	font-size: 8pt;
	font-weight: bold;
}
.textGreyLrg {
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}
.textGreyD {
	color: #333333;
}
.textGreyL {
	color: #666666;
}
.textBlue {
	color: #129FA4;
}
.location {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
	padding: 3px;
}
.location:link {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
	padding: 3px;
}
.location:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
	padding: 3px;
}
.location:hover {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #9ECDE7;
}
.location:active {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #9ECDE7;
}
div.hr1 {
	height: 10px;
	color: transparent;
	background: url(/images/dots/HR_dot.gif) repeat-x scroll center;
}
div.hr1 hr {
	display: none;
}

.hoz_dots {height:10px; width:100%; border-bottom:dotted #999999 2px; margin-bottom:15px; margin-top:10px; clear:both}

.hdr2Title {
	background-color:#ccc;
	color:#000;
	font-weight: bold;
	padding:3px 8px 0px 3px;
	height:32px;
	font-size:10pt;
}
.hdr1Title {
	background-color:#ccc;
	color:#000;
	font-weight: bold;
	padding:8px;
	font-size:10pt;
}
.hdr1TitleR {
	background-color:#ccc;
	color:#000;
	border-right: 1px #fff solid;
	font-weight: bold;
	font-size:10pt;
	padding:8px;
}
.hdr1 {
	background-color:#ccc;
	color:#000;
	font-weight: bold;
	font-size:10pt;
	padding:8px;
}
.content1 {
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #EEEEEE solid;
	border-right: 1px #DDDDDD solid;
	text-align: left;
	font-weight: normal;
	color: #404040;
	font-size:10pt;
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
.content1c {
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #EEEEEE solid;
	border-right: 1px #DDDDDD solid;
	text-align: center;
	font-weight: normal;
	color: #404040;
	font-size:10pt;
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
	vertical-align: top;
}
.content1Hdr:link {
	color: #FFFFFF;
	text-decoration:  none;
	font-weight: bold
}
.content1Hdr:visited {
	color: #FFFFFF;
	text-decoration:  none;
	font-weight: bold
}
.content1Hdr:hover {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold
}
.content1Hdr:active {
	color: #FFFFFF;
	text-decoration:  none;
	font-weight: bold
}
.content1 p {
	font-weight: normal;
	color: #404040;
	font-size:10pt;
}
.content1R {
	border-bottom: 1px #CCCCCC solid;
	border-top: 1px #FFFFFF solid;
	border-Right: 1px #CCCCCC solid;
	text-align: left;
	font-weight: normal;
	font-size:10pt;
	color: #404040;
	background-color: #ffffff;
	padding: 4px 4px 8px 4px;
	vertical-align:top;
}
.content1R p {
	font-weight: normal;
	color: #404040;
	font-size:10pt;
}

.td-bottom{border-bottom:1px solid #CCCCCC;}

a.linkopacity img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: url(/images/misc/zoomCursor.gif), pointer;
	outline: none;
}
a.linkopacity:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.zoomin {
	cursor: url(/images/misc/zoomCursor.gif), pointer;
	outline: none;
}
.infobox {
	position:absolute;
	width:auto;
	padding:0px;
	text-align:center;
}
.infobox h2{
	text-decoration:underline;
}
.infobox img {
	position:relative;
}
/*OLD HOVER OVER VIA CSS*/
.infobox .more {
	display:none;
	text-align:left;
	
}

.infobox:hover .more {
	display:block;
	position:absolute;
	width:300px;
	padding:5px;
	border:1px solid #900;
	background-color:#FFEFEF;
}
/*OLD HOVER OVER VIA CSS*/

#more-details .more {
	/*display:none;
	visibility: visible;*/
	text-align:left;
	background-color:#FFEFEF;
	position:absolute; 
	top:-10px; left:20px; width:380px; padding:5px; background-color:#FFF ;
}


.closed{ visibility:hidden}


#more-details {position:absolute; left:-20px; top:70px}

#more-option, #more-study, #more-evening, #more-afternoon, #more-main{
	visibility:hidden;
}
/*shadow css*/
.top{ position:absolute; top:-20px; left:10px; height:20px; background-image:url(/images/homepage/menu//blk_shadow_t.png); background-repeat:repeat-x}
.side_l{position:absolute; left:-20px; top:10px; width:20px;  background-image:url(/images/homepage/menu//blk_shadow_l.png); background-repeat:repeat-y}
.side_r{position:absolute; right:-20px; top:10px; width:20px; background-image:url(/images/homepage/menu//blk_shadow_r.png); background-repeat:repeat-y}
.bottom{position:absolute; bottom:-20px; left:10px; height:20px; background-image:url(/images/homepage/menu//blk_shadow_b.png); background-repeat:repeat-x;}
.tl{ position:absolute; top:-20px; left:-20px; width:30px; height:30px; background-image:url(/images/homepage/menu//blk_shadow_tl.png); background-repeat:repeat-x; z-index:3}
.tr{position:absolute; top:-20px; right:-20px; width:30px; height:30px; background-image:url(/images/homepage/menu//blk_shadow_tr.png); background-repeat:repeat-x}
.bl{ position:absolute; bottom:-20px; left:-20px; width:30px; height:30px; background-image:url(/images/homepage/menu//blk_shadow_bl.png); background-repeat:repeat-x}
.br{ position:absolute; bottom:-20px; right:-20px; width:30px; height:30px; background-image:url(/images/homepage/menu//blk_shadow_br.png); background-repeat:repeat-x}

/*shadow css*/
#menu1{left:90px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu2{left:180px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu3{left:290px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu4{left:440px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu5{left:625px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu6{left:750px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}

/*Hover MENU shadow WIDTHS*/
#menu1_t, #menu1_b, #menu2_t, #menu2_b{}

/*Hover MENU shadow HEIGHT*/
#menu1_r, #menu1_l, #menu2_r, #menu2_l{}

/*YL course graphic WIDTH shadow css CAN be manipulated with javascript*/
#option_t, #option_b, #study_t, #study_b, #evening_t, #evening_b, #afternoon_t, #afternoon_b, #main_t, #main_b { width:370px;}

/*YL course graphic HEIGHT shadow css IS be manipulated with javascript*/
#option_l, #option_r, #study_l, #study_r, #evening_l, #evening_r, #afternoon_l, #afternoon_r, #main_l, #main_r{}

#hover_box{position: absolute; background-color:#FFF; width:200px; top:50px; left:200px; padding:5px}
#hover_box h2{ text-align:left; margin-left:0px}
#hover_box_t, #hover_box_b{ width:190px }
#hover_box_l, #hover_box_r {}
#hover_box .close{margin-right:15px}

#help_box{position: absolute; background-color:#FFF; width:230px; top:50px; left:200px; padding:5px}
#help_box h2{ text-align:left; margin-left:0px}
#help_box_t, #help_box_b{ width:220px }
#hover_box_l, #hover_box_r {}

#close {float: right;}

#print_course_info {display:none;}

#tooltip{position:absolute;	border:1px DOTTED #000;	background: #FFF;	padding:8px;	font-weight:bold;	color: #006699;	display:none;	}

/*Verticle Accordion whychooseBell concept
.sm {list-style:none; width:920px; min-height:400px; display:block; overflow:hidden; border:0px #F00 solid; margin-left:0px; padding:0px}
.sm li {float:left; overflow:hidden; border:0px #06C solid; }
.sm li p{overflow:hidden;}
.sm .panel{background-repeat:no-repeat; border-left:1px #ff6600 dotted; min-height:450px; padding:10px 10px 0px 50px; width:650px;}
Verticle Accordion whychooseBell concept*/


.devnote { background-color: #9C0;font-weight:bold;; color:#FFF; padding:3px;}



/*ADDED for 2010 Course Pages*/
			
			.td_grey {background-color:#e6e7e7;}
			.td_grey p{padding:5px; margin:0px; clear:none}
			.td_london{background-color:#332d71; color:#FFF; font-weight:bold; height:2em}
			.td_london a{color:#FFF; font-weight:bold; text-decoration:underline}
			.td_london img{ padding-top:5px}
			.td_bedgebury{background-color:#669900; color:#FFF; font-weight:bold; height:2em}
			.td_bedgebury a{color:#FFF; font-weight:bold; text-decoration:underline}
			.td_bedgebury img{ padding-top:5px}
			.td_cambridge{background-color:#0066ff; color:#FFF; font-weight:bold; height:2em}
			.td_cambridge a{color:#FFF; font-weight:bold; text-decoration:underline}
			.td_cambridge img{ padding-top:5px}
			.td_heading{font-weight:bold; text-align:left; width:130px}
			.td_booknow{font-weight:bold; background:url(/images/misc/booknow170.gif); height:30px; background-repeat:no-repeat}
			.td_booknow a{font-weight:bold; color:#FFF;}
			.td_maxClass{font-weight:bold; background:url(/images/course_images/max-class-size.gif); height:45px;}
			.td_maxClass p{margin:14px 0px 0px 0px; color:#FFF}
			/*Used to forces table cells to maximum widths*/
			.width170 {width:170px}
			.width520 {width:520px}
			/*Used to forces table cells to maximum widths*/
			
			#cs_container{width:155px; margin:auto; color:#FFF; font-weight:bold; padding:5px 0px 5px 0px; background:url(/images/course_images/cs-back.gif);}
			.cs_core{float:left; width:75px; height:17px; padding-top:3px; background-color: #999999; margin-right:5px}
			.cs_explore{float:left; width:75px; height:17px; padding-top:3px; background-color:#999999;}
			.cs_group{float:left; width:75px; height:17px; padding-top:3px; background-color: #ff6600; margin-right:5px; margin-top:5px; text-decoration:underline}
			.cs_lectures{float:left; width:20px; height:17px; padding-top:3px; background-color:#66cc00; margin-right:5px; margin-top:5px; text-decoration:underline}
			.cs_gstudy{float:left; width:50px; height:17px; padding-top:3px; background-color:#339966; margin-top:5px; text-decoration:underline}
			.cs_1to1{float:left; width:20px; height:17px; padding-top:3px; background-color:#ffcc00; margin-right:5px; margin-top:5px; text-decoration:underline}
			.cs_direct{float:left; width:20px; height:17px; padding-top:3px; background-color:#ed0281; margin-right:5px; margin-top:5px; text-decoration:underline}
			
			
/*ADDED for 2010 Course Pages*/

/*ADDED for More course SSI*/
.other_courses{ float:left; width:230px; height:36px; border-top:#003366 solid 1px; border-bottom:#003366 solid 1px; font-size:10pt; margin-bottom:5px; clear:both }
.other_courses:hover{ border-color:#006699}
.other_courses a{text-decoration:none;}
.other_courses p{ margin:2px 0px 0px}

/*added for adult landing page*/
#adult_landing_page .other_courses{width:204px; background:#FFF; border-left:1px solid; margin-bottom:5px}
#adult_landing_page .other_courses p{ margin:4px 0px 0px 10px; font-size:12pt}

/*added for courses landing page*/
#courses_landing_page .other_courses{width:269px; background:#FFF; border-left:1px solid; margin-bottom:5px}
#courses_landing_page .other_courses p{ margin:4px 0px 0px 10px; font-size:12pt}

/*added for adult courses landing page*/
#adultCourse_landing_page .other_courses{width:204px; background:#FFF; border-left:1px solid; margin-bottom:5px}
#adultCourse_landing_page .other_courses p{ margin:10px 0px 0px 5px; font-size:9.5pt; padding:0}

#location_landing_page .other_courses{width:290px; border:0px; margin-bottom:5px}
#location_landing_page .other_courses p{ margin:4px 0px 0px 10px; font-size:12pt; color:#FFF}
#location_landing_page .other_courses a{color:#FFF}
#location_landing_page .col_290_content{min-height:450px; }

#other_centres .other_courses{width:250px; border:0; margin-bottom:5px; height:38px;}
#other_centres .other_courses p{ margin:8px 0px 0px 10px; font-size:12pt; color:#FFF}
#other_centres .other_courses a{color:#FFF}

#other_promos .other_courses{width:250px; border:0; margin-bottom:5px;}
#other_promos .other_courses p{ margin:8px 0px 0px 10px; font-size:12pt; color:#FFF}
#other_promos .other_courses a{color:#FFF}

/*ADDED for More course SSI*/

.orange{color: #ff6600; font-weight:bold }

/*ADDED for Course Summaries*/
.course_desc{width:99%; min-height:90px; border:1px solid #cccccc; solid; margin-bottom:9px; background-color:#FFF; clear:both}
.course_desc p{padding:0px 5px 0px 5px; margin-bottom:0px; text-align:left;}
.course_desc a{ font-size:1.15em;}
.course_desc .group_size{float:right; width:55px; height:45px; background-position:center; text-align:center; color:#000; margin-top:15px; margin-bottom:30px;  }
.course_desc .group_size p{ text-align:center; margin-top:22px; color:#FFF; font-weight:bold; margin-right:2px; }
.course_desc .group_size .m{ text-align:center; margin-top:4px; color:#000; font-size:0.8em;}
.course_summ{width:170px; float:right; text-align:center; margin-right:5px; height:70px}

/*ADDED for Course Summaries*/

/*ADDED for Translation course table*/
.location_summ{width:310px; float:right; text-align:center; height:70px; margin:5px }
.location_summ a{ color: #FFF; text-decoration:underline; font-weight:normal;}
/*ADDED for Translation course table*/

.half_left{width:48%; border-right:#999999 dotted 2px; float:left; padding-right:1%}
.half_right{width:48%; float:left; margin-left:1%;}

.col_225{width:225px; min-height:300px; margin-right:5px; float:left}
.col_225 p{padding:5px}
.col_225_content{width:225px; height:300px; background:#f0f0f0; }

.col_290{width:290px; min-height:300px; margin-right:15px; float:left}
.col_290 p{padding:5px}
.col_290_content{width:290px; height:300px; background:#f0f0f0; }

.col_400{width:400px; min-height:300px; margin-right:13px; float:left}
.col_400 p{padding:5px}
.col_400_content{width:290px; height:300px; background:#f0f0f0; }

.col_225_g{width:225px; min-height:300px; margin-right:15px; float:left}
.col_225_g a:link{display:block; margin-bottom:5px; padding-bottom:5px; text-decoration:none;}
.col_225_g img{padding-bottom:5px;}

/*Required for _explain_course_summary_SSI*/
#explain_cs{width:250px; background-color:#f0f0f0;}
#explain_cs p{ padding:0px 5px 0px 5px}

#filter {display: none; position: absolute;	top: 0%; left: 0%; 	width: 100%; height: 100%; 	background-color: #CCA; z-index:10; opacity:0.5; filter: alpha(opacity=50);}

#box {display: none; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; padding: 0; margin:0; border: 1px solid black; background-color: white;	z-index:11;	overflow: auto;}
/*Required for _explain_course_summary_SSI*/

#box_newletter {display: none; }
/*Required _newsLetterSignUp.asp SSI*/

#box_details {display: none;}

#location_box {display: none; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; padding: 0; margin:0; border: 1px solid black; background-color: white;	z-index:11;	overflow: auto;}

#location_box_h {display: none; position: absolute; top: 20%; left: 20%; width: 60%; height: 60%; padding: 0; margin:0; border: 1px solid black; background-color: white;	z-index:11;	overflow: auto;}

.top_courses{background:#f0f0f0; margin-top:20px}
.top_courses h3{color:#fff; padding:8px 5px 8px 5px; margin-top:5px}
.top_courses a{ font-size:1.2em}
.top_courses .CollapsiblePanelContent a{font-size:1em} /*sets the font size of archived social programmes smaller than the current month's size*/

.pink_title{ position: absolute; }
.pink_title h1{ font-size:1.6em; line-height:1.5em; margin:0}
.pink{background-color:#ed0281; color:#FFF; padding:3px 5px 5px 5px; margin:0}
.orangeh1{background-color:#ff6600; color:#FFF; padding:3px 5px 5px 5px; margin:0}

.travel_ul{list-style-type:none;}
.travel_ul li{background-repeat:no-repeat; background-position:0px 0px; padding-left:40px; padding-top:3px}
.travel_ul h3{ color:#6e6f72}

.accom_item { background:#f0f0f0; padding:5px 0px 5px 0px}
.accom_item p{ padding:0px 5px 5px 5px }
.accom_item h3{background:#999; color:#FFF; padding:5px}

.location_row {width:570px; float:left; background-color:#e6e7e7; height:140px; margin-bottom:10px }
.location_row h2{ padding:5px; margin:0}
.location_row p{padding:5px 5px 0px 5px;}

.package_promo {position:relative; width:250px; height:300px; background-color:#CCC; margin-bottom:20px}
.package_promo h1{ font-size:1.1em; color:#FFF; background-color:#669900; margin:0; padding:10px}
.package_promo .grad{width:250px; min-height:170px;}
.package_promo .grad h2{color:#FFF; padding:5px; padding-left:10px; margin:0; font-size:2.8em; font-weight:normal; line-height:1em}
.package_promo .grad a:link{color:#ffff33; font-size:1.2em }
.package_promo .grad a:visited{color:#ffff33; }
.package_promo .grad a:active{color:#ffff33; }
.package_promo .grad ul li{ padding-right:5px }


.package_colomn{width:313px; float:left; margin-top:10px; margin-bottom:10px; border-left:#ccc solid 1px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px; min-height:200px}
.package_colomn h2{color:#FFF; margin:0; padding:10px}
.package_colomn p{padding:5px}

/*Virtual tours*/
#flash_insert { float:left; width:660px}
#virtual_menu {width:110px; float:left; margin-left:0px; }
#virtual_menu p{ margin-bottom:0px}
#virtual_menu a{ display:block; padding:2px 5px 2px 5px; margin-bottom:3px}


#vtLocalsLondon{display:block; visibility:visible; padding-left:0; margin:0px;}
#vtLocalsBedgebury{display:block; visibility:visible; padding-left:0; margin:0px  }
#vtLocalsCambridge{display:block; visibility:visible; padding-left:0; margin:0px }
#local_back_link a:link{color: #006699; text-decoration:underline}
#local_back_link a:hover{color: #006699; text-decoration:none}


.vid_div{width:225px; float:left; margin-top:10px}
.vid_div p{ margin:2px 0px 2px 0px; padding:0px}
.vid_div a{ margin:0px; padding:0px}