body {   
            padding:     		0px;
            margin:    			0px;
			text-align:			center;		/* --- part 1/3 of IE Centering hack --- */
					
			background-color: 	#ffffff;}

img {
            border:      		0px solid #000000;}

#PageFrame {
			width:            	775px;
/*            height:           	100%;
*/			top:              	0px;
            left:             	0px; 
			 
			margin-top:      	0px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      0px;
			
            padding:     		0px;
/*          border:            1px solid #666666;  */
			}
			
#ProgrammeSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	0px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -40px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}
			
#CourseSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	5px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -30px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}
			
#StaffSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	0px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -30px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}
			
#StudentSetSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	15px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -30px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}
			
#LocationSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	0px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -30px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}

#OutcomeSearch {
			width:            	775px;
			top:              	0px;
            left:             	0px; 
			margin-top:      	0px;
			margin-left:      	auto;
			margin-right:      	auto;
			margin-bottom:      -30px;
            padding:     		0px;
          	border:            0px solid #666666;  
			}
			
#Header {			 
            top:              	0px;
            left:             	0px;       
            width:            	775px;  
            margin:      		0px;      
            padding:     		0px;

            border:      		0px solid #000000;}

#HeaderBanner {
			top:              	0px;
            left:             	0px;
        
            width:            	775px;
            height:           	51px;
        
            margin:      		0px;        
            padding:     		0px;        
            border:      		0px solid #000000;}       


 /* ------------ the header banner used for the main pages ----- */
 /* ------------ this is being depreciated --------------------- */
#HeaderBannerEntrance {
			top:              	0px;
            left:             	0px;
        
            width:            	775px;
            height:           	85px;
        
            margin:      		0px;        
            padding:     		0px;        
            border:      		0px solid #000000;}    
 /* ------------ this is being depreciated --------------------- */
 
 			
#HeaderLinks {   
            position:			relative; 
			top:              	-6px;	/* ------------ IE is misbehaving should be 0px ----- */
            left:             	0px;
        
            width:            	775px;
            height:           	17px;      
            margin:      		0px;

            padding-left:     	0px;
            padding-right:    	0px;
            padding-top:      	2px;
            padding-bottom:   	2px;
        
            border-left:      	0px solid #000000;
            border-right:     	0px solid #000000;       
            border-top:       	0px solid #000000;
            border-bottom:    	2px solid #999999;
        
            background-color: 	#eeeeee;}    
            
#Footer {
	width:          700px;
	text-align:		center;
	margin-top:		40px;
	clear:			both;
	color: 			#777777;
} 
            
   
#NavigationBanner {
            position:		 	relative;
			top:              	-3px;
            left:             	0px;
			float:				left; 
			text-align:			left;      
            width:            	170px;
            margin-left:      	0px;
            margin-right:     	0px;
            margin-top:       	0px;
            margin-bottom:    	0px;
          
            padding-left:     	0px;
            padding-right:    	0px;
            padding-top:      	5px;
            padding-bottom:   	0px;

            background-color: 	#EBEBEB;}

#BreadCrumb {
	position:		 	relative;
	top:              	-3px;
	left:				0px;
	height:           	18px;
	margin-left:      	5px;
	margin-right:     	5px;
	margin-top:       	0px;
	margin-bottom:    	0px;
	padding-left:     	7px;
	padding-right:    	0px;
	padding-top:      	1px;
	padding-bottom:   	2px;
	text-align:			left;
	background-color: 	#e3f4f2;
	vertical-align: middle;
	line-height: 18px;
} 

#WarningBox {
	position:		 	relative;
	top:              	-3px;
	left:				0px;
	height:           	18px;
	margin-left:      	5px;
	margin-right:     	5px;
	margin-top:       	10px;
	margin-bottom:    	0px;
	padding-left:     	7px;
	padding-right:    	0px;
	padding-top:      	1px;
	padding-bottom:   	2px;
	text-align:			left;
	background-color: 	#FFFFCE;
	vertical-align: middle;
	line-height: 18px;
} 

#CourseTitle {
	width:				755px;
	position:		 	relative;
	top:              	-3px;
	left:				0px;
	height:           	18px;
	margin-left:      	5px;
	margin-right:     	5px;
	margin-top:       	0px;
	margin-bottom:    	0px;
	padding-left:     	7px;
	padding-right:    	0px;
	padding-top:      	1px;
	padding-bottom:   	2px;
	text-align:			left;
	background-color: 	#EEEEEE;
	vertical-align: middle;
	line-height: 18px;
} 

#OccFilter {
	width:				755px;
	position:		 	relative;
	top:              	-3px;
	left:				0px;
	margin-left:      	5px;
	margin-right:     	5px;
	margin-top:       	5px;
	margin-bottom:    	0px;
	padding-left:     	7px;
	padding-right:    	0px;
	padding-top:      	1px;
	padding-bottom:   	2px;
	text-align:			left;
	vertical-align: 	middle;
	line-height: 		18px;
} 

#DataTable {
	width:				755px;
	position:		 	relative;
	top:              	-10px;
	left:				0px;
	margin-left:      	0px;
	margin-right:     	0px;
	margin-top:       	0px;
	margin-bottom:    	0px;
	padding-left:     	0px;
	padding-right:    	0px;
	padding-top:      	0px;
	padding-bottom:   	0px;
	text-align:			left;
	vertical-align: 	middle;
} 

