/*--------------------------------------------------------------
Basic Style Sheet for City College Glasgow

version:	2
author:		Lel Palfrey
email:		info@stormid.com
website:	http://www.stormid.com
--------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}
	

.print-logo{
    display: none;
    }
	
#search label{
    display: none;
    }
	
		
body {
	margin:0; 
    padding:0;
	background-color: #ffffff;
	font-size: 62.5%;
	font-family:arial, verdana,  sans-serif;
	color: #000000;
	}
	
body#BodyTag {
	color:#666666;
	background-color: #f6f5f3;
	background-image:url(../images/common/bg-top.jpg);
	background-repeat :  repeat-x;
	font-family:arial,verdana,sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
    }	
a{
	background:url(../images/common/underline-dotted.gif) repeat-x bottom left;
	text-decoration:none;
	}
	
a:hover{
	background:none;
	text-decoration:none;
	}
	
a:focus {
	outline: none;
	}

	
strong {
    font-weight:bold;
    }
    
p
{
    font-size: 1.2em;
}
	
/* = Resets
--------------------------------------------------------------*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	}
	
table{
	border-collapse:collapse;
	border-spacing:0;
	}
	
fieldset,img{
	border:0;
	}
	
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style:inherit;
	font-weight:inherit;
	}
	
del,ins{
	text-decoration:none;
	}
	
li{
	list-style:none;
	}
	
caption,th{
	text-align:left;
	}
	
q:before,q:after{
	content:'';
	}
	
abbr,acronym{
	border:0;
	font-variant:normal;
	}
	
sup{
	vertical-align:baseline;
	}
	
sub{
	vertical-align:baseline;
	}
	
input,button,textarea,select,optgroup,option{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	}
	
 input:focus{
	 border: none;
 	}
 	
/* = Breadcrumb
--------------------------------------------------------------*/
#navigate-breadcrumb {
    background-color:transparent;
    padding:5px 0 0 20px;
    font-size: 1.1em;
    color: #505051;
    }
    
#navigate-breadcrumb ul {
    display:inline;
    }
    
#navigate-breadcrumb ul li {
    display:inline;
    }
    
#navigate-breadcrumb ul li a {
    background-image:url(../images/navigation/divide.gif);
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:15px;
    text-decoration: underline;
    color: #505051;
    }
    
#navigate-breadcrumb ul li a:hover {
    text-decoration: none;
    }
	
/* = main headers
--------------------------------------------------------------*/	
h2{
	background-color:#7D4199;
	color: #ffffff;
	margin: 0;
	padding: 0;
	}
	
/* more information */
h2.why-central-college-h,
h2.a-z-h,
h2.faqs-h,
h2.accreditation-h,
h2.news-events-h{
	color: #ffffff;
	display:block;
	position:relative;
	width:235px;
	height:27px;
	font-size:1.4em;
	}
	
h2.accreditation-h{
    background-color: #ccc2b8;
    padding: 10px 0 0 10px;
    width:225px;
    font-size:1.6em;
    font-weight:bold;
    }
    
h2.news-events-h{
    padding: 10px 0 0 10px;
    width:225px; 
    font-size:1.6em;
    font-weight:bold;
    }
	
h2.why-central-college-h span {
	background:transparent url(../images/common/why-central-college-h.jpg) no-repeat scroll left top;
	position:absolute;
	width:235px;
	height:27px;
	margin: 0;
	padding: 0;
	}
	
h2.a-z-h span {
	background:transparent url(../images/common/h-a-z.jpg) no-repeat scroll left top;
	position:absolute;
	width:235px;
	height:27px;
	}
	
h2.faqs-h span {
	background:transparent url(../images/common/h-faq.jpg) no-repeat scroll left top;
	position:absolute;
	width:235px;
	height:27px;
	}
	
/*h2.accreditation-h span {
	background:transparent url(../images/common/h-accreditation.jpg) no-repeat scroll left top;
	position:absolute;
	width:235px;
	height:27px;
	margin: 0;
	padding: 0;
	}*/
	
/*h2.news-events-h span {
	background:transparent url(../images/common/h-news.jpg) no-repeat scroll left top;
	position:absolute;
	width:235px;
	height:27px;
	margin: 0;
	padding: 0;
	}*/

/* = Generic 
--------------------------------------------------------------*/	
.divclear {
	margin: 0px;
	padding: 0px;
	clear: both;
	}
	
/* = Accreditation logos
--------------------------------------------------------------*/
.accreditation-logos ul.items{
    padding: 0;
    margin: 20px 0 0 0;  
    }
    
#main-content-3-cols #right-content .accreditation-logos ul.items li{
    height: 105px;
    width: 105px;
    float: left; 
    background-color: White;
    margin: 0 10px 10px 0px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center top;
    }

.accreditation-logos ul.items li a{
    background-repeat: no-repeat;
    background-image: url(../images/common/landing-page-box-bottom.gif);
    background-position: right bottom;
    display: block;
    height: 105px;
    width: 105px;
    }  
    
.accreditation-logos ul.items li.ListItem4,
.accreditation-logos ul.items li.ListItem8,
.accreditation-logos ul.items li.ListItem12{
    margin-right: 0;
    display: inline;
    }
      
.accreditation-logos ul.items li a span{
    display: none;
    }
