/********************************************  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,sub,sup,tt,var,b,u,i,center,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-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
	line-height: 1;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
th { text-align: left; }
address { font-style: normal; }
a { white-space: nowrap; }
.clearFloat { clear: both; }

input[type="hidden"] {
	display: none !important;
	visibility: hidden !important;
	height: 0px !important;
}

* {
	margin: 0;
}
html, body {
	height: 100%;
}

/**********************************************  FONTS  ***********************************************/

h1 {
	font-size: 1.125em;
	padding: 2px 0px;
}
#contRightAjax H1 {
	padding-right: 80px;
}

h2 {
	padding: 15px 0px 5px 0px;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	font-size: 0.6875em;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;
}
p {
	padding: 8px 0px;
	font-size: 0.6875em;
}
a {
	color: #333336;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/**********************************************  HEADER  **********************************************/

#header {
	background-image: url('../images/header/header-bg-tile.gif');
	background-repeat: repeat-x;
}

.green #header {
	background-image: url('../images/header/header-bg-tile-green.gif');
	background-repeat: repeat-x;
}

#headerContent {
	height: 162px;
	width: 970px;
	margin: 0pt auto;
	position: relative;
}

#header a.msfLogo {
	display: block;
	width: 100px;
	height: 63px;
	position: absolute;
	top: 64px;
	background-image: url('../images/header/logo-msf.gif');
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#header a.headerHeading {
	display: block;
	width: 544px;
	height: 35px;
	position: absolute;
	top: 90px;
	left: 0px;
	background-image: url('../images/header/header-text.gif');
	background-repeat: no-repeat;
	text-indent: -9999em;
}


.green #header a.headerHeading {
	display: block;
	width: 544px;
	height: 35px;
	position: absolute;
	top: 90px;
	left: 0px;
	background-image: url('../images/header/header-text-green.gif');
	background-repeat: no-repeat;
	text-indent: -9999em;
}




#header span.headerYear {
	display: block;
	position: absolute;
	top: 162px;
	right: 0px;
	width: 84px;
	height: 60px;
	background-image: url('../images/header/year-09.gif');
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#studentType {
	position: absolute;
	top: 142px;
	right:1px;
	color: #000000;
	font-size: 0.75em;
}
#studentType a {
	color: #000000;
	text-decoration: underline;
}
#studentType a:hover {
	text-decoration: none;
}

#studentType .selectedStudent img{ 
	border-bottom:1px #000000 solid;
}

#headerActions {
	position: absolute;
	top: 110px;
	right: 1px;
	color: #FFFFFF;
	font-size: 0.5625em;
	height:32px;
	padding-top:4px;
}
#headerActions a {
	color: #FFFFFF;
	text-decoration: none;
}
#headerActions a:hover {
	text-decoration: underline;
}
#headerActions a.actionBookmark {
	background-image:url('../images/icons/ico-bookmark.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 21px;
}
	
.green #headerActions a.actionBookmark {
	background-image:url('../images/icons/ico-bookmark-green.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 21px;
}

#headerActions a.actionEmail {
	background-image:url('../images/icons/ico-email.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 20px;
	margin-left: 25px;
}

.green #headerActions a.actionEmail {
	background-image:url('../images/icons/ico-email-green.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 20px;
	margin-left: 25px;
}

#headerActions .actionPhone {
	background-image:url('../images/icons/ico-phone.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 20px;
	margin-left: 25px;
}

.green #headerActions .actionPhone {
	background-image:url('../images/icons/ico-phone-green.gif');
	background-repeat: no-repeat;
	padding: 3px 0px 0px 20px;
	margin-left: 25px;
}

/**********************************************  FOOTER  **********************************************/

#footer {
	background-image: url('../images/footer/footer-bg-tile.gif');
	background-repeat: repeat-x;
}
.green #footer {
	background-image: url('../images/footer/footer-bg-tile-green.gif');
	background-repeat: repeat-x;
}
#footerContent {
	height: 91px;
	width: 970px;
	margin: 0pt auto;
	position: relative;
}

#footer a.footerHeading {
	display: block;
	width: 326px;
	height: 21px;
	position: absolute;
	top: 41px;
	background-image: url('../images/footer/logo-heading.gif');
	background-repeat: no-repeat;
	text-indent: -9999em;
}

