@media screen
{		
	*
	{
		margin: 0px;
		padding: 0px;
    }
	
	html
	{
		font-family: Arial,Century Gothic, Verdana, Sans-Serif;
        font-size: 1em;        
        background: url(Images/constant_items/bg_tile.jpg) repeat scroll 0 0;
	}
	
	body
	{	
		  display: block;
		  background: transparent scroll 0 0;
	}
	
	#outerContainer
	{
		margin: 0;
		border: 0;
		height:100%;	
	}
	
	#containerWrapper
	{
	    width: 1101px;
	    background: url("Images/OuterContainer.png");
	    display: block;
	    margin: auto;
	}
	
	#outerLeftGradientContainer
	{
		margin: 0 auto;			
		background-image:url(Images/constant_items/bg_gradleft.png);						
		background-position:right;
		background-repeat:repeat-y;
		float:left;
	}
	
	#outerRightGradientContainer
	{
		width:auto;
		float:right;		
		background-image:url(Images/constant_items/bg_gradright.png);				
	}
	.pageContainer
	{					
		width: 959px;
		margin: 0 auto;				
		background-color: #FFFFFF;
	}
	
	h1, h2, h3
	{
		margin-bottom: 10px;
	}
	
	h1
	{
		font-weight:normal;
		font-size:22px;	
	}
	
	h2
	{
		font-weight:bold;
		font-size:18px;	
	}
	
	h3
	{
		font-weight:normal;
		font-size:16px;
		padding-bottom:5px;
		
	}
	
	p
	{	
		font-size:12px;
	}
	
	hr
	{
		color:#EEEEEE;
		background-color:#EEEEEE;		
		height:1px;		
	}
	
	/* Header */	
					
	.headerWelcomeContainer
	{	
	
		height:373px;
		background:url(Images/backgrounds/welcome_bg_main.jpg) no-repeat;		
	}
	
	.headerAboutContainer
	{
		height:373px;	
		background:url(Images/backgrounds/about_bg_main.jpg) no-repeat;
	}
	
	.headerCoursesContainer
	{
		height:373px;	
		background:url(Images/backgrounds/courses_bg_main.jpg) no-repeat;		
	}
	
	.headerBeyondContainer
	{
		height:373px;	
		background:url(Images/backgrounds/beyond_bg_main.jpg) no-repeat;		
	}
	
	.headerDownloadContainer
	{
		height:373px;	
		background:	url(Images/backgrounds/download_bg_main.jpg) no-repeat;		
	}
	
	.headerGalleryContainer
	{
		height:373px;	
		background:url(Images/backgrounds/gallery_bg_main.jpg) no-repeat;				
	}
	
	.headerFAQsContainer
	{
		height:373px;	
		background:url(Images/backgrounds/faqs_bg_main.jpg) no-repeat;		
	}
	
	.headerGetInTouchContainer
	{
		height:373px;	
		background:url(Images/backgrounds/getintouch_bg_main.jpg) no-repeat;		
	}
	
	/* Right Header */
	/*---------------------------*/

	#studentZone
	{							
		float:right;		
		margin:0 34px 14px 0;									
	}	
	
	#headerMBCBlog
	{
		background-color:Transparent;
		border: solid 1px white;
		padding: 13px 16px 10px 16px;
		color:White;
		text-align:left;							
		margin:0 34px 0 0;		
		width:137px;		
		/*height: 135px;*/
		float:right;
		clear: right;
					
	}
	
	headerInnerMBCBlog
	{
		vertical-align:middle;
	}
	
	#BlogContainer
	{
		margin-bottom:6px;	
	}
	
	#BlogContainer .LabelBlog
	{
		color:#ffffff;
		font-size:9pt;
		letter-spacing:-0.5px;
		line-height:80%;
		padding:0;
	}
	
	#BlogContainer .HyperLinkBlog
	{
		color:#ffffff;
		font-size:7pt;
		text-decoration:none;
	}
	
	/*----------------------------*/
	
		
	/* Left Header */
	/*---------------------------*/
	
	#headerMBCLogo
	{					
		margin: 31px 0 6px 39px;		
		float: left;	
		color:white;
		background-color:Transparent;								
	}
	
	#headerNavigation
	{
		width:144px;
		margin: 10px 0 0 14px;		
		float: left;	
		clear: left;					
	}			
	#headerMenu
	{
		list-style-type:none;
		text-align:right;			
	}	
	#headerMenu li a
	{
		background-repeat:no-repeat;
        height: 24px;
        width: 144px;
        display: block;           
	}
	
	#WelcomeHyperLink
    {
        background: url("Images/constant_items/menu_welcome.png");           
    }
    
    #WelcomeHyperLink:hover
    {
        background: url("Images/constant_items/menu_welcome_o.png");
    }
	
	#AboutHyperLink
    {
        background: url("Images/constant_items/menu_about.png");            
    }
    
    #AboutHyperLink:hover
    {
        background: url("Images/constant_items/menu_about_o.png");
    }
	
	#CoursesHyperLink
    {
        background: url("Images/constant_items/menu_courses.png");            
    }
    
    #CoursesHyperLink:hover
    {
        background: url("Images/constant_items/menu_courses_o.png");
    }
	
	#BeyondHyperLink
    {
        background: url("Images/constant_items/menu_beyond.png");            
    }
    
    #BeyondHyperLink:hover
    {
        background: url("Images/constant_items/menu_beyond_o.png");
    }
	
	#DownloadsHyperLink
    {
        background: url("Images/constant_items/menu_downloads.png");            
    }
    
    #DownloadsHyperLink:hover
    {
        background: url("Images/constant_items/menu_downloads_o.png");
    }
	
	#GalleryHyperLink
    {
        background: url("Images/constant_items/menu_gallery.png");            
    }
    
    #GalleryHyperLink:hover
    {
        background: url("Images/constant_items/menu_gallery_o.png");
    }
	
	#FAQHyperLink
    {
        background: url("Images/constant_items/menu_faqs.png");            
    }
    
    #FAQHyperLink:hover
    {
        background: url("Images/constant_items/menu_faqs_o.png");
    }
    
    #FranchiseHyperLink
    {
        background: url("Images/constant_items/menu_franchise.png");            
    }
    
    #FranchiseHyperLink:hover
    {
        background: url("Images/constant_items/menu_franchise_o.png");
    }
    
    
    #GetInTouchHyperLink
    {
        background: url("Images/constant_items/menu_getintouch.png");            
    }        
    
    #GetInTouchHyperLink:hover
    {
        background: url("Images/constant_items/menu_getintouch_o.png");
    }
	
	/*---------------------------*/
	
		
	/*----------- Body ----------*/
	
	#bodyContainer
	{				
		background-color:Transparent;
		height:auto;
	}
	
	#bodyRight
	{
		float:right;
		width:480px;		
	}
	
	/* --------- pad images --------- */
	.padWelcomeImageContainer
	{
		background: url("Images/backgrounds/welcome_bg_pad.jpg") no-repeat right top;		
		height:314px;	
		width:479px;
		
		float:right;		
	}
	
	.padAboutImageContainer
	{
		background: url("Images/backgrounds/about_bg_pad.jpg") no-repeat right top;		
		height:314px;	
		width:479px;
		
		float:right;
	}
	
	.padCoursesImageContainer
	{
		background: url("Images/backgrounds/courses_bg_pad.jpg") no-repeat right top;		
		height:314px;
		width:479px;
		float:right;
		
	}
	
	.padBeyondImageContainer
	{
		background: url("Images/backgrounds/beyond_bg_pad.jpg") no-repeat right top;		
		height:314px;
		width:479px;
		
		float:right;
	}
	
	.padDownloadImageContainer
	{
		background: url("Images/backgrounds/download_bg_pad.jpg") no-repeat right top;		
		height:314px;
		width:479px;
		
		float:right;
	}
	
	.padGalleryImageContainer
	{
		background: url("Images/backgrounds/gallery_bg_pad.jpg") no-repeat right top;		
		height:314px;
		width:479px;
		
		float:right;
	}
	
	.padFAQsImageContainer
	{
		background: url("Images/backgrounds/faqs_bg_pad.jpg") no-repeat right top;		
		height:314px;
		width:479px;
		float:right;
	}
	
	.padGetInTouchImageContainer
	{
		background: url("Images/backgrounds/getintouch_bg_pad.jpg") no-repeat right top;		
		height:314px;	
		width:479px;
		float:right;
	}	
	/* ------------------------- */
	
	/* --------Form Entry ------ */
	.formEntryContainer fieldset
	{
		margin-bottom: 10px;
		font-size:9pt;
		background-color: #EEEEEE;
	}
	
	.formEntryContainer legend
	{
		padding: 0 2px;
		font-weight:bold;
		color:#000000;
		margin-left:2px;
	}
	
	.formEntryContainer label
	{
		display:inline-block;
		line-height: 1.8;
		vertical-align:top;
		width:100px;		
	}
	
	.labelData
	{
		float:right;
		width:259px;				
		line-height:1.8;
	}
	
	.formEntryContainer fieldset ol
	{
		margin: 0;
		padding: 0;
	}
	
	.formEntryContainer fieldset li
	{
		list-style:none;
		padding:5px;
		margin:0;		
		display:block;
	}
	
	.formEntryContainer fieldset li.narrow
	{
		list-style:none;		
		margin:0 0 0 5px;		
		display:block;
		height:auto;				
		padding:0;
	}
	
	.formEntryContainer select
	{
		width:250px;
	}
	
	.formEntryContainer input
	{
		
	}
	
	.formEntryContainer input.textbox, .formEntryContainer textarea, .formEntryContainer .dropdown
	{
		background-color:#ffffff;
		border: solid 1px #DCDCDC;
		color:#000000;
		border: solid 1px #ffffff;
		width:220px;
		
	}
	
	.formEntryContainer input.formButton
	{
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;

	}
	
	.formEntryContainer input.formButtonRight
	{
		display:block;
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;
		float:right;
		
	}
	
	.formentryconfirmleftbutton
	{
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;
		width:auto;
	}
	
	.formentryconfirmrightbutton
	{
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;
		width:auto;
		float:right;
	}
		
	
	.courseImageSide
	{
		float:left;
		display:block;
		clear:left;		
		width:145px;
		padding-bottom:10px;
		padding-right:15px;
		padding-left:0px;
		padding-top: 0px;
	}
	
	#CoursesImageContainer
	{
		clear:both;
		display:block;
	}
	
	.AspNet-GridView
    {
        display: table;
        border: none;
        padding: 2px;
    }
    
    .AspNet-GridView td, .AspNet-GridView th
    {
        padding: 5px;
        text-align:center;
    }
    
    .AspNet-GridView-Header
    {
        background: #A0A1A5;
        color:#ffffff;
    }

    .AspNet-GridView-Normal
    {
        background: #F9F9F7;
        color: #000000;
    }
    .AspNet-GridView-Alternate
    {
        background: #C4C5C9;
        color: #000000;
    }
    
    .AspNet-GridView input.gridviewButton
    {
    	background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:3px;
		width:60px;
    }
    
    .gridViewContainer
    {
    	border: solid 1px #ffffff;
    }
    
    .gridViewContainer label
    {
    	display:inline;
    	font-size:10pt;
    }
	/*----- content images ---------*/		
	.contentWelcomeImageContainer,
	.contentAboutImageContainer,
	.contentCoursesImageContainer,
	.contentBeyondImageContainer,
	.contentDownloadImageContainer,
	.contentGalleryImageContainer,
	.contentFAQsImageContainer,
	.contentGetInTouchImageContainer
	{
	    width: 479px;
	    display: block;
	    float: left;
	    min-height:300px;
	}
	.contentWelcomeImageContainer
	{
		background: url("Images/backgrounds/welcome_bg_content.jpg") no-repeat left top;							
	}	
	
	.contentAboutImageContainer
	{
		background: url("Images/backgrounds/about_bg_content.jpg") no-repeat left top;							
	}	
	
	.contentCoursesImageContainer
	{
		background: url("Images/backgrounds/courses_bg_content.jpg") no-repeat left top;						
	}	
	
	.contentBeyondImageContainer
	{
		background: url("Images/backgrounds/beyond_bg_content.jpg") no-repeat left top;						
	}	
	
	.contentDownloadImageContainer
	{
		background: url("Images/backgrounds/download_bg_content.jpg") no-repeat left top;						
	}	
	
	.contentGalleryImageContainer
	{
		background: url("Images/backgrounds/gallery_bg_content.jpg") no-repeat left top;					
	}	
	
	.contentFAQsImageContainer
	{
		background: url("Images/backgrounds/faqs_bg_content.jpg") no-repeat left top;					
	}	
	
	.contentGetInTouchImageContainer
	{
		background: url("Images/backgrounds/getintouch_bg_content.jpg") no-repeat left top;						
	}	
	/* ------------------------- */
	
	/*----- Calendar Container----*/
	#calendarContainer
	{	
		width:429px;
		border:solid 1px #D5D3D4;
		margin:0 34px 0 10px;							
		float:right;
		display:block;
	}		
	
	#calendarControlContainer
	{
		float:right;		
		width:226px;
		padding:2px;
	}
	
	.calendarCourseDetailConatiner
	{
		margin:14px 5px 5px 20px;
		width:156px;		
		display:block;
	}
	
	#CourseKey
	{
		width:156px;
		display:block;
		float:left;
	}
	
	.colourCodedCalendar_Container
    {
		background-color: #ffffff;
        width: 218px;
        display: block;
        padding: 2px;
        border: none;
  
		top: 0px;
		left: 0px;
		font-size:9pt;				
	}
    
    .colourCodedCalendar_DataRow
    {
		display: block;
        clear: both;       
    }
        
    .colourCodedCalendar_Container a
    {
		color: #FFFFFF;
        text-decoration: none;
    }
    
    .colourCodedCalendar_Container a:hover
    {
		text-decoration: underline;
    }
    
    .colourCodedCalendar_ControlRow, .colourCodedCalendar_MonthRow
    {
		width: 218px;
        float: left;        
    }   
    
    .colourCodedCalendar_ControlRow a
    {
		color: #000000;
		font-weight:bold;
    }
        
    .colourCodedCalendar_Prev a, .colourCodedCalendar_Next a
    {
		background: #EEEEEE;
        width: 40px;
        margin: 1px;
        float: left;
        height:18px;
        padding-top:5px;
        padding-left:10px;
        padding-right:10px;
        font-weight:bold;
    }
    
    .colourCodedCalendar_Next
    {
        text-align: right;
    }
    
    .colourCodedCalendar_MonthName
    {
        background: #EEEEEE;
        margin: 1px;
        width: 91px;
        float: left;
        text-align: center;
        height:18px;
        padding-top:5px;
        font-weight:bold;
    }
    
    .colourCodedCalendar_BlankDay, .colourCodedCalendar_EmptyDay
    {
		background: #EEEEEE;
        width: 29px;
        margin: 1px;
        float: left;
        text-align: center;
        vertical-align:middle;
        height:18px;
        padding-top:5px;
        color:#ffffff;
    }
    
    .colourCodedCalendar_EmptyDay
    {
        background: #A0A1A5;
    }
    
    .colourCodedCalendar_DayName
    {
		background: #EEEEEE;
        width: 29px;
        margin: 1px;
        float: left;
        text-align: center;
        height:18px;
        padding-top:5px;
        font-weight:bold;
    }                
        
    .colourCodedCalendar_Course
    {
		width: 29px;
        margin: 1px;
        float: left;
        text-align: center;
        vertical-align:middle;
        height:18px;
        padding-top:5px;
        color:#ffffff;
    }
        
	.buttonCourse
	{
		width:21px;
		height:22px;
		border:none;
		padding:none;
	}        
    
    .labelCourse
    {
    	display:block;
    }
      
    .calendarListViewContainer   
    {    	
    	padding:5px 0;
    	font-size:10pt;
    	font-weight:bold;
    	margin:5px 0;
    }
  
    .calendarListViewContainer a
    {
    	padding-top:5px;
    	font-size:7pt;
    	font-weight:bold;
    }  
    
    .calendarListViewButtonContainer
    {
    	float:left;
    	margin-right:5px;
    	margin-top:5px;
	}
            
	/* -----Welcome Page -------- */
	#bodyContentContainer
	{
		width:380px;	
		margin-left:76px;			
		padding-top:64px;				
	}
	
	#bodyContentContainer hr
	{
		margin-top:10px;
	}
	
	#bodyContentContainer p
	{
		padding-bottom:18px;			
	}
	
	#GetInTouchTopParagraph
	{
		line-height:18px;
	}
	
	.bodyImageButton
	{
		padding-top:15px;
		padding-right:13px;
		display:inline;
	
	}
	
	.bodyImageButtonFarRight
	{
		padding-top:15px;
		padding-right:0;
		display:inline;
	
	}
	
	/*----Courses------------*/
	
	.courseContainer
	{
		margin:5px 0 14px 0;
		width:370px;
		height:34px;
	}
	.courseLabel
	{
		color:White;
		font-size:8pt;	
		float:left;
		margin:10px 0 0 10px;
		
	}
	
	.courseInfoButton
	{
		float:right;
		margin:5px 0 0 6px;
	}
	
	.courseEnquireButton
	{
		float:right;
		margin:5px 0 0 6px;
		
	}
	
	.courseBookNowButton
	{
		float:right;
		height:100%;
		margin-left:7px;
	}
	
	/*-----Courses More Information -----*/
	.courseColoredTop
	{
		float:right;
		width:429px;
		height:6px;
		right:1px;		
	}
	
	.courseColoredRight
	{
		display:block;
		float:right;		
		width:6px;
		height:41px;			
		left:50px;
		margin-right:-1px;
	}

	.bookNowButton
	{
		float:right;
		margin-right:0px;		
	}

	.coursesButtons
	{
		margin-right:10px;
	}

	.coursesButtonRight
	{
		margin-right:0px;
	}

	#fundingCheckBoxContainer
	{
		font-size:10pt;		
		display:block;
		margin-bottom:10px;		
	}		
	
	#fundingCheckBoxContainer input
	{
		margin-left:5px;
		float:left;	
		padding-top:2px;		
	}
	
	#fundingCheckBoxContainer label
	{
		margin-left:35px;	
		display:block;		
	}

	.panelSquare
	{
		height:21px;
		width:21px;			
		display:inline;	
		margin-right:5px;	
	}		

	#courseButtonContainer
	{
		margin-left:21px;
		width: 170px;
	}

	#courseButton
	{
		width:170px;
	}
	
	#courseButton input
	{
		height:19px;
		width:170px;
		color:#ffffff;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";	
		-moz-opacity:0.1;
		-khtml-opacity: 0.1;		
		border:none;
		margin-bottom:5px;
		font-size:8pt;
		text-transform:uppercase;
		text-align:left;
		padding-left:19px;
		
	}
	
	#courseButton input.selected
	{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
		-moz-opacity:1;
		-khtml-opacity: 1;		
	}
	
	#courseButton input:hover
	{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";			
		-moz-opacity:1;
		-khtml-opacity: 1;	
		cursor:pointer;	
	}
	
	#courseTypeContainer
	{
		float:right;
		margin-right: 9px;		
	}
	
	.courseType
	{
		height:19px;
		width:218px;
		background-color:#E7E7E9;
		margin-top: 5px;
		margin-bottom:5px;
	}
	
	.courseType input
	{
		width:40px;
		height: 19px;
		background-color:#000000;
		color:#ffffff;
		float:right;
		text-transform:uppercase;
		font-weight:bold;		
		font-size:6pt;
		border: 0;
		margin: 0;
	}
	
	.courseType label, .courseType span
	{
		width: 118px;
		height:19px;		
		text-transform:uppercase;
		font-size:8pt;
		margin-left: 7px;
	}
	
	#calendarCourseNameContainer
	{
		margin-bottom:11px;
		margin-top:13px;
	}
	
	#calendarCourseDetailConatiner hr
	{
		margin-bottom:10px;		
	}
	
	.LabelFICourseName
	{
		font-size:8pt;
		font-weight:bold;			
		width:50px;
		vertical-align:top;
	}
	
	.LabelFICourseDescription
	{
		font-size:9pt;
		display:block;
		margin-bottom:5px;
	}
	
	.LabelFICourseInfo
	{
		font-weight:bold;
		font-size:10pt;
		display:block;
		margin-bottom:5px;
	}
	
	
	/*-----------------------------------/
	
	/*-----Download --------*/
	#downloadOuterContainer
	{
				
		width:380px;
		display:block;
	}
	
	#downloadInnerContainer
	{
		clear:left;
	}
	
	#downloadContainer
	{
		width:75px;
		margin: 0 10px 10px 10px;
		float:left;		
		height:120px;	
		display:block;
	}
	
	.downloadImageContainer
	{
		
		margin-left:11px;
	}
	
	.downloadLabelContainer
	{
		color:#000000;	
		font-size:7pt;
		text-align:center;			
	}
	
	.downloadtypeLabel
	{
		display:block;
		padding-bottom: 10px;
		font-weight:bold;
	}
	
	/*----- FAQ ---------*/
	#FAQTitleHeading
	{
		font-weight:normal;
		font-size:17px;
		padding-bottom:5px;
	}
	
	#faqContent
	{
		font-style:normal;
	}
	
	
	.FAQTitleCharacter
	{
		font-size:18px;
		font-weight:bold;
		float:left;		
		vertical-align:top;
		margin-top:-3px;
	}
	
	.FAQAnswerPanel
	{
		height: 0px;
		overflow:hidden;
		color:Red;
		padding-bottom:20px;
		font-size:12px;
		float:left;
	}
	
	.FAQQuestionPanel
	{
		color:Black;
		padding-bottom:20px;
		font-size:12px;		
		cursor:pointer;		
	}
	
	.FAQText
	{
		margin-left:20px;			
	}
	
	/*------------------- */
	
	/*--------GetInTouch-----------*/			
	
	#GetInTouchAddress
	{
		float:left;
		padding:none;
		border:none;
		width:180px;
		margin-bottom:10px;	
	}
	
	#GetInTouchAddress h3
	{
		font-weight:bold;
		padding-bottom:3px;
		margin-bottom:0px;
	}
	
	#GetInTouchAddress p
	{
		padding-bottom:3px;
	}
	
	#GetInTouchContactDetails
	{
		width:180px;
		float:right;

	}
	
	#GetInTouchContactDetails p
	{
		padding-bottom:3px;		
	}
	
	#ContactUsContainer
	{
		display:block;		
		height:150px;
		margin-top:10px;
		width:auto;
		clear:both;
	}
	
	#ContactUsFranchiseContainer
	{
		display:block;		
		height:194px;
		margin-top:10px;
		width:auto;
		clear:both;
	}
	
	.GetInTouchContactUsControls
	{
		background-color:#F1F1F1;
		font-size:7pt;
		font-weight:bold;
		color:#959698;
		height:25px;
		width:180px;
		margin-bottom:10px;
		padding: 5px 0 0 5px;		
		display: block;
	}
	
	#ContactUsThankYou
	{
		width:360px;
		height:40px;
	}
	
	#contactUsEnquiry
	{
		float:right;		
		height: 105px;	
		vertical-align:top;
		margin-bottom: 0px;
	}
	
	#contactUsFranchiseEnquiry
	{
		float:right;		
		height: 145px;	
		vertical-align:top;
		margin-bottom: 0px;
	}
	
	.enquiryLabel
	{
		vertical-align:top;
	}
	
	.GetInTouchContactUsControls input
	{
		border:0;
		background-color:#F1F1F1;
		border: solid 1px #DCDCDC;
		color:#959698;
		font-size:8pt;
		display:inline;
		width:130px;
	}
	
	.GetInTouchContactUsControls textarea
	{
		border:0;
		background-color:#F1F1F1;
		border: solid 1px #DCDCDC;
		color:#959698;
		font-size:8pt;
		display:inline;
		width:130px;

	}
	
	.GetInTouchTextboxEnquiry
	{
		height:94px;
	}
	
	.FranchiseTextboxEnquiry
	{
		height:134px;
	}
			
	
	.GetInTouchContactUsControls .validationControl
	{
		color:Red;
	}
	
	.ImageButtonContactUsSubmit
	{
		float:right;
		margin:5px 0;
		clear:both;
	}
	
	#smalltextContainer
	{
		margin-top:10px;		
	}
	
	.smalltext
	{
		font-size:6pt;
	}
	
	#GetInTouchMap
	{
		
		/*background-image:url("Images/content/getintouch/map.jpg");           
		background-position:left top;
		background-repeat:no-repeat;*/
		width:380px;
		height:200px;
		clear:left;
		
	}
	
	/*-----Footer Container--------*/
	
	#footerContainer
	{
	    display: block;
	    width: 959px;
	    padding-top: 10px;
		background-color:White;	
		height:90px;	
		display:block;
	}
	
	#footerLine
	{
		margin-left:46px;
		margin-right: 30px;
	}
	
	#footerMBCLogo
	{
		padding-top:6px;
		margin-left: 42px;
		width:92px;		
	}
	
	#footerNavigation
	{
		width:600px;	
		float:right;	
		top:5px		
	}
	
	#footerMenu
	{
		margin-top:5px;
		margin-right:28px;
		list-style-type:none;							
		font-size:8pt;
	}	
	
	#footerMenu li
	{	
		padding: 0 4px 0 4px;		
		border-right: solid 1px gray;
		float:right;		
	}		
	
	#footerMenu li.firstListItem
	{		
		border:none;
	}	
	
	#footerMenu li a
	{	
		color:Gray;
		text-decoration:none;
		font-weight:bold;
	}
	
	#footerMenu li a:hover
	{	
		color:Gray;
		text-decoration:underline;
	}
	
	/*--- Student Zone Content ---*/
	#studentZoneLoginContainer
	{
		width:300px;
		display:block;
		border: solid 1px #EEEEEE;
		padding: 20px;
	}
	
	#studentZoneLoginContainer .AspNet-Login-UserPanel 
	{		
		margin-bottom:5px;
	}
	
	#studentZoneLoginContainer .AspNet-Login-PasswordPanel label
	{		
		margin:5px;	
	}
	
	#studentZoneLoginContainer .AspNet-Login-SubmitPanel
	{
		margin:5px;
	}
	
	#studentZoneLoginContainer .AspNet-Login-SubmitPanel input
	{
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;
		width:auto;
		width: 70px;
	}
	
	#studentZoneLoginContainer .AspNet-Login-FailurePanel
	{
		color:Red;
		margin:5px;
		font-size:10pt;
	}
	
	#DownLoadControlContainer
	{
		margin-bottom:15px;
	}
	
	#DownLoadControlContainer label
	{
		float:left;
		width:100px;
	}
	
	#DownLoadControlContainer .DropdownStyle
	{
		width:230px;
	}
	
	#DownLoadControlContainer a	
	{
		color:#000000;
		font-size:10pt;		
	}	
	
	#DownLoadControlContainer input
	{
		background-color:#A0A1A5;
		border: solid 1px #DCDCDC;
		color:#ffffff;
		border: solid 1px #ffffff;
		padding:5px;
		margin-top:10px;
		width:auto;
		width: 150px;
	}
	
	#StudentZonePasswordRecovery a
	{
		width:300px;
		color:#000000;
		font-size:10pt;	
		display: block;
	}
	
	#StudentZonePasswordRecovery span
	{
		width:300px;
		color:Red;
		font-size:10pt;	
	}
	
	/* Admin Content */
	#loginContainer
	{
		width: 300px;
		display: block;
		margin: 100px auto;
		background: #000000;
		border: solid 1px #FFFFFF;
		color: #FFFFFF;
	}
	#loginContainer *
	{
		color: #FFFFFF;
	}
	#loginContainer .AspNet-Login-TitlePanel
	{
		display: block;
		padding: 10px;
		width: 280px;
		text-align: center;
	}
	#loginContainer .AspNet-Login-UserPanel,
	#loginContainer .AspNet-Login-PasswordPanel,
	#loginContainer .AspNet-Login-RememberMePanel,
	#loginContainer .AspNet-Login-SubmitPanel
	{
		display: block;
		padding: 10px;
		width: 280px;
		text-align: right;
	}
	#loginContainer .AspNet-Login-RememberMePanel input
	{
		float: right;
	}
	#loginContainer input
	{
		color: #000000;
	}
		
	/* Gallery */
	.gallery
    {
        width: 380px;
        padding: 5px;
    }
    
    .galleryGroupPlaceHolderContainer
    {
        display: block;
        width: 100%;
        
    }    
	
	 .galleryItem
    {
        text-align: center;
        display: inline-block;
        float: left;        
        color: #FFFFFF;                        
        padding: 3px;
        
    }
	
	  .dataPager
    {
        width: 380px;
        clear:left;
        display: block;
        font-size:10pt;
    }
	
	.dataPagerButton
    {
       color:#3152AD;
       background-color:#EEEEEE;
		
    }
    
    .dataPager a
    {
    	color:#3152AD;
        text-decoration:underline;
    }
    
    .messageLabel 
    {
    	color:Red;
    	font-size:12pt;
    	padding-bottom:15px;
    }
	
	#galleryViewerContainer
	{
		margin-bottom:10px;	
		border:solid 1px #EEEEEE;
		padding:3px;
	}			
	
	/*------------ Adminsitrator CSS ------------------*/
	#AdminHtml
	{
		background-image:none;
		background-color:#FFF9E5;
	}
	
	#loginContainer
	{
		background-color:#CCD9FF;
	}
	
	#adminContainer
	{
		
		margin:0 auto;
		background: #F2F0E7;
		height:100%;
		width:980px;
		display:block;
	}		
	
	#adminHeaderContainer
	{
		
		height: 60px;
		padding: 10px;
		float: left;
		display: block;		
		clear:both;
		width:960px;
		background-color:#CCD9FF;
	}
	
	
	#adminBodyContainer
	{
		
		padding: 10px;
		display: block;
		background: #F2F0E7;
		float:left;
		width: 780px;
		margin: auto 0;
		height:100%;
		font-size:10pt;
	}		

	
	
	.admimMenu
	{
		border:none;
		border:0px;
		margin:0;
		padding:0;
		font-family:verdana,geneva,arial,helvetica,sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#8e8e8e;
		float:left;		
		background-color:#CCD9FF;
		width:180px;
	}
		
	#adminBodyContainer input.button,#adminBodyContainer input.buttonindented,  #adminBodyContainer input.buttonSearch 
	{
		background-color:#CCD9FF;		
	}	
	
	#adminBodyContainer input.buttonindented 
	{
		margin-left:115px;
	}
	
	#adminBodyContainer h2
	{
		font-weight:normal;
		
	}	
	
	#adminBodyContainer label
	{
		float:left;
		width:180px;
		margin-right:15px;
		text-align:right;		
	}
	
	.HC_div label
	{
		width:auto;
	}
	
	#adminBodyContainer .controlheaderlabel
	{
		margin:10px 0 0 0;
		display:block;
		font-size:10pt;
		color:#3366FF;
		font-weight:bold;
		float:none;				
		text-align:left;
	}
	
	#adminBodyContainer .AspNet-GridView
	{
		font-size:10pt;
	}
	
	#adminBodyContainer .AspNet-GridView-Header
	{
		background-color:#809FFF;
	}
	
	#adminBodyContainer .AspNet-GridView-Normal
	{
	 background-color:#FFF9E5;
	}
	
	#adminBodyContainer .AspNet-GridView-Alternate
	{
		background-color:#CCD9FF;
	}
	
	#adminBodyContainer fieldset div
	{
		margin:5px 0;	
		display:block;	
		min-height:20px;			
	}
	
	#adminBodyContainer .searchCriteriaContainer
	{
		display:block;
		margin: 18px 0 10px 0;
	}

	#adminBodyContainer .searchCriteria label
	{
		text-align:right;
		width:100px;
	}
	
	#adminBodyContainer .datalabel	
	{
		width:200px;
		display:inline-block;
	}
	
	#adminBodyContainer .searchCriteria
	{
		margin:15px 0 10px;
	}
	
	#adminBodyContainer .buttonSearchContainer
	{
		margin:8px 0;
	}
	
	#adminBodyContainer .buttonSearch
	{
		margin-left:115px;
	}
	
	#adminBodyContainer .buttonContainer
	{
		display:block;
		float:left;
		margin-left:195px;
		width:700px;
		
	}
	
	#adminBodyContainer .gridviewContainer
	{
		display:block;
		width:700px;
	}
	
	#adminBodyContainer input.textboxlong, #adminBodyContainer textarea.textboxlong
	{
		width:500px;
	}
	
	.sidebarmenu ul
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 13px Verdana;
	width: 180px; /* Main Menu Item widths */
	border-bottom: 1px solid #ccc;

	}
 