/* = Courses images
--------------------------------------------------------------*/
#main-content-3-cols #right-content .course-image ul.items{
    padding: 0;
    margin:0; 
    position: relative;
    }
    
#main-content-3-cols #right-content .course-image ul.items li{
    height: 105px;
    width: 220px;
    float: left; 
    display: block;
    /*background-color: #ccc;*/
    position: relative;
    background:none;
    }
    
#main-content-3-cols #right-content .course-image ul.items li.Item{
    padding: 0;
    margin: 0 10px 10px 0;
    position:relative;
    display: block;
    }
    
/*#main-content-3-cols #right-content .course-image ul.items .Item a{
    position: absolute;
    display: block;
    background-color: White;
    color: #7D4199;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 28px;
    height: 28px;
    width: 210px;
    padding: 0 20px 0 0;
    margin: 0;
    text-align: left;
    background:url(../images/common/courses-link-icon.jpg) no-repeat right center;
    overflow: hidden;
    }*/

#main-content-3-cols #right-content .course-image ul.items li.Item a
{
    background:transparent url(../images/common/courses-link-icon.jpg) no-repeat scroll right center;
    bottom:0;
    color:#7D4199;
    display:block;
    font-size:1.1em;
    font-weight:bold;
    height:25px;
    left:0;
    line-height:25px;
    margin:0;
    padding:0 20px 0 10px;
    position:absolute;
    width:190px;
}

#main-content-3-cols #right-content .course-image ul.items li.ListItem2,
#main-content-3-cols #right-content .course-image ul.items li.ListItem4,
#main-content-3-cols #right-content .course-image ul.items li.ListItem6,
#main-content-3-cols #right-content .course-image ul.items li.ListItem8,
#main-content-3-cols #right-content .course-image ul.items li.ListItem10{
    margin-right: 0;
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem1{
    background-image:url(../images/common/courses-images-1.jpg);
    }  
  
#main-content-3-cols #right-content .course-image ul.items li.ListItem2{
    background-image:url(../images/common/courses-images-2.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem3{
    background-image:url(../images/common/courses-images-3.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem4{
    background-image:url(../images/common/courses-images-4.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem5{
    background-image:url(../images/common/courses-images-5.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem6{
    background-image:url(../images/common/courses-images-6.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem7{
    background-image:url(../images/common/courses-images-7.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem8{
    background-image:url(../images/common/courses-images-8.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem9{
    background-image:url(../images/common/courses-images-9.jpg);
    }

#main-content-3-cols #right-content .course-image ul.items li.ListItem10{
    background-image:url(../images/common/courses-images-10.jpg);
    }

/* = logo home link
--------------------------------------------------------------*/
#header h1 {
	color:#333333;
	display:block;
	height:83px;
	position:relative;
	width:233px;
	font-size: 1.6em;
	}
	
#header h1 span {
	background:transparent url(../images/common/logo.jpg) no-repeat scroll left top;
	height:100%;
	position:absolute;
	width:100%;
	}
	
/* = Main navigation
--------------------------------------------------------------*/
	
ul#main-navigation{
	margin: 0;
	padding: 0;
	/*width: 537px;*/
	/*height: 33px;*/
	}
	
ul#main-navigation li{
	list-style:none;
	float:left;
	margin: 0 1px 0 0 ;
	}
	
/* new html nav*/	
.navigation ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
.navigation li {
  float:left;
  background:url(../images/navigation/left.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
  
.navigation a {
  float:left;
  display:block;
  background:url(../images/navigation/right.gif) no-repeat right top;
  padding:10px 15px 9px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#7D4199;
  font-size: 1.4em;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.navigation a {float:none;}
/* End IE5-Mac hack */

.navigation a:hover 
{
  background:url(../images/navigation/right.gif) no-repeat right top;
  color:#9d8f82;
  }
  
.navigation .selected {
  background-image:url(../images/navigation/left_on.gif);
  }
  
.navigation .selected a {
  background-image:url(../images/navigation/right_on.gif);
  color:#ffffff;
  padding-bottom:10px;
  }
  
.navigation .selected a:hover {
  background-image:url(../images/navigation/right_on.gif);
  color:#ffffff;
  padding-bottom:10px;
  }
		
/* = Main divs
--------------------------------------------------------------*/
#wrapper{
	width: 1013px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding: 0;
	}
	
#header{
	color: #ffffff;
	padding: 0;
	margin:9px 0 10px 0;
	height: 163px;
	position: relative;
	}
	
.logo{
	width: 233px;
	height: 83px;
	margin: 0 20px 0 10px;
	padding: 0;
	float: left;
	display: inline;
	}
	
.strap-line{
	padding: 0;
	margin:0 0 27px 0;
	width: 432px;
	float: left;
	}
	
.navigation{
	/*width: 600px;*/
	float: left;
	padding: 0;
	margin: 2px 0 0 20px;
	display:inline;
	}
	
/* holds tertiary nav and search area */	
.tertiary-nav-search{
	margin: 0;
	padding: 0;
	width: 340px;
	/*float: right;*/
	background:url(../images/navigation/top-nav-back.jpg) top left no-repeat;
	position: absolute;
	right: 24px;
	top: 0;
	}
	
ul.tools-nav{
	margin: 0 0 0 7px;
	padding: 0;
	width: 324px;
	height: 35px;
	}
	
ul.tools-nav li{
	float: left;
	padding: 10px 0 0 0;
	}
	
ul.tools-nav li a{
	color: #9d8f82;
	font-size: 1.1em;
	font-weight: bold;
	background:url(../images/navigation/nav-sep.jpg) center left no-repeat;
	padding: 0 8px 0 8px;
	text-decoration: underline;
	}
	
ul.tools-nav li a:hover
{
    text-decoration: none;  
}
	
ul.tools-nav li{
	float: left;
	}
	
ul.tools-nav li.first a{
	background: none;
	color: #9d8f82;
	font-size: 1.1em;
	font-weight: bold;
	}
	
/* search */
#search{
	width: 240px;
	position:absolute;
	top: 62px;
	right: 24px;
	}	
	
#search .text-field{
	float: left;
	background:url(../images/common/text-field-back.jpg) top left no-repeat;
	width: 190px;
	height: 25px;
	}
	
#search .text-field input{
	border: 0;
	background-color: transparent;
	color:#9d8f82;
	padding: 6px;
	width: 180px;
	font-size:1em;
	}
	
#search .button input.primary-search-button {
	float: left;
	background-color:transparent;
	background-image:url(../images/common/search-btn.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:83%;
	height:25px;
	margin:0;
	overflow:hidden;
	padding:25px 0 0;
	width:50px;
	}
	
#search .button input.primary-search-button:hover {
background-image:url(../images/common/search-btn.jpg);
background-position:0 -25px;
}

	
/* search field */
/*.search{
	margin: 60px 0 0 0;
	padding: 0;
	}
	
.search #keyword {
	border:1px solid #7D4199;
	color:#9d8f82;
	font-size:1em;
	padding:5px;
	width:178px;
	}
	
.search label {
	display:none;
	text-indent:-9999px;
	width:0;
	}
	
.search p {
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.primary-search-button{
	background-color:#FFF;
	font-size:1em;
	padding:4px;
	border: 1px #7D4199;
	color:#9D8F82;
	}


input.primary-search-button  {
	border:0;
	
	} */
	
/* wraps main content */	
#main-content-4-cols{
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	width: 1013px;
	}
	
#main-content-3-cols{
	position: relative;
	padding: 0;
	margin: 0 0 50px 0;
	width: 1013px;
	}
	


#main-content-3-cols #left-content{
    /*float:left;*/
    margin:0;
    padding:0 0 20px 0;
    position:relative;
    width:256px;
    background:transparent url(../images/common/sub-nav-left-bottom-back-new.jpg) no-repeat scroll left bottom;
    }
    
#main-content-3-cols #bottom-nav-shadow{
    float:left;
    margin:0 10px 0 0;
    padding:0;
    position:relative;
    width:256px;
    background:transparent url(../images/common/sub-nav-left-top-back-new.jpg) no-repeat scroll left top;
    }
    
#main-content-3-cols #left-content div{
    display:inline;
    float:left;
    margin:20px 1px 0 20px;
    padding:0;
    } 
    
    