#footerMenu {
	position: absolute;
	left:5px;
	top: 41px;
	color: #FFFFFF;
	font-size: 0.6875em;
}
#footerMenu span {
	padding-right: 10px;
}
#footerMenu a {
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 5px;
}
#footerMenu a:hover {
	text-decoration: underline;
}
/***********************************************  MENU  ***********************************************/

#mainMenu {
	width: 190px;
	margin-bottom: 30px;
}
#mainMenu li a {
	display: block;
	height: 28px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
}
#mainMenu li a:hover {
	background-position: 0px -28px;
}
#mainMenu li#mnuHome a {
	background-image: url('../images/menu/mnu-home.gif');
}
#mainMenu li#mnuAbout a {
	background-image: url('../images/menu/mnu-about.gif');
}
#mainMenu li#mnuCourses a {
	background-image: url('../images/menu/mnu-courses.gif');
}
#mainMenu li#mnuDistance a {
	background-image: url('../images/menu/mnu-distance.gif');
}
#mainMenu li#mnuInternational a {
	background-image: url('../images/menu/mnu-international.gif');
}
#mainMenu li#mnuEnrolment a {
	background-image: url('../images/menu/mnu-enrolment.gif');
}
#mainMenu li#mnuTestimonials a {
	background-image: url('../images/menu/mnu-testimonials.gif');
}
#mainMenu li#mnuNews a {
	background-image: url('../images/menu/mnu-news.gif');
}
#mainMenu li#mnuContact a {
	background-image: url('../images/menu/mnu-contact.gif');
}
#mainMenu li#mnuAppendix a {
	background-image: url('../images/menu/mnu-appendix.gif');
}
#mainMenu li#mnuFAQ a {
	background-image: url('../images/menu/mnu-faq.gif');
}

.home li#mnuHome a,
.about li#mnuAbout a,
.courses li#mnuCourses a,
.distance li#mnuDistance a,
.International li#mnuInternational a,
.enrolment li#mnuEnrolment a,
.testimonials li#mnuTestimonials a,
.news li#mnuNews a,
.contact li#mnuContact a,
.appendix li#mnuAppendix a,
.faq li#mnuFAQ a
{ 
	background-position: 0px -28px !important;
}
/*-------------------------------------------------------MENU green ---------------------------------------*/

.green #mainMenu {
	width: 190px;
	margin-bottom: 30px;
}
.green #mainMenu li a {
	display: block;
	height: 28px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999em;
}
.green #mainMenu li a:hover {
	background-position: 0px -28px;
}
.green #mainMenu li#mnuHome a {
	background-image: url('../images/menu/mnu-home-green.gif');
}
.green #mainMenu li#mnuAbout a {
	background-image: url('../images/menu/mnu-about-green.gif');
}
.green #mainMenu li#mnuCourses a {
	background-image: url('../images/menu/mnu-courses-green.gif');
}
.green #mainMenu li#mnuDistance a {
	background-image: url('../images/menu/mnu-distance-green.gif');
}
.green #mainMenu li#mnuInternational a {
	background-image: url('../images/menu/mnu-international-green.gif');
}
.green #mainMenu li#mnuEnrolment a {
	background-image: url('../images/menu/mnu-enrolment-green.gif');
}
.green #mainMenu li#mnuTestimonials a {
	background-image: url('../images/menu/mnu-testimonials-green.gif');
}
.green #mainMenu li#mnuNews a {
	background-image: url('../images/menu/mnu-news-green.gif');
}
.green #mainMenu li#mnuContact a {
	background-image: url('../images/menu/mnu-contact-green.gif');
}
.home li.green #mnuHome a,
.about li.green #mnuAbout a,
.courses li.green #mnuCourses a,
.distance li.green #mnuDistance a,
.international li.green #mnuInternational a,
.enrolment li.green #mnuEnrolment a,
.testimonials li.green #mnuTestimonials a,
.news li.green #mnuNews a,
.contact li.green #mnuContact a { 
	background-position: 0px -28px;
}

/*----------------------------------------------------------------------------------------------*/

#formButton {
	width: 122px;
	height: 21px;
	margin: 10px 0px 23px 0px;
	background-image:url('../images/buttons/btn-search-courses.gif');
	display: block;
	background-repeat: no-repeat;
	text-indent: -99999em;
	float: right;
}


