/*-------- CSS Document: Coatbridge College -------- */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	background-color:#333333;
	color:#FFFFFF;
	background-image: url(../images/CB_Background.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
}

p, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:normal;}

img { margin:0px; padding:0px; border:none;}


#wrapper {
	width:800px;
	background-image:url(../images/header.jpg);
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding-top:20px;
	padding-bottom:10px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #2A2A2A;
	
}

#header {
	height:155px;

}



#Logolink { width:300px; height:70px; float:left; margin-left:22px; margin-top:0px;}
#Logolink a{ margin:0px; padding:0px;}






#BannerText {width:780px; height:auto; margin-top:50px; font-size:2.2em; padding-right:20px; clear:both; text-align:right;}

#BannerText span { color: #66CC33;}


#Search { float:right; text-align:right; margin-right:20px; margin-top:20px;}

#Search form { margin-bottom:10px;}
#Search a { color:#FFFFFF; text-decoration:none;}
#Search a:hover { text-decoration:underline;}


#mainWrap {
	background-color: #666666;
	height:auto;
	float:left;
	width:800px;
}
#NavWrap {
	width:197px;
	height:auto;
	float:left;
	padding-right:10px;
	margin-top:5px;
}
#MainContent {
	width:367px;
	float:left;
	margin-top: 10px;
	margin-right:10px;
	padding:10px;
	background-color:#333333;
	height:270px;
}
#MainContentNOright {
	float:left;
 	width:563px;
	margin-top: 10px;
	margin-right:10px;
	padding:10px;
	background-color:#333333;
}
.NewsWrapper h5 { margin-top:30px;}
#MainContentNOright a { color:#ffcc33; text-decoration:none;}