#main-content-3-cols #left-content div ul{
    width: 235px;
    background-color: #ece9e5;
    margin: 0;
    padding: 0;
    } 
    
#main-content-3-cols #left-content div ul li{
    font-size: 1.3em;
    } 

#main-content-3-cols #left-content div ul li a{
    display: block;
    border-bottom: 1px solid #ffffff;
    width: 215px;
    margin: 0;
    padding: 10px;
    color: #231f20;
    background: none;
    }

#main-content-3-cols #left-content div ul li a:hover{
    color: #ffffff;
    background-color: #9d8f82;
    } 

#main-content-3-cols #left-content div ul li.selected a{
    color: #ffffff;
    background-color: #9d8f82;
    } 

#main-content-3-cols #left-content div ul li a ul{
    width: 235px;
    background-color: #ece9e5;
    margin: 0;
    padding: 0;
    }

#main-content-3-cols #left-content div ul li.selected ul li.subNavigation{
    font-size: 0.8em;
    } 

/* sub nav active */
#main-content-3-cols #left-content div ul li.selected ul li.subNavigation a{
    background-color: #d8d2cc;
    color:#333333;
    }

/* sub nav selected */
#main-content-3-cols #left-content div ul li.selected ul li.selected a{
    background-color: #ccc5bd;
    color: #ffffff;
    }

/* sub nav hover */
#main-content-3-cols #left-content div ul li.selected ul li.subNavigation a:hover{
    background-color: #ccc5bd;
    color: #ffffff;
    }

#main-content-3-cols #left-content div ul li.selected ul li.subNavigation a span{
    padding: 0 0 0 10px;
    width: 200px;
    display: block;
    }
  	
#main-content-3-cols #right-content {
    float:left;
    margin:0;
    padding:0;
    position:relative; 
    width:746px;
    background:transparent url(../images/common/hero-right-top-back.jpg) no-repeat scroll right top;
    } 
    

    
#main-content-3-cols #right-content .right-content-left{
    background-color:#EDEAE8;
    width: 460px;
    float: left;
    padding: 10px 10px 30px 10px;
    margin:0;
    position: relative;
    }
 
/* bottom shadow for mid column main template*/    
#main-content-3-cols #right-content .right-content-left .bottom-shadow{
    position: absolute;
    bottom: -23px;
    left: -20px;
    background:url(../images/common/new-bottom-left.png) no-repeat left bottom;
    width: 258px;
    height: 132px;
    margin:0;
    z-index: -1000;
    }
    