#formButton:hover {
	background-position: 0px -22px;
}


#submitButton, #sendButton {
	width: 60px;
	height: 23px;
/*	margin-top:120px;&*/
	display: block;
	background-repeat: no-repeat;
	text-indent: -99999em;
	clear:both;
}
#moreCourseInfoButton {
	width: 125px;
	height: 23px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -99999em;
	clear:both;
}
#submitButton {
	background-image:url('../images/buttons/btn-submit.gif'); 
}
#moreCourseInfoButton {
	background-image:url('../images/buttons/btn-more-info2.gif'); 
}

#sendButton {
	background-image:url('../images/buttons/btn-send.gif');
}

#submitButton:hover, #sendButton:hover {
	background-position: 0px -22px;
}

#moreCourseInfoButton:hover {
	background-position: 0px -22px;
}


/***********************************************  COURSE FINDER  ************************************************/

#courseFinder {
	width: 170px;
	background-color: #E5E5E5;
	border-top: 1px solid #ADADAD;
	padding: 5px 10px 40px 10px;
}
#courseFinder h4 {
	margin: 0px 0px 15px 0px;
}
ul.courseForm label {
	font-size: 0.6875em;
	color: #333333;
	line-height: 27px;
}
ul.courseForm select {
	font-size: 0.6875em;
	color: #333333;
	width: 170px;
	border: 1px solid #D5D5D5;
}
ul.courseForm .textBox {
	font-size: 0.6875em;
	color: #333333;
	width: 165px;
	border: 1px solid #D5D5D5;
}
ul.courseForm .formButton {
	float: right;
	padding: 10px 0px 0px 0px;
}

/*********************************************** SUB NAV  ************************************************/

h1.subNavHeading {
	color: #FFFFFF;
	background-color: #000000;
	width: 241px;
	height: 28px;
	padding: 0px 0px 0px 4px;
	line-height: 28px;
}

ul.subNav {
	margin: 20px 0px 0px 0px;
	width: 245px;
	font-size: 0.6875em;
	border-bottom: 4px solid #CECECE;
}
ul.subNav li a {
	display: block;
	background-image: url('../images/menu/sub-nav-expand.gif');
	background-repeat: no-repeat;
	background-position: 220px 0px;
	background-color: #E5E5E5;
	border-top: 1px solid #ADADAD;
	padding: 7px 30px 7px 10px;
	text-decoration: none;
	height: 100%;
	white-space: normal;
	line-height: 15px;
}
ul.subNav li {
	margin: 5px 0px;
}
ul.subNav ul {
	background-color: #FFFFFF;
}
ul.subNav ul li a {
	background-image: url('../images/menu/sub-nav-arrow.gif');
	background-repeat: no-repeat;
	background-position: 220px center;
	background-color: #FFFFFF;
	border: none;
	text-decoration: none;
	height:auto !important;
}
ul.subNav ul li a:hover,
ul.subNav ul li a.selectedItem {
	background-image: url('../images/menu/sub-nav-arrow-ovr.gif');
	background-color: #FFF200;
}

ul.subNav ul li {
	background-image: url('../images/menu/sub-nav-border.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	padding-bottom: 1px;
	margin: 0px;
	display:block;
}

ul.subNav a.subNavExpanded {
	background-position: 220px -27px;
}
ul.subNav a.subNavClosed {
	background-position: 220px 0px;
}

/***********************************************  BODY  ***********************************************/

body {
	font-family: arial, Helvetica, sans-serif; 
	color: #333336;
}


/*******************************************  PAGE LAYOUT  ********************************************/

#content {
	position: relative;
	width: 970px;
	margin: 0pt auto;
	background-image: url('../images/left-col-bg.gif');
	background-repeat: repeat-y;
	background-position: top left;
	margin-top: 50px;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -91px;
}
#footer, .push {
	height: 91px;
}
#colRight {
	float: right;
	width: 737px;
	padding-bottom: 40px;
}
#colLeft {
	float: left;
	width: 233px;
	background-color: #FFFFFF;
}
#contRight {
	float: right;
	width: 460px;
}
#contLeft { 
	float: left;
	width: 257px;
}
#ajaxLoader {
	width: 100%;
	height: 210px;
	background-image: url("/images/ajax-loader.gif");
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
}
#controls  {
    z-index: 999999;
    position: relative;
}
/********************************************  HOME PAGE  *********************************************/

