/* Website Layout */
#toolbar {
	width:100%;
	border-bottom: 1px solid #000000;
	height: 20px;
	background:url(/images/toolbar_bg.gif);
	overflow:hidden;
}
.breadcrumb 
{
	width:70%;
	padding:3px;
}
#webpage {
	text-align:center;
}
#layout {
	width:850px;
	margin:0 auto; 
	text-align:left;
}
#header {
	position:relative;
	width:100%;
	z-index: 5;
}
#header_space {
	width:inherit;
	height:29px;
}
#header_banner {
	height:75px; 
	width:850px;
}
#header_menu 
{
	margin:0;
	padding:0;
	width:850px;
	z-index: 10;
	background:url(/images/toolbar_bg.gif) #CC0000;
}
#header_oldhamcollege 
{
	position:absolute;
	bottom: 0em;
	left: 6.4em;
	z-index: 1;
}
#content {
	width:100%;
	overflow:hidden;
	height:100%;
	z-index:1;
	position:relative;
}

#coursesearch {
	text-align: right;
	padding-top:0.2em;
	
}
#collegelogo {
	position:absolute;
	top: 0.2em;
	left: 1em;
	z-index: 1;
}



/*************************/
/******** red bar *********/
/*************************/
#redbar {
	width:inherit;
	background:#CC0000;
	height:19px;
	display:block;
	background:url(/images/toolbar_bg.gif);
}
#redbar_bottom {
	width:inherit;
	background:#CC0000;
	height:107px;
	display:block;
	background:url(/images/toolbar_bg.gif);
}

/*************************/
/******** footer *********/
/*************************/

#footer {
	width:100%;
}


#footer_navigation_box {
	width: 99.6%;
	height:160px;
	margin:0.1em 0.1em 0.1em 0.1em;
	padding:0em;
	border:1px solid gray;
	overflow: auto;
}
#footer_columnDepartments {
	float:left;
	width:26%;
	left:77%;
	overflow:hidden;
}

#footer_columnDepartments ul{
	font-size:0.7em;
}

#footer_columnDepartments ul li{
	border:1px solid gray;
	display:block;
	width:170px;
	padding:1px;
	padding-left:35px;
	margin-left:-30px; 	
}

#footer_columnDepartments ul li a{
	display:block;
	width:150px;
	padding:2px;
	padding-left:15px;
	text-decoration:none;
	color:#ffffff;
}
#footer_columnDepartments  a:hover{
	display:block;
	width:150px;
	padding:2px;
	padding-left:15px;
	text-decoration:none;
	background:#1e1e4e;
}

#footer_columnDepartments .ca {
	background:#f03f4b;
}
#footer_columnDepartments .csi {
	background:#f99d1d;
}
#footer_columnDepartments .bs {
	background:#0095da;
}
#footer_columnDepartments .esu {
	background:#1abcb9;
}
#footer_columnDepartments .cs {
	background:#7b51a1;
}
#footer_columnDepartments .sfl {
	background:#5fbb46;
}
#footer_columnDepartments .ce {
	background:#69737a;
}



#footer_column2 {
	float:left;
	width:26%;
	left:81%;
	overflow:hidden;
}
#footer_column2 h3 {
	color:#086e3c;
}
#footer_column2 li {
	color:#086e3c;
}
#footer_column2 a {
	color:#086e3c;
	text-decoration:none;
}
#footer_column2 a:hover {
	text-decoration:underline;
}
#footer_column3 {
	float:left;
	width:26%;
	left:85%;
	overflow:hidden;
}
#footer_column3 h3 {
	color:#4d95cf;
}
#footer_column3 li {
	color:#4d95cf;
}
#footer_column3 a {
	color:#4d95cf;
	text-decoration:none;
}
#footer_column3 a:hover {
	text-decoration:underline;
}

#footer_column3 .f4l {
	overflow:hidden;
}
#footer_column3 .f4l h3 {
	color:#002789;
}
#footer_column3 .f4l li {
	color:#002789;
}
#footer_column3 .f4l a {
	color:#002789;
	text-decoration:none;
}
#footer_column3 .f4l a:hover {
	text-decoration:underline;
}