#main-content-3-cols #right-content #course-wrapper .course-content .course-info .bottom-shadow{
    position: absolute;
    bottom: -23px;
    left: -20px;
    background:url(../images/common/new-bottom-left.png) no-repeat left bottom;
    width: 258px;
    height: 132px;
    margin:0;
    z-index: -1000;
    }
    
/* search results, legals, copyright */   
.search-results #main-content-3-cols #right-content .right-content-right,
.copyright #main-content-3-cols #right-content .right-content-right,
.terms-and-conditions #main-content-3-cols #right-content .right-content-right{
    width: 255px;
    float: left;
    padding: 0 0 20px 0;
    margin:20px 0 0 10px;
    background: url(../images/common/bottom-right-back.jpg) bottom right no-repeat;
    } 
    
.search-results #main-content-3-cols #right-content .right-content-left h2,
.copyright #main-content-3-cols #right-content .right-content-left h2,
.terms-and-conditions #main-content-3-cols #right-content .right-content-left h2  {
    color: #231F20;
    font-weight: bold;
    font-size: 1.8em;
    background-color: Transparent;
    padding: 0 0 5px 0;
    margin: 10px 0 20px 0;
    border-bottom: 1px solid #231F20;
    }
    
.search-results #main-content-3-cols,
.copyright #main-content-3-cols,
.terms-and-conditions #main-content-3-cols{
	position: relative;
	padding: 0;
	margin: 0 0 20px 0;
	background:transparent url(../images/common/sub-nav-left-top-back-new.jpg) no-repeat scroll left top;
	width: 1013px;
	}
    
.search-results #main-content-3-cols #right-content,
.copyright #main-content-3-cols #right-content,
.terms-and-conditions #main-content-3-cols #right-content{
    margin-right:auto;
    margin-left: auto;
    padding:0;
    position:relative;
    width:1013px;
    background:transparent url(../images/common/hero-right-top-back.jpg) no-repeat scroll right top;
    } 
    
.search-results #main-content-3-cols #right-content .right-content-left,
.copyright #main-content-3-cols #right-content .right-content-left,
.terms-and-conditions #main-content-3-cols #right-content .right-content-left{
    width: 748px;
    float: left;
    background:transparent url(../images/common/sub-nav-left-bottom-back-new.jpg) no-repeat scroll left bottom;
    margin:0;
    padding:0 0 20px;
    }

.search-results #main-content-3-cols #right-content .right-content-left .searchPage{
    background-color:#EDEAE8;
    margin: 20px 0 0 20px;
    padding: 10px;
    }
    
#main-content-3-cols #right-content .right-content-left .legals-page{
    background-color:#EDEAE8;
    margin:20px 0 0 20px;
    padding:10px;
    }
       
ol.searchresult{
    margin: 0;
    padding: 0;
    }
    
ol.searchresult li {
    background:transparent url(../images/common/course-bullet.jpg) no-repeat left 6px;
   /* font-size:1.2em;*/
    line-height:1.8em;
    padding:0 10px 0 10px;
    margin: 0 0 20px 0;
    }
    
ol.searchresult li h3 a{
    color:#7D4199;
    text-decoration: underline;
    }

ol.searchresult li h3 a:hover{
    text-decoration: none;
    } 

    
ol.searchresult li p {
    padding:0;
    }
    
#main-content-3-cols #right-content #course-wrapper{
    background:url(../images/common/course-info-back.jpg) no-repeat left top;
    width: 725px;
    padding: 0;
    margin: 0;
    }
    
#main-content-3-cols #right-content #course-wrapper .course-content{
    width: 725px;
    float: left;
    margin:0;
    }

#main-content-3-cols #right-content #course-wrapper .course-content .course-info{
    width: 460px;
    float: left;
    padding:10px;
    } 

#main-content-3-cols #right-content #course-wrapper .course-content .course-info ul{
    margin: 10px 0 20px 0;
    padding: 0;
    }

#main-content-3-cols #right-content #course-wrapper .course-content .course-info ul li{
    font-size: 1.2em;
    line-height: 1.8em;
    background:url(../images/common/course-bullet.jpg) no-repeat left 6px;
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
    }

#main-content-3-cols #right-content .right-content-left ul{
    margin: 10px 0 20px 0;
    padding: 0;
    }

#main-content-3-cols #right-content .right-content-left ul li{
    font-size: 1.2em;
    line-height: 1.8em;
    background:url(../images/common/course-bullet.jpg) no-repeat left 7px;
    padding: 0 0 0 10px;
    margin: 0 0 10px 0;
	zoom: 1;
    }
    
#main-content-3-cols #right-content .right-content-left ul li a{
    color: #7D4199;
    font-weight: bold;
    text-decoration: underline;
    }
    
#main-content-3-cols #right-content .right-content-left ul li a:hover{
    text-decoration: none;   
    }
      
#main-content-3-cols #right-content .right-content-left ul li h3 a{
    color: #7D4199;
    font-weight: bold;
    text-decoration: underline;
    }

#main-content-3-cols #right-content .right-content-left ul li span{
    color: #333333;
    font-weight: bold;
    font-size: 1em;
    }

#main-content-3-cols #right-content .right-content-left ul li p{
   font-size:1em; 
    }