h2 { font-size:1.5em; display:block; border-bottom:solid 1px #646464; padding-bottom:5px;}

#MainContent fieldset { display:none;}

#MainContent h3, #MainContentNOright h3 { font-size:1.4em; margin-bottom:10px;}
#MainContent a { color:#FFFFFF; text-decoration:none;}
#MainContent a:hover, #MainContentNOright a:hover { text-decoration:underline;}
#MainContent img, #MainContentNOright img {
	margin-top:1px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#MainContentWrap h2, #MainContentWrap h3, #MainContentWrap h4, #MainContentWrap h5, #MainContentWrap h6 { margin-bottom:10px;}
#MainContent h3, #MainContentNOright h3  {color:#ffcc33;}
#MainContent h4, #MainContentNOright h4 { color:#ffcc33; font-size:1.2em;}
#MainContent h5, #MainContentNOright h5 { color:#ffcc33; font-size:1.1em;}


#mainRight { float:left; width:170px; height:270px; background-color: #333333; margin-top:10px; padding:10px; padding-left:7px; }
#mainRight a { color:#FFFFFF; text-decoration:none;}
#mainRight a:hover { text-decoration:underline;}
#mainRight h3 { font-size:1.3em; margin-bottom:10px;}
#mainRight ul {margin-left:20px; margin-top:5px; padding:0px;}


#CTAWrap { height:auto; float:left; clear:both; padding:5px; width:800px; }




#footer { width:780px; margin-left:auto; margin-right:auto; text-align:left; padding:10px; height:100px; clear:both; font-size:0.8em;}
.footLeft { float:left;}
.footRight { float:right; width:500px; text-align:right;}
.footRight a { color:#FFFFFF; text-decoration:none;}
.footRight a:hover { text-decoration: underline;}
.clear { clear:both;}

.sponsors { clear:both; float:left; margin-top:10px; width:780px; text-align:right; clear:both;}

/*------------------------NewsArea----------------------*/

#MainContent .NewsWrapper h3 { font-size:1.1em; font-weight:bold; margin-top:10px; margin-bottom:5px;}

#MainContentNOright .NewsWrapper h3 { font-size:1.1em; font-weight:bold; margin-top:10px; margin-bottom:5px;}

#MainContentNOright .NewsWrapper { margin-bottom:20px;}

#MainContent .NewsWrapper h3 a{ color:#ffcc33; }

/*------------------------Homepage Search----------------------*/
#header .searchbox { width:210px;}
#header .searchbox input { float:left; width:163px; margin-right:-10px;}
#header .searchbox .btn { float:right;}

#mainRight .CourseFindWrapper {
	width:170px;
}

#mainRight #CourseFind_submit { color:#FFFFFF;}
#mainRight .CourseFindWrapper #course_type { width:167px;}
#mainRight .CourseFindWrapper #subjectarea { width:167px;}
#mainRight .CourseFindWrapper #qualification { width:167px;}
#mainRight .CourseFindWrapper #keyword_search { width:163px;}
#mainRight .CourseFindWrapper #CourseFind_submit { float:right; margin-top:5px;}


/*------------------------Mixed pagestyles----------------------*/

.Who .who1 { background-color:#191919;}
hr { clear:both;}
#MainContentNOright .Funding { background-color:#191919; padding:10px;}
#MainContentNOright .Funding a { text-decoration:underline; color:#ffcc33;}
legend {color:#ffcc33;}

#Skip {display:none;}
/*------------------------Innersite Search----------------------*/


#MainContentNOright #course_type { margin:5px;}
#MainContentNOright #subjectarea { margin:5px;}
#MainContentNOright #qualification { margin:5px;}
#MainContentNOright #keyword_search { margin:5px;}
#MainContentNOright #CourseFind_submit { margin-top:5px; margin-bottom:5px; float:right;}
#MainContentNOright .CourseItemWrap {
	background-image:url(../images/prospectus.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom:15px;
}

#MainContentNOright #course_type option{ width:217px; }
#MainContentNOright #qualification option { width:217px;}
#MainContentNOright #keyword_search { width:244px;}
#CourseFindWrapperTbl td { padding-right:10px;}

.CourseSearchResults { border: solid 1px #000000;}
.CourseSearchResults th { background-color:#202020;}
#Results { padding:5px; border: solid 1px #000000;}
#Results h4 { display:block; padding:5px; background-color:#202020;}
#Results p { padding:5px;}
#Results table span {  font-weight:bold; }
#Results dl { padding:5px;}
#Results dd { margin-left:0px;  margin-top:5px; margin-bottom:10px;} 
#Results dt { font-size:1.2em;  padding:5px; color:#FFCC33; margin-bottom:20px; border-top:solid 1px #747474;}
#Results dd ul { margin-bottom:10px;}
#MainContentNOright .CourseSearchResults .odd { background-color: #5B5B5B;}



.CourseItemWrap2 .Automotive_Transport {
	background-image: url(../images/bg_auto.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.CourseItemWrap2  table { margin:10px; margin-bottom:20px;}
.CourseItemWrap2 .Beauty_ComplementaryTherapies {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/Beauty_bg_pros.gif);
}
.CourseItemWrap2 .Business_InformationTechnology {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/business_bg_pros.gif);
}
.CourseItemWrap2 .ChildCare {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_education.gif);
}
.CourseItemWrap2 .Computing_CreativeTechnologies {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_computing.gif);
}
.CourseItemWrap2 .Dental {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_dental.gif);
}
.CourseItemWrap2 .GeneralEducation {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/general_bg_pros.gif);
}
.CourseItemWrap2 .Hairdressing_Make-upArtistry {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_hairdressing.gif);
}
.CourseItemWrap2 .HealthCare {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/health_bg_pros.gif);
}
.CourseItemWrap2 .PerformingArts {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_performing.gif);
}
.CourseItemWrap2 .Science {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_science.gif);
}
.CourseItemWrap2 .SocialCare_Counselling {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/social_bg_pros.gif);
}
.CourseItemWrap2 .SupportforLearning {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_support.gif);
}

.CourseItemWrap2 .LearnerDevelopment_Progression {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_learner.gif);
}

.CourseItemWrap2 .HealthandSocialCare {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_health.gif);
}

.CourseItemWrap2 .Business_Management {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_business.gif);
}

.CourseItemWrap2 div {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_beauty.gif);
}


.CourseItemWrap2 .LearnerDevelopment_Progression {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/bg_skills.gif);
}






#MainContentNOright table ul { padding-left:20px;}

/*---------------Personal Prospectus--------------*/

#ProWrap { width:800px; margin-left:auto; margin-right:auto;}

.Access_logos { clear:both; padding-bottom:10px;}
.searchbox label { display:none;}
.spacer { display:none;}

#CTAWrap table { font-size:1.0em;}

#google_results IFRAME {width: 400px;}

.footRight span a:hover { color:#FF9933; text-decoration:none;}

#AccessKeys {position: absolute; height:1px; width:1px; overflow:hidden;}