#homeContent { 
	/*background-image: url('../images/home-hero-1.jpg');
	background-repeat: no-repeat;*/
	width: 737px;
	color: #FFFFFF;
	overflow: hidden;
	
}
#homeContent .homeTileGreen,
#homeContent .homeTileBlue, 
#homeContent .homeTilePurple {
	background-repeat: no-repeat;
	width: 245px;
	height: 300px;
	float: left;
	overflow: hidden;
}
#homeContent .homeTileGreen {
	background-image: url('../images/home-tile-green.jpg');
}
#homeContent .homeTileBlue {
	background-image: url('../images/home-tile-blue.jpg');
}
#homeContent .homeTilePurple {
	background-image: url('../images/home-tile-purple.jpg');
}
.homeTileGreen .tileContent {
	padding: 90px 15px 0px 15px;
}
.homeTileBlue .tileContent {
	padding: 25px 15px 0px 20px;
}
.homeTilePurple .tileContent {
	padding: 25px 15px 0px 15px;
}
.homeTileGreen p {
	margin-top: 27px;
}


.homeTileGreen .tileH1 {
	font-size: 1.15em;
	display: block;
}
.homeTileGreen .tileH3 {
	font-size: 0.9em;
	display: block;
}
.homeTileBlue .tileH1 {
	font-size: 1.3em;
	display: block;
}
.homeTileBlue .tileH2 {
	font-size: 1.2em;
	display: block;
	color: #98B4EE;
}
.homeTilePurple .tileH1 {
	font-size: 1.8em;
	display: block;
}
.homeTilePurple .tileH2 {
	font-size: 1.2em;
	display: block;
	color: #A968D1;
}
.homeTilePurple .tileH3 {
	font-size: 0.9em;
	display: block;
	padding: 5px 0px 5px 0px;
}
/*********************************************  CONTROLS  **********************************************/

#controls {
	padding: 0px 1px 0px 0px;
	margin: 8px 0px -20px 0px;
	float: right;
}
#controls img {
	margin: 0px 0px 0px 12px;
	float: right;
	cursor: pointer;
}

/**********************************************  COMMON  **********************************************/

a.backTop {
	padding: 2px 20px 8px 4px;
	font-size: 0.6875em;
	background-image: url('../images/icons/ico-back.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	position: absolute;
	top: -30px;
	right: 5px;
}

a.printPage {
	padding: 0px 0px 0px 18px;
	margin: 14px 8px 0px 0px;
	font-size: 0.6875em;
	background-image: url('../images/icons/ico-print.gif');
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-decoration: none;
	float: right;
}

a.printPage:hover {
	text-decoration: underline;
}

.dividedSection {
	border-bottom: 1px solid #CECECE;
	padding-bottom: 10px;
}
.sectionLeft {
	float: left;
	width: 215px;
	padding-right: 20px;
}
.sectionRight {
	float: left;
	width: 210px;
}

#contRight ul {
	list-style: disc outside;
	font-size: 0.6875em;
	padding: 5px 0px 5px 20px;
}
#contRight ul li {
	padding: 2px 0px 2px 0px;
}
div.feeTableDiv {
    margin-bottom: 10px;
}
table.feesTable {
	font-size: 0.6875em;
	width: 100%;
}
table.feesTable td {
	padding: 4px 3px;
	border-bottom: 1px solid #CECECE;
}
table.feesTable .figures {
	text-align: right;
}

/*********************************** About MSF Page **********************************/
.listCerts ul {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 10px;
    padding-left: 40px;
    list-style-type: disc;
    text-indent: 0px;
}
.listCerts ul li {
    margin-top: 0px;
    padding-top: 0px;
    font-size: 0.6875em;
}
.aboutUsQuote {
    padding-top: 0px;
    width: 245px;
    float: left;
	clear:both;
}
.aboutUsPics img {
    float: left;
    margin-top: 20px;
}
.aboutUsGap {
    padding-left: 275px;
    margin-bottom: 30px;
}
/*********************************** Testimonial Page **********************************/
.aboutUs, .testimonial {
    margin-bottom: 30px;
    clear: both;
    overflow: hidden;
}
.testimonial img {
    margin-top: 0px;
    padding-top: 0px;
}
.testimonialPhoto {
    width: 150px;
    float: left;
}
.testimonial span.testimonialName {
    font-weight: bold;
    font-size: 0.8em;
    color: #666666;
}
.aboutUsText, .testimonialText {
    width: 450px;
    float: left;
	margin-left:30px;
	position:top;
}