#main-content-3-cols #right-content #course-wrapper .course-content .course-info p{
    line-height: 1.8em;
    padding: 0 0 20px 0;
    }
    
/* link styles for main content area */   
#main-content-3-cols #right-content #course-wrapper .course-content .course-info p a,
#main-content-3-cols #right-content .right-content-left p a{
    color: #7D4199;
    font-weight: bold;
    text-decoration: underline;
    }
    
#main-content-3-cols #right-content #course-wrapper .course-content .course-info p a:hover,
#main-content-3-cols #right-content .right-content-left p a:hover{
    text-decoration: none;
    }

#main-content-3-cols #right-content #course-wrapper .course-content .course-info h3{
    font-size: 1.3em;
    color: #333333;
    border-bottom: 1px solid #333333;
    padding-bottom: 5px;
    }

#main-content-3-cols #right-content #course-wrapper .course-nuggets{
    float:left;
    margin:30px 0 0 10px;
    padding:0 0 20px;
    width:235px;   
    }
       
#main-content-3-cols #right-content .right-content-left p{
    line-height: 1.8em;
    }

#main-content-3-cols #right-content .right-content-left h1{
    font-size: 2em;
    padding: 0 0 10px 0;
    }

#main-content-3-cols #right-content .right-content-left h3{
    font-size: 1.2em;
    font-weight: bold;
    }

#main-content-3-cols #right-content .right-content-right{
    width: 255px;
    float: left;
    padding: 0 0 20px 0;
    margin: 0 0 0 10px;
    background: url(../images/common/bottom-right-back.jpg) bottom right no-repeat;
    } 
    
#main-content-3-cols #right-content .right-content-right .nugget-faqs,
#main-content-3-cols #right-content .right-content-right .nugget-funding,
#main-content-3-cols #right-content .right-content-right .nugget-community{
    width: 235px;
    }
      
#main-content-3-cols #right-content .right-content-left h2  {
    color: #231F20;
    font-weight: bold;
    background-color: Transparent;
    padding: 0;
    margin: 20px 0 10px 0;
    border-bottom: 1px solid #231F20;
    } 
   
    
/* accreeditatio hero */   
.accreditation #main-content-3-cols #right-content .hero-banner{
    width: 725px;      
    height: 140px;
    background:transparent url(../images/common/accreditation-hero.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* our courses hero */   
.our-courses #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-our-courses.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* funding hero */   
.funding #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-funding.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* business services hero */   
.business-services #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-business-services.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* why-central-college hero */   
.why-central-college #main-content-3-cols #right-content .hero-banner,
.why-city-of-glasgow-college #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-why-central.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* contact us hero */   
.contact-us #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-contact-us.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
/* search results hero */   
.search-results #main-content-3-cols #right-content .hero-banner{
    width: 725px;
    height: 140px;
    background:transparent url(../images/common/hero-contact-us.jpg) no-repeat left top;
    margin:20px 20px 10px 0;
    padding:0;
    }
    
.accreditation #main-content-3-cols #right-content .hero-banner p,
.our-courses #main-content-3-cols #right-content .hero-banner p,
.funding #main-content-3-cols #right-content .hero-banner p,
.business-services #main-content-3-cols #right-content .hero-banner p,
.why-central-college #main-content-3-cols #right-content .hero-banner p,
.why-city-of-glasgow-college #main-content-3-cols #right-content .hero-banner p,
.search-results #main-content-3-cols #right-content .hero-banner p{
    color: #ffffff;
    padding: 0 0 0 8px;
    font-size: 1.2em;
    }

.accreditation #main-content-3-cols #right-content .hero-banner h1,
.our-courses #main-content-3-cols #right-content .hero-banner h1,
.funding #main-content-3-cols #right-content .hero-banner h1,
.business-services #main-content-3-cols #right-content .hero-banner h1,
.why-central-college #main-content-3-cols #right-content .hero-banner h1,
.why-city-of-glasgow-college #main-content-3-cols #right-content .hero-banner h1,
.search-results #main-content-3-cols #right-content .hero-banner h1{
    color: #ffffff;
    padding: 100px 0 0 8px;
    font-size: 2.4em;
   /* width: 378px;*/
    }

/* left main */
#left-content{
	width: 746px;
	padding: 0;
	margin: 0 10px 0 0;
	position: relative;
	float: left;
	}
	
.main-image-container{
    width: 433px;
    height: 343px;
    margin-left: 56px;
    border-left:1px solid white;
    }
    
#top-content ul.items{
    position: relative;
    width: 726px;
    height: 343px;
    }

.thumb0{
    position: absolute;
    top: 0;
    left: 0;
    }

.thumb1{
    position: absolute;
    top: 68px;
    left: 0;
    }
    
.thumb2{
    position: absolute;
    top: 136px;
    left: 0;
    }
    
.thumb3{
    position: absolute;
    top: 204px;
    left: 0;
    }
    
.thumb4{
    position: absolute;
    top: 272px;
    left: 0;
    }

.thumb5{
    position: absolute;
    top: 340px;
    left: 0;
    }

/* left top main */	
#left-content #top-content{
	padding: 20px 0 0 20px;
	margin:0 0 10px 0;
	position: relative;
	background: url(../images/common/home-left-top-back.jpg) top left no-repeat;
	}