#footer_column4 {
	float:left;
	width:20%;
	left:89%;
	overflow:hidden;
}
#footer_column4 h3 {
	color:#1e1e4e;
}
#footer_column4 li {
	color:#1e1e4e;
}
#footer_column4 a {
	color:#1e1e4e;
	text-decoration:none;
}
#footer_column4 a:hover {
	text-decoration:underline;
}
#thecolourrooms h3 {
	color:#000000;
}
#thecolourrooms li {
	color:#000000;
}
#thecolourrooms a {
	color:#000000;
	text-decoration:none;
}
#thecolourrooms a:hover {
	text-decoration:underline;
}


/* homepage layout */
#homepage .picture {
	height:202px;
}

#homepage .collegelinks {
	height:3.38em;
	overflow:hidden;
}
#homepage .collegelinks ul {
	padding:0.2em 0em 0.1em 0em;
	margin:0em;
	list-style: none;
	overflow:hidden;
}
#homepage .collegelinks li {
	float:left;
}
#homepage .collegelinks li.col1 {
	margin-right:0.1em;
}
#homepage .collegelinks li.col2 {
	margin-right:0.1em;
}

#homepage .bannerlinks {
	width:100%;
	font-size:0.73em;
	height:110px;
}
#homepage .bannerlinks ul {
	padding:0.2em 0em 0.2em 0em;
	margin:0em;
	list-style: none;
	overflow:hidden;
	
}
#homepage .bannerlinks li {
	
	float:left;
	height:110px;
	width:50%;
	vertical-align:middle;
}
#homepage .bannerlinks  li.col2
{
	text-align:right;
}



#homepage .onebanner {
	width:100%;
	font-size:0.73em;
	height:62px;
}
#homepage .onebanner ul {
	padding:0.2em 0em 0.2em 0em;
	margin:0em;
	list-style: none;
	overflow:hidden;
	
}
#homepage .onebanner li {
	
	float:left;
	height:62px;
	width:100%;
}



#homepage .prospectuslinks {
	width:100%;
	font-size:0.73em;
}
#homepage .prospectuslinks ul {
	padding:0.2em 0em 0.2em 0em;
	margin:0em;
	list-style: none;
	overflow:hidden;
	
}
#homepage .prospectuslinks li {
	
	float:left;
	height:20px;
	vertical-align:middle;
	line-height:20px;

	
}

#homepage .prospectuslinks  li a
{
	padding-left:15px;
	text-decoration:none;
}

#homepage .prospectuslinks  li.col1
{
	width:205px;
	background:#660000;
	margin-right:0.2em;
		
	
	
}
#homepage .prospectuslinks  li.col1 a
{
	background:url(/images/links/arrows.gif) no-repeat;
	background-position:right;
	display:block;
	color:#ffffff;
	
	
}
#homepage .prospectuslinks  li.col2
{
	width:212px;
	background:#980065;
	margin-right:0.2em;
}
#homepage .prospectuslinks  li.col2 a
{
	background:url(/images/links/arrows.gif) no-repeat;
	background-position:right;
	display:block;
	color:#ffffff;
}
#homepage .prospectuslinks  li.col3
{
	width:90px;
	margin-right:0.2em;
	background:#c2d730;
}
#homepage .prospectuslinks  li.col3 a
{
	background:url(/images/links/arrows.gif) no-repeat;
	background-position:right;
	display:block;
	color:#000000;
}
#homepage .prospectuslinks  li.col4
{
	width:336px;
	background:#52275a;

}
#homepage .prospectuslinks  li.col4 a
{
	background:url(/images/links/arrows.gif) no-repeat;
	background-position:right;
	display:block;
	color:#ffffff;
}
#menu 
{
	z-index:30;
	top:115px;
	left:25px;
	position:absolute;
	width:155px;
	margin:0;
	padding:0;
	
}
#menu_top 
{
	width:155px;
}
#menu_center 
{
	width:155px;
	background-image: url("/images/menu/blue/center.gif");
	height:100%;
	color:#ffffff;
}
#menu_center ul 
{
	font-size:0.8em;
	padding:0;
	margin:0;
	list-style: none;
	
}
#menu_center ul ul
{
	font-size:0.76em;
	padding:0;
	margin:0;
	list-style: none;

}
#menu_center li
{
	
	padding-left:1.4em;
	padding-right:0.4em;
	background:url(/images/menu/line.gif) no-repeat bottom left;
}
#menu_center a
{
	color:#ffffff;
	line-height:1.5em;
	text-decoration:none;
}
#menu_bottom 
{

	width:155px;
	height:21px;
}