.sidebarmenu ul li{
	position: relative;
	}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #778;
	border-right: 1px solid #778;
	}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color: #809FFF; /*background of tabs (default state)*/
	}

.sidebarmenu ul li a:visited{
	color: white;
	}

.sidebarmenu ul li a:hover{
	background-color: black;
	}

/*Sub level menu items */
.sidebarmenu ul li ul{
	position: absolute;
	width: 170px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
	}

.sidebarmenu a.subfolderstyle{
	background: url(Images/constant_items/menuarrow.gif) no-repeat 97% 50%;
	}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
	
	
	
	/* -------Blog ---------*/
	#blog
	{
		display:block;
		width:380px;
	}
	
	#blog h3
	{
		font-weight:bold;
		font-size:12pt;
		padding:5px 0;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.blogLabel
	{
		padding-bottom:0px;
		display:inline;
		margin-bottom:0px;
		font-size:10pt;
		padding-bottom:20px;
	}
	

	#blog p
	{
		padding-bottom:5px;
	}	
	
	#blog img
	{
		width:380px;
	}
	
	#blogItem
	{
		width:380px;
	}
	
	.blogHyperLink
	{
		font-size:10pt;
		margin-top:10px;
	}
	
	 .blogWithImage
    {
        text-align: justify;
        font-size:10pt;
    }
    .blogImage
    {
        display: block;
        float: right;
        width: 246px;
        margin-left: 10px;
        border: solid 1px #EEEEEE;
    }
    
	.blogGroupPlaceHolderContainer
	{
		margin-bottom:10px;
	}
	
	#enquiryContainer .label
	{
		float:left;
		width:120px;
		
		clear:left;
		margin-right:15px;
		font-size:9pt;
		font-weight:bold;
		color:#959698;
	}
	
	#enquiryContainer
	{
		margin:2px 0;
		background-color:#F1F1F1;		
		padding-top:2px;
	}
	
	#enquiryContainer .textbox, #enquiryContainer .dropdown
	{
		width:220px;
	}
	
	#enquiryContainer p
	{
		padding:0;
		margin:5px;
		
		

	}
		
	/* Clear Fix */
     #downloadOuterContainer:after, .headerWelcomeContainer:after, .headerAboutContainer:after,
    .headerCoursesContainer:after, .headerBeyondContainer:after,
    .headerDownloadContainer:after, .headerGalleryContainer:after,
    .headerGalleryContainer:after,  .headerFAQsContainer:after, 
    .headerGetInTouchContainer:after, #Level2DiplomaContainer:after, #ContactUsContainer:after,
    #padImageContainer:after, #footerMBCLogo:after,
     .colourCodedCalendar_Container:after, #bodyRight:after, #calendarContainer:after, .contentCoursesImageContainer:after, .formEntryContainer fieldset li:after,
    .contentWelcomeImageContainer:after, .contentAboutImageContainer:after, .contentBeyondImageContainer:after,
    .contentDownloadImageContainer:after, .contentFAQsImageContainer:after,
    .contentGetInTouchImageContainer:after, #footerContainer:before, #bodyRight:after,
    #bodyContainer:after
    {
        content: " ";
        display: block;
        height: 0px;
        clear: both;
        visibility: hidden;
    }		
}