/* left top main - left side */
#left-content #top-content .left {
	padding:0;
	margin: 0 1px 0 0;
	background-color:#BDC0C1;
	float: left;
	display: inline;
	width: 490px;
	background-position:57px top;
    background-repeat:no-repeat;
}
/* left top main - middle */	
#left-content #top-content .middle{
	padding:0;
	margin: 20px 1px 10px 0;
	background-color: #FF0;
	float: left;
	width: 100px;
	}

/* left top main - right side */
#left-content #top-content .right-top{
	margin: 0;
	padding: 0;
	float: left;
	background-color:#BDC0C1;
	width: 235px;
	height: 223px;
	color: #ffffff;
	display: inline;
	}
	
#left-content #top-content .right-top p.header{
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 10px;
	}
	
#left-content #top-content .right-top .body{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0;
	padding: 0 10px 10px 10px;
	}
/* left top main - right side */
#left-content #top-content .right-bottom{
	margin:0;
	padding: 0;
	float: left;
	background-color:#ADB0B2;
	width: 235px;
	color: #ffffff;
	height: 120px;
	display: inline;
	}
	
#left-content #top-content .right-bottom ul{
	margin: 10px 0 0 25px;
	}
	
#left-content #top-content .right-bottom ul li{
	list-style:disc;
	font-size: 1.4em;
	line-height: 1.5em;
	}
	
#left-content #top-content .right-bottom ul li a{
	color: #ffffff;
	font-weight: bold;
	}

/* left bottom main */	
#left-content #bottom-content{
	width: 746px;
	position: relative;
	/*height: 227px;*/
	float: left;
	background: url(../images/common/home-left-bottom-back.jpg) bottom left no-repeat;
	margin: 0;
	padding: 0 0 20px 0;
	display: inline;
	}	
	
#left-content #bottom-content p.text{
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.6em;
	padding: 16px 5px 12px 10px;
	}
	
#left-content #bottom-content p.text a{
	color: #ffffff;
	font-weight: bold;
	}
	
/* left bottom main - left side */
#left-content #bottom-content .left{
	padding:0;
	margin: 0 10px 0 20px;
	background-color:#ADB0B2;
	float: left;
	width: 235px;
	display: inline;
	}
	
#left-content #bottom-content .left h2{
    padding: 5px 5px 5px 10px;
    font-size:1.5em;
    font-weight:bold;
    }

/* left bottom main - middle */
#left-content #bottom-content .middle{
	padding:0;
	margin: 0 10px 0 0;
	background-color: #ADB0B2;
	float: left;
	width: 235px;
	display: inline;
	}
	
#left-content #bottom-content .middle h2{
    padding: 5px 5px 5px 10px;
    font-size:1.5em;
    font-weight:bold;
    }

/* left bottom main - right side */
#left-content #bottom-content .right{
	margin:0;
	padding: 0;
	float: left;
	background-color:#ADB0B2;
	width: 235px;
	display: inline;
	}
	
#left-content #bottom-content .right h2{
    padding: 5px 5px 5px 10px;
    font-size:1.5em;
    font-weight:bold;
    }

/* right main */
#right-content{
	width: 256px;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	}
	
/* right top main */	
#right-content #top{
	width: 256px;
	margin: 0 0 13px 0;
	padding: 0;
	height: 290px;
	position: relative;
	background: url(../images/common/home-right-top-back.jpg) top right no-repeat;
	}

/* accreditation */
#right-content #top .accreditation-list{
	background-color:#ccc2b8;
	color: #ffffff;
	padding: 0;
	margin: 20px 20px 0 0;
	float: left;
	width: 235px;
	height: 270px;
	display: inline;
	position: relative;
	}
	
#right-content #top .accreditation-list p.text{
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.6em;
	padding: 16px 10px 16px 0;
	position: absolute;
	bottom: 0;
	}
	
#right-content #top .accreditation-list p.text a{
	color: #ffffff;
	font-weight: bold;
	}
	
/* right bottom main */	
#right-content #bottom{
	width: 256px;
	position: relative;
	/*height: 290px;*/
	/*background-color:#0F0;*/
	background: url(../images/common/home-right-bottom-back.jpg) bottom right no-repeat;
	margin: 0;
	padding: 0 0 12px 0;
	}
	
/* accreditation */
#right-content #bottom .news-events{
	background-color:#7D4199;
	color: #ffffff;
	padding: 0;
	margin: 0 0 10px 0;
	width: 235px;
	height: 274px;
	overflow: hidden;
	position: relative;
    }
	
#right-content #bottom .news-events p.headline{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	line-height: 1.6em;
	padding: 5px 5px 0 0;
	}
#right-content #bottom .news-events p.headline a {
	color: #ffffff;
    }	
    
#right-content #bottom .news-events p.date{
    margin-top:10px;
    }
    
#right-content #bottom .news-events p.text{
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.6em;
	padding: 0 10px 0px 10px;
	}
	
#right-content #bottom .news-events p.link-to-all{
    padding: 10px 10px 18px 10px;
    margin: 0;
	position: absolute;
	bottom:0;
    }
    
#right-content #bottom .news-events p.link-to-all a{
	color: #ffffff;
	font-weight: bold;
    }
	
#right-content #bottom .news-events p.image{
	float: left;
	padding: 0;
	margin: 10px;
	border: 1px solid #ffffff;
	display:inline;
	}

