/* CSS Document */

body{	background-image: url("../graphics/background.gif");
		margin: 0;
		padding: 0;
		height:925px;
		}

#page {	background: url("../graphics/bg-page.gif");
		width:740px;
		height:925px;
		margin: 0 auto 0 auto;
		height: 100%;
		}
		
#header { position:relative;
			top:20px;
			left:20px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 26px;
			color:#434343;
		}
		
#elearning{	position:relative; 
			bottom: 9px;
			}
		
#domainnavigation{	height:12px;
					font-family: Verdana, arial, sans-serif;
					font-size: 10px;
					text-transform: uppercase;
					color: #dddddd;
					
					position:absolute;
					top:15px;
					right:40px;
					}
	
#domainnavigation ul {	list-style: none;
						margin: 0px;
						padding: 0px;
						}
	
#domainnavigation ul li {	list-style: none;
							display: inline;
							margin: 0px;
							}
	
#domainnavigation ul li img {padding-bottom:0px;}
	
	
#domainnavigation a {	color: #434343;
						text-decoration: none;
						}

#domainnavigation a:hover {	color: #ffffff;
							text-decoration: none;
							background-color:#f88629;
							}	
			
							 

#tree{	float:left; 
		position:relative; 
		top: 240px; 
		height:180px;
		width:146px;
		left:30px;
		}
		
#cpd{float:left;
	position:relative;
	top:250px;
	height:	106px;
	width:200px;
	left:60px;
	}	

#youraccess{float:left; 
			position: relative; 
			top:247px; 
			width: 220px;
			height:200px;
			left:107px;
			}
			
html>body #youraccess{top:222px;}
			
#youraccess h2{	font-family: Georgia, 'Times New Roman', Times, serif; 
				font-size: 26px; 
				font-weight:normal; 
				color:#434343;
				}
				
#youraccess p{	font-family:Georgia, 'Times New Roman', Times, serif; 
				font-size:11px; 
				color:#434343;
				position:relative;
				top:-13px;
				}
				
#orange{ 	width:100%;
			background-color:#fa872a;
			position:absolute;
			top: 70px;
		}


#welcome{	width: 740px; 
			height:180px;
			margin:0 auto 0 auto; 
			position:relative; 	

			}
						
			
				
#topic{  width:650px;
		 height:50px;
		  
		 border-top:2px solid #434343;
		 border-bottom:2px solid #434343;
			
		 float:right;
		 position:relative;
		 top:200px;
		 left:-50px;
		 }		
		  
#topic h2{ 	position:relative;
			top:10px;
			left:10px;
			font-family: Georgia, 'Times New Roman', Times, serif; 
			font-size: 20px; 
			font-weight:normal; 
			color:#434343;
		}
		
html>body #topic h2{top:-4px;}


#page_navigation{height:350px;
			   width:140px;
			   position:relative;			
			   top:187px;
			   left:50px;
			   		   
			   float:left;}
			   
html>body #page_navigation{top:166px;}
		   
			   
#page_navigation ul li{list-style: url("../graphics/diamond_small.gif");
					position:relative;
					top:40px;
					left:-20px;
					
					font-family: Georgia, 'Times New Roman', Times, serif; 
					font-size: 11px; 
					font-weight:normal; 
					color:#434343;
					
					padding-bottom:5px;
					
					
					}

#page_navigation ul li a{font-family: Georgia, 'Times New Roman', Times, serif; 
					font-size: 11px; 
					font-weight:normal; 
					color:#434343;
					text-decoration:none;
					}	
					
#page_navigation ul li a:hover{font-family: Georgia, 'Times New Roman', Times, serif; 
					font-size: 11px; 
					font-weight:normal; 
					color:#f88629;
					text-decoration:none;
					}					
					
					

#content_left{ height:380px;
			   width:220px;
			   position:relative;			
			   top:176px;
			   left:50px;
			   
			   
			   float:left;
			   border-right: 2px solid #434343;
			   border-left: 2px solid #434343;
			   margin-bottom:30px;
			   }
html>body #content_left{top:166px;}
			   
			   
#content_left ul{margin: 20px 0px 0px 70px;}			   
html>body #content_left ul{margin: 35px 0px 0px 30px;}	
			   
#content_left ul li{list-style: url("../graphics/diamond_small.gif");
					position:relative;
					top:30px;
					left:-20px;
					
					font-family: Georgia, 'Times New Roman', Times, serif; 
					font-size: 11px; 
					font-weight:normal; 
					color:#434343;
					
					padding-bottom:5px;
					
					
					}
					
html>body #content_left ul li{top: 20px;}


#content_right{height:350px;
			   width:255px;
			   position:relative;			
			   top:185px;
			   left:90px;
			   
			   float:left;
			  margin-bottom:30px
			   }
			   
#content_right ul li{	list-style: url("../graphics/diamond_small.gif");
						position:relative;
						left:-20px;
						 
						padding-bottom:5px;				
						font-family: Georgia, 'Times New Roman', Times, serif; 
						font-size: 11px; 
						font-weight:normal; 
						color:#434343;
					}
					
				
					


#content_right p{	font-family: Georgia, 'Times New Roman', Times, serif; 
					font-size: 11px; 
					font-weight:normal; 
					color:#434343;		   
		  		}

#content_right p.top{margin-top:41px;}
html>body #content_right p.top{margin-top:37px;}

#footer{background-image:url("../graphics/footer.gif");
		width:740px;
		height:38px;
		text-align:center;
		
		position:relative;
		top:0px;
		
		font-family: Georgia, 'Times New Roman', Times, serif; 
		font-size: 9px; 
		font-weight:normal; 
		color:#434343;
		
		margin: 0 auto 0 auto;
	}

html>body #footer{top:-10px;}