#TimetableGrid {
	width:				755px;
	position:		 	relative;
	top:              	-3px;
	left:				0px;
	height:           	18px;
	margin-left:      	5px;
	margin-right:     	5px;
	margin-top:       	0px;
	margin-bottom:    	0px;
	padding-left:     	7px;
	padding-right:    	0px;
	padding-top:      	1px;
	padding-bottom:   	2px;
	text-align:			left;
	vertical-align: middle;
	line-height: 18px;
} 

#PageContent {
			position:		 	relative;
			top:              	0px;
			margin-left:      	176px;
			margin-right:     	0px;
			margin-top:       	0px;
			margin-bottom:    	10px;
			text-align:			left;
			padding-left:     	10px;
			padding-right:    	10px;
			padding-top:      	0px;
			padding-bottom:   	15px;
			left: 				3px;
}

.RedArrowList {
			list-style-image: 	url(/images/bullets/redarrow.gif);}

.BlackArrowList {
			list-style-image: 	url(/images/bullets/blackarrow.gif);}

.BlackArrowList > LI{
			margin-bottom: 		3px;}

.BlueArrowList {
			list-style-image: 	url(/images/icons/blue-arrow.gif);}
			
.BlueArrowList > LI{
			margin-bottom: 		3px;}

.RedArrowList {
			list-style-image: 	url(/images/icons/red-arrow.gif);}
						
.BlueDotList {
			list-style-image: 	url(/images/icons/bluedot.gif);}

.BlueDotList > LI{
			margin-bottom: 		3px;}
            
           
    
.LI_Padded {
            margin-bottom:      6px;}  
            
            
.OL_LowerAlpha {
            list-style-type:   lower-alpha;}
            
.OL_UpperAlpha {
            list-style-type:   upper-alpha;}
            
.OL_LowerRoman {
            list-style-type:   lower-roman;}
            
.OL_UpperRoman {
            list-style-type:   upper-roman;}            
				
                
.TableData {
			margin-right: 5px;
			margin-bottom: 20px;
			border: 1px solid #9A9A9A;
			margin-left: 5px;

}

.TableHead {
	        background-color: #EEEEEE;}

 Table {
	        margin-top: 5px;
	        margin-bottom: 5px;
	        margin-right: auto;
	        margin-left: auto;}

.ImgPadded {
	        margin: 10px;}
            
.ImgNoPad {
            margin:         0px;
            margin-bottom:  -5px;
            padding:        0px;}
            
.ImgNoPadBorder {
	margin:         -1px;
	padding:        0px;
	border:         1px solid #000000;
	clear: 			none;
}            
            
			
.ImgPaddedSmall {
			margin-top: 1px;
			margin-right: 3px;
			margin-bottom: 0px;
			margin-left: 3px;
			}
			
.ImgRight {
	        margin-bottom: 10px;
	        margin-right: 10px;
	        margin-left: 10px;
	        float: right;}
            
.ImgRightBorder {
            margin-bottom:      10px;
            margin-right:       10px;
            margin-left:        10px;
            float:              right;
            border:             1px solid #000000;}

.ImgRightNoPad {
	        margin: 0px;
	        float: right;}
			
.ImgLeft {
	        margin-bottom: 10px;
	        margin-right: 10px;
	        margin-left: 10px;
	        float: left;}
            
.ImgLeftBorder {
            margin-bottom: 10px;
            margin-right: 10px;
            margin-left: 10px;
            float: left;
            border: 1px solid #000000;}            

.ImgLeftNoPad {
	        margin: 0px;
	        float: left;}
						
.DIVright {
	        text-align: right;
	        float: right;}
            
.DIVborder1 {
            border: 1px solid #999999;}            
			
.ColumnLeft {
	        /*width: 278px;*/
	        width: 200px;
	        margin-left: auto;
			margin-right: 10px;
			float: left;
	        padding: 0px;}
			
.ColumnRight {
	        margin-left: 10px;
			margin-right: 0;
	        padding: 0px;
	        float: left;
	        /*width: 278px;*/
	        width: 200px;
			}
            
.OneColumn {
            width:          610px;
            margin-left:        2px;
            margin-right:       2px;
            float:          left;
            padding:        0px;}
           
			
.BoxCenter {
			text-align: center;
			padding-right: 50px;
			padding-left: 50px;}
			
.CaptionContainer {
			margin: 10px;}
.Icons {
			margin-top: 1px;
			margin-right: 3px;
			margin-bottom: 0px;
			margin-left: 3px;
}

.ClearLeft {
			clear: left;
}

.TableGreenCell {
	background-color: #EBE4B4;
	/*FCF9E2;EBE4B4*/
}


/*.LoginBox {
	background-color: #E3F7E1;
    width: 240px;
	float: center;
}*/

.LoginBox {
	background-color: #FAFAFA;
	margin: 4px;
	padding: 10px;
	float: left;
	width: 240px;
	border: 1px solid #999999;
}

.LoginInput {	
	margin-top: 7px;
	margin-bottom: 5px;
	border: 1px solid #BBBBBB;
}

.LoginSubmit {	
	background-color: #EEEEEE;
	margin-top: 5px;
	border: 1px solid #BBBBBB;
	padding: 1px 4px;
}

.WekaCellPadded {
	padding: 4px;
}

.Advert {
	text-align: center;
	margin-top:         5px;
	margin-bottom:      10px;
	margin-right:       -5px;
	margin-left:        10px;
	border-top:         1px solid #000000;
	border-bottom:      1px solid #000000;
	border-left:        1px solid #000000;
	border-right:       1px solid #000000;
	Padding:            10px;
}

.bottompad {
	margin-bottom: 10px;
}

#InfowebSearch {
	margin-left:	7px;
}