#right-content #bottom .news-events p.headline,
#right-content #bottom .news-events p.date{
	display: block;
    }
	
.nugget-faqs a,
.nugget-funding a,
.nugget-community a{
	display: block;
	height: 168px;
	width: 235px;
	}
    
.nugget-faqs,
.nugget-funding,
.nugget-community{
    padding: 0;
    margin: 0 0 10px 0;
    }
	
.nugget-community{
	padding: 0;
    margin: 0;
	}
		
/* = Footer
--------------------------------------------------------------*/
#footer-wrapper{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding: 40px 0 10px 0;
	background:#D3D5D6 url(../images/common/footer-back.jpg) top left repeat-x;
	}
	
.list-wrapper{
	width: 970px;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../images/common/footer-sep.gif) repeat-y center top;
	margin-bottom: 10px;
	position:relative;
	}
	
.list-wrapper .left h3{
	font-size: 1.4em;
	font-weight: bold;
	list-style:none;
	margin: 0 0 15px 0;
	}
	
.list-wrapper .left p.brand{
	width: 154px;
	height: 40px;
	/*float: left;*/
	margin: 0 20px 10px 0;
	padding: 0;
	}
	
.list-wrapper .left p.address{
	width: 150px;
	/*float: left;*/
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	}
	
.list-wrapper .left{
	width: 300px;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	color:#FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	}
	
.list-wrapper div.middle{
	width: 300px;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 1px;
	color:#FFF;
	/*border-left: 1px dotted white;*/
	position: absolute;
	top: 0;
	bottom: 0;
	left: 320px;
	}
	
.list-wrapper div.middle li.heading, .list-wrapper div.middle h2{
	font-size: 1.4em;
	font-weight: bold;
	list-style:none;
	margin: 0 0 15px 0;
	background-color: Transparent;
	}
	
.list-wrapper div.middle li{
	list-style:disc;
	margin: 0 30px 0 14px;
	}
	
.list-wrapper div.middle li a{
	font-size: 1.3em;
	color: #ffffff;
	line-height:1.6em;
	margin:0 30px 0 0;
	}
	
.list-wrapper div.right{
	float: left;
	padding: 0;
	color:#FFF;
	/*border-left: 1px dotted white;*/
	position: relative;
	left: 640px;
	padding-left: 30px;
    }
	
.list-wrapper div.right li.heading, .list-wrapper div.right h2{
	font-size: 1.4em;
	font-weight: bold;
	list-style:none;
	margin: 0 0 15px 0;
	background-color: Transparent;
	}
	
.list-wrapper div.right li{
	list-style:disc;
	margin: 0 0 0 14px;
	}
	
.list-wrapper div.right li a{
	font-size: 1.3em;
	color: #ffffff;
	line-height:1.6em;
	}
	
#copyright-wrapper{
	background-color: #7D4199;
	border: 1px solid #ffffff;
	padding: 0 0 40px 0;
	}
	
#copyright-wrapper .copyright{
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding: 10px 0 10px 0;
	color: #ffffff;
	font-size: 1.3em;
	}
	
#copyright-wrapper .copyright p{
	color: #ffffff;
	font-size: 1em;
	float: left;
	margin: 0;
	padding:5px 0 0 0;
	}
	
#copyright-wrapper .copyright ul{
    padding: 0;
    margin: 0;
    float: right; 
    }

#copyright-wrapper .copyright ul li{
    padding: 0;
    margin: 0;
    text-align: right;
    line-height: 1.6em;
    }

#copyright-wrapper .copyright ul li a{
    color: #ffffff;
    text-decoration: none;
    }

#copyright-wrapper .copyright ul li a:hover{
    background: none;
    }

.item-accreditation{
    width: 45px;
    height: 50px;
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    display: inline;
    }
    
.accreditation-list{
    height: 270px;
    position: relative;
    margin-bottom: 10px;
    }

.accreditation-list .text{
    margin: 0;
    display: block;
    position: absolute;
    bottom: 0;
    width: 235px;
    padding: 0 0 25px 0;
    }

.accreditation-list .text a{
    margin: 20px 10px 0 10px;
    color: White;
    } 

/* = Course detail tabs
--------------------------------------------------------------*/	
/* new html nav*/	
.course-content ul#course-tabs {
  margin:0;
  padding:0;
  list-style:none;
  width: 725px;
  height: 40px;
  background-color:#f6f5f3;
  }
   
.course-content ul#course-tabs li {
  float:left;
  background:url(../images/navigation/course-tab-left.gif) no-repeat left top;
  margin:0 1px 0 0;
  padding:0 0 0 4px;
  display:block;
  }

.course-content ul#course-tabs li a {
  float:left;
  display:block;
  background:url(../images/navigation/course-tab-right.gif) no-repeat right top;
  padding:11px 15px 12px 5px;
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
  font-size: 1.3em;
  }
  
.course-content ul#course-tabs li a:hover {
  color:#ffffff;
  }
  
.course-content ul#course-tabs li.selected {
  background-image:url(../images/navigation/course-tab-left_on.gif);
  }
  
.course-content ul#course-tabs li.selected a {
  background-image:url(../images/navigation/course-tab-right_on.gif);
  color:#333333;
  padding-bottom:13px;
  }
  
.course-content ul#course-tabs li.selected a:hover {
  color:#333333;
  } 