#courseresults  
{
	width:800px;
	overflow:hidden;

}
#courseresults dl 
{
	list-style:none;
	display:block;

	
}
#courseresults dt
{
	float:left;
	width:719px;
	border-bottom:2px solid #ffffff;
	color:#ffffff;
	font-size:0.8em;
	padding-top:4px;
	padding-bottom:4px;
}
#courseresults dd  
{
	float:right;
	border-bottom:2px solid #ffffff;
	text-align:right;
	color:#ffffff;
	font-size:0.8em;
	width:80px;
	padding-top:4px;
	padding-bottom:4px;
}

#courseresults .bs  
{
	background:#0095da;
}
#courseresults .ce  
{
	background:#69737a;
}
#courseresults .ca  
{
	background:#f03f4b;
}
#courseresults .csi  
{
	background:#f99d1d;
}
#courseresults .cs 
{
	background:#7b51a1;
}
#courseresults .sfl  
{
	background:#5fbb46;
}
#courseresults .esu  
{
	background:#1abcb9;
}
#searchbox 
{
	margin-top:1px;
	width:inherit;
	background:#242453;
	height:135px;
	display:block;
	color:#ffffff;
	padding:5px;
	overflow:hidden;
}
#searchbox .left
{
    float:left;
    width:76.5%;
}
#searchbox .duration
{
    float:right;
    margin:15px;
}
#searchbox .left .top
{
    height:105px; 
    width:100%;
}
#searchbox .left .bottom
{
    border:1px solid #ffffff;   
    padding:5px; 
}
#searchbox .left .bottom ul
{
    overflow:hidden;  
    list-style:none;
    padding:0;
    margin:0;
}
#searchbox .left .bottom li
{
    float:left;   
    padding-right:30px; 
}
#searchbox .right
{
     float:right;
     width:23%;
}

#hr ul
{
list-style:none;	
}
#courseresults a
{
	color:#ffffff;	
	text-decoration:none;
}


#dllist  
{
	width:500px;
	overflow:hidden;

}
#dllist dl 
{
	list-style:none;
	display:block;

	
}
#dllist dt
{
	float:left;
	width:400px;
	border-bottom:2px dashed #000000;
	color:#000000;
	font-size:0.8em;

}
#dllist dd  
{
	float:right;
	border-bottom:2px solid #ffffff;
	text-align:right;
	color:#000000;
	font-size:0.8em;
	width:80px;
	padding-top:4px;
	padding-bottom:4px;
}


#search h2.bs  
{
	background:#0095da;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search span.bs  
{
	background:#0095da;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search   h2.ce
{
	background:#69737a;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search   span.ce
{
	background:#69737a;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search  h2.ca 
{
	background:#f03f4b;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search  span.ca 
{
	background:#f03f4b;
	color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search  h2.csi 
{
	background:#f99d1d;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search  span.csi 
{
	background:#f99d1d;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search   h2.cs
{
	background:#7b51a1;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search   span.cs
{
	background:#7b51a1;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search  span.sfl  
{
	background:#5fbb46;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}
#search  h2.sfl  
{
	background:#5fbb46;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
}

#search  h2.esu  
{
	background:#1abcb9;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
} 
#search  span.esu  
{
	background:#1abcb9;
		color:#ffffff;
	display:block;
	padding:5px 0 5px 5px;
} 
#search ul
{
    list-style:none;
    }
#search li li
{
   border:1px solid gray; 
   padding:5px;
   margin-right:20px;
   margin-left:-20px;
   font-size:0.8em;
}
#search .ql
{
  color:blue; 
   }
   #search a
{
  text-decoration:none;
  color:#000000;
   }