/*********************************** Course Page **********************************/
.courseSearchResults {
    font-size: 0.6875em;
    margin-left: 15px;
}
.attentionParagraph {
    font-weight: bold;
}
.subHeader {
	font-size: 0.6875em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin-bottom: 0px;
}
.subTitleLeft {
   /* width: 350px;*/
    float: left;
    padding: 0px 0px 2px 0px;
    margin-bottom: 0px;
	font-weight: bold;
}
.subTitleRight {
   /* width: 100px;*/
    float: left;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
}
.subjectInfo p {
    padding-top: 0px;
}
span.specialAttentionText {
    color: #8e1414;
    font-weight: bold;
}
div.enquiryButton {
    margin-top: 15px;
    clear: both;
}
#contRight ul.sameCourseOtherModeList {
    padding-left: 0px;
    margin-left: 0px;
    font-size: 0.6875em;
    list-style-type: none;
}

/*********************************** Fashion Show Page **********************************/
ul.fashionShowList {
    list-style: none;
    padding-left: 0px;
    font-size: 0.6875em;
    margin-top: 10px;
}
ul.fashionShowList li {
    padding-bottom: 5px;
}

/*********************************** International Page **********************************/
.internationalNote {
    width: 255px;
    float: left;
}
.internationalText {
    margin-left: 22px;
    width: 300px;
    float: left;   
}
.internationalText a {
    font-size: 0.6875em;
}
/*********************************** News & Events Page **********************************/
.newsEventsPicturesRow {
    margin-top: 5px;
}

.newsEventsPicturesRow .column{
    width : 190px;
    height: 195px;
    float: left;
}
.newsEventsDownloads h2 {
    padding-top: 10px;
}
.newsEventsDownloads a {
    font-size: 0.6875em;
}
/*********************************** Contact Us Page **********************************/
span.attentionText {
    font-weight: bold;
}
.gmap {
	margin: 25px 0 30px 0;	
}
.gmap iframe {
	border: 1px #777777 solid;
	width: 700px;
	height: 400px;
}
.gmapLink {
	font-size: .6875em;
}

/*****************************************Enrol Page***********************************/

.enrolBox {
    width: 460px;
    float: right;
	clear:both;
	margin-top:-218px;
}


.enrolIm{
	float:left;
	width:245px;
	margin-right:120;

}



/*********************************** Sitemap Page **********************************/
.divSitemap {
    margin-top: 20px;
}

.divSitemap a {
    font-size: 0.6875em;
}
/*********************************** News & Events pdf Lists **********************************/
li.pdf, ul.pdf li {
	background-image:url(../images/icons/pdf.gif);
	background-position:0pt 1px;
	background-repeat:no-repeat;
	line-height:140%;
	margin:0pt;
	padding:0px 0px 0px 25px;
}

#courseInfo2010 {
	display: block;
	background: url('/images/MSF-2010-Course-Info-Dwn.jpg');
	width : 168px;
	height : 116px;
}
#courseInfo2010:hover {
	background: url('/images/MSF-2010-Course-Info-up.jpg');
}

#openDay2010{
	display: block;
	background: url('/images/buttons/MSF-TIMETABLE-1.gif');
	width : 168px;
	height : 116px;
	margin-bottom:15px;
}
#openDay2010:hover {
	background: url('/images/buttons/MSF-TIMETABLE-2.gif');
}



#courseIntInfo2010 {
	display: block;
	background: url('/images/MSF-2010-International-Course-Info-Up.jpg');
	width : 168px;
	height : 54px;
	margin-top: 10px;
}
#courseIntInfo2010:hover {
	background: url('/images/MSF-2010-International-Course-Info-Dwn.jpg');
}
/*********************************** FAQ Page **********************************/

.faq ol{
    list-style: decimal;
    padding-left: 30px;
    font-size: 0.6875em;
    margin-top: 10px;
	margin-bottom: 10px;

}

.faq ol li{padding-bottom: 5px;}
.faq ol li a {white-space: normal;}
.faq p {margin-bottom:15px;}