/* = Course detail form
--------------------------------------------------------------*/    
input[type="text"], textarea {
    border-color:#999999 #CCCCCC #CCCCCC #999999;
    border-style:solid;
    border-width:2px 1px 1px 2px;
    }
    
input:focus, textarea:focus {
    /*background: #ffc;*/
	background-color:#F5F0F7;
    }
    
.course-content label{
    display: block;
    color: #333333;
    font-weight: bold;
    }

.course-content input,
.course-content textarea{
    padding: 5px;
    width: 400px;
    }

.course-content input.sendButton{
    width: 100px;
    }
    
.course-content select{
    padding: 5px;
    width: 100px;
    }
    
.course-content input.sendButton, 
.course-content input.sendButton:focus, 
.course-content input.sendButton:active,

.right-content-left input.sendButton,
.right-content-left input.sendButton:focus, 
.right-content-left input.sendButton:active{
    padding: 5px;
    background-color: #9D8F82;
    color: White;
    border: 1px solid #333;
    cursor: pointer;
    }

/* = Main contact form
--------------------------------------------------------------*/       
.right-content-left label{
    display: block;
    color: #333333;
    font-weight: bold;
    }

.right-content-left input,
.right-content-left textarea{
    padding: 5px;
    width: 400px;
    }

.right-content-left input.sendButton{
    width: 100px;
    }
    
.right-content-left select{
    padding: 5px;
    width: 100px;
    }
    
.right-content-left p{
    line-height:1.8em;
    padding:0 0 20px;
    }  
    
/* = bottom links, back to top etc...
--------------------------------------------------------------*/  
.more-links{
    border-top: 1px solid #7D4199;
    padding: 10px 0 10px 0;   
    }

#email-print-links{
	list-style:none;
	margin: 0 0 0 14px;
	padding: 0;
	margin-left:auto;
    margin-right:auto;
    position:relative;
    width:970px;
	}

#email-print-links li{
	float: left;
	font-size:1.2em;
	}

#email-print-links li a{
	color:#7D4199;
	text-decoration:none;
	}

#email-print-links li a:hover{
	text-decoration:underline;
	}

#email-print-links li.email a{
	background: url(../images/common/email.jpg) no-repeat left center;
  	padding: 2px 19px 2px 22px;
	}

#email-print-links li.print a{
	background: url(../images/common/print.jpg) no-repeat left center;
  	padding: 2px 0 2px 22px;
	margin-right: 650px;
	}

#email-print-links li.back-to-top a{
	background: url(../images/common/arrow-top.jpg) no-repeat right center;
  	padding: 2px 18px 2px 10px;
	}
		
#main-content-3-cols #right-content .right-content-left .lister ul li.library {
    border-bottom:1px dotted #CCCCCC;
    list-style-image:none;
    list-style-type:none;
    margin:0 0 20px;
    padding:0;
    }
    
#main-content-3-cols #right-content .right-content-left .lister ul li.library .left {
    float:left;
    width:100px;
    }

.course-details li span{
    text-transform: uppercase;
    padding-right: 5px;
    }
    
#main-content-3-cols #right-content .right-content-left .lister ul li.library p span{
    font-size:0.7em;
    font-weight:bold;
    border: none;
    background: none;
    }

#main-content-3-cols #right-content .right-content-left .lister ul li.library .left span img {
    background-color:#FFFFFF;
    border:10px solid #333333;
    margin:0 10px 20px 0;
    padding:2px;
    height: 85px;
    width: 85px;
    }

#main-content-3-cols #right-content .right-content-left .lister ul li.library .right {
    float:left;
    margin:0;
    padding:0;
    width:340px;
    }
    
#main-content-3-cols #right-content .right-content-left .lister ul li.library .right h3 a{
    margin: 0 0 5px 0;
    text-decoration: underline;
    }
    
#main-content-3-cols #right-content .right-content-left .lister ul li.library .right h3 a:hover{
    text-decoration: none;
    }

#main-content-3-cols #right-content .right-content-left p.description-text {
    font-size:0.7em;
    font-weight:bold;
    }
    
ul.course-details{
    background-color: #7D4199;
    padding: 10px;
    margin: 0 0 10px 0;
    }
        
ul.course-details li{
    color: #ffffff;
    padding: 0 0 10px 0;
    background:transparent url(../images/common/underline-dotted.gif) repeat-x scroll left bottom;
    margin: 0 0 10px 0;
    font-size: 1.2em;
    }

ul.course-details li span{
    font-weight: bold;
    }

ul.course-details li a{
    color: #ffffff;
    }
    
.sitemap-list li, .sitemap-list h3
{
    padding-left: 30px;
}

.sitemap-list li
{
    padding:5px 0 5px 30px;
}
.sitemap-list ul ul h3
{
    font-size: 110%;
}

.sitemap-list a
{
    background: Transparent url(../images/common/courses-link-icon.jpg) no-repeat scroll left center;
    padding-left: 20px;
	color: #7D4199;
	}
	
.sitemap-list a:hover
{
  
	color: #666666;
	text-decoration:underline;
	}
	
ul.sitemap-list
{
    background-color: White;
    padding: 20px 0;
    margin-bottom: 20px;
}

.sitemap #main-content-3-cols
{
    display: none;
}

.sitemap h2
{
    font-size:210%;
    padding:18px;
}