body
{
background: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #000000;
margin:0px auto;
padding:0px;
}
#wrapper{
width:806px;
margin:0 auto;
}


a
{
text-decoration:none;
color:#000000;
}
a:hover
{
text-decoration:underline;
color:#000000;
}
#header{
 background-image:url(../images/header_bg.gif);
 background-repeat:repeat-x;
 width:792px;
 height:186px;
 float:left;}
 
 
#text_header{
 width:622px;
 height:82px;
 margin-top:35px;
 float:right; 
}

#logo_edu
{
width:137x;
height:178px;
margin-top:3px;
float:left; 
}



#buttonbar
{ 
  background-image:url(../images/but_bg.gif);
  background-repeat:repeat-x;
  width:620px;
  height:32px;
  float:right;
  margin:35px 0px 0px 0px;  
  }
.button a{
 font-size:12px; font-weight:bold; color:#000000;

}
.button a:hover{
 font-size:12px; font-weight:bold; color:#474747; text-decoration:underline;

}

#middle_wrapper
{
  background-color:#f8cfa3;
  width:800px;
  float:left;
 }

#left_wrapper
{ background-image:url(../images/leftbar_bg.gif);
  background-repeat:repeat-y;

  width:224px;
  margin-top:2px;
  float:left;
  margin-left:1px; 
  margin-bottom:0px;}
  
#quicklinks{
    width:188px;

	margin:0;
	float:left;}


 ul{
	width:140px;
	padding:2px 0 2px 9px;
	margin:0 0 0 0;
	float:left;
	font-size:0;
	list-style:none;
line-height:1.2;
	
}

#quicklinks ul li{
	padding:0;
	margin:1px 0 0 5px;
	float:left;
	color:#de8927;
}	
	 
#quicklinks ul li a{
	display:block;
	width:150px;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	padding:2px 0 0px 20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	height:16px;
	border-bottom:#999999 solid 1px;

	
	}
   
#quicklinks ul li a:hover{
	background-image:url(../images/bullet_hover.gif);
	background-repeat:no-repeat;
	color:#de8927;
	border-bottom:#de8927 solid 1px;
	padding:2px 0 0px 20px;
	display:block;
	width:150px;
	height:16px;
	}
#login{
    width:188px;
	
	margin:0;
	float:left;}


 ul{
	width:140px;
	padding:2px 0 2px 5px;
	margin:0 0 0 0;
	float:left;
	font-size:0;
	list-style:none;
	
}

#login ul li{
	padding:0;
	margin:1px 0 0 5px;
	float:left;
	color:#de8927;
}	
	 
#login ul li a{
	display:block;
	width:150px;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	padding:2px 0 0px 20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	height:16px;
	border-bottom:#999999 solid 1px;

	
	}
   
#login ul li a:hover{
	background-image:url(../images/bullet_hover.gif);
	background-repeat:no-repeat;
	color:#de8927;
	border-bottom:#de8927 solid 1px;
	padding:2px 0 0px 20px;
	display:block;
	width:150px;
	height:16px;
	}
#news{
    width:188px;
	padding:5px 0 2px 0;
	margin:0;
	float:left;
    height:72px;}


 ul{
	width:140px;
	padding:2px 0 2px 9px;
	margin:0 0 0 0;
	float:left;
	font-size:0;
	
}

#news ul li{
	display:block;
	width:190px;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;

	padding:2px 0 0px 20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	
}	
	 
#news ul li a, a:hover{
	
	color:#0000ff;
	
	
	
	}
   #news ul li a:hover{
	
	color:#0000ff;
	text-decoration:underline;
	
	
	}

	
#birthday_text
{ text-align:center;
  font-size:11px; 
 font-weight:bold;
 float:left;
 margin-left:3px;
 line-height:1.4;
 display:block;
 width:200px;
 height:65px;
 overflow:hidden;
}
#sitemap{
    width:auto;
	padding:5px 0 2px 0;
	margin:0;
	float:left;}


 ul{
	width:140px;
	padding:2px 0 2px 9px;
	margin:0 0 0 0;
	float:left;
	font-size:0;
	
}

#sitemap ul li{
	padding:0;
	margin:1px 0 0 5px;
	float:left;
	color:#de8927;
}	
	 
#sitemap ul li a{
	display:block;
	width:150px;
	background-image:url(../images/bullet.gif);
	background-repeat:no-repeat;
	padding:2px 0 0px 20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	
	}
   
#sitemap ul li a:hover{
	background-image:url(../images/bullet_hover.gif);
	background-repeat:no-repeat;
	color:#de8927;
	padding:2px 0 0px 20px;
	display:block;
	
	font-weight:normal;
}

#righttop_flash
{width:566px;
  height:277px;
  float:left;
  margin-left:4px;
  margin-top:3px;
  }
  
#rightwrapper{
width:566px;
display: block;
float:left;
margin-left:4px;
margin-top:0px;
background-image:url(../images/right_bg.gif);
background-repeat:repeat-y;
}

#rightwrapper_inner{
width:566px;
display: block;
float:left;
margin-right:2px;
margin-left:3px;
margin-top:2px;
padding:0px;
background-image:url(../images/right_bg.gif);
background-repeat:repeat-y;


}
.heading{
font-size:20px;
font-weight:bold;
color:#e7912d;
margin:2px 0 0 10px;
} 

.heading_inner{
font-size:18px;
font-weight:bold;
color:#e7912d;
margin:5px 0 5px 12px; ;
width:520px;
display:block;
border-bottom:#e7912d solid 1px;
} 

.normal_text{
font-size:12px;
color:#000000;
margin:0px 0px 0px 15px;
text-align:justify;
width:520px;
display:block;
line-height:2.21;
}
.normal_textindex{
font-size:12px;
color:#000000;
margin:0px 0px 0px 15px;
text-align:justify;
width:520px;
display:block;
line-height:2.15;
}

#right
{ background-image:url(../images/leftbar_bg.gif);
  background-repeat:repeat-y;
  width:224px;
  margin-top:2px;
  float:right;
  margin-right:2px; 
  margin-bottom:2px;}
#footer
{
background-image:url(../images/bottom_bg.gif);
background-repeat:repeat-x;
width:799px;
height:69px;
display:block;
float:left;
margin-left:0px;

}
.content-height
{
	height:100%;


}
.footer{
margin-top:5px;
margin-left:0px;
text-align:center;
font-size:10px;
width:500px;
display:block;

}
#s6 { width: 220px; height: 77px;  float:left; }
#s6 div { width: 220px; height: 90px; padding-left:8px; color: #333;font-size: 10px; position:relative; }
#s6 div img { float: left;  width: 30px; height:30px; padding:2px; background:#fff }
#s6 div, #s7 div { top: 0; left: 0 }

/* This is the box that is parent to the dragable items */
	#dragableElementsParentBox{
		padding:0px;	/* Air */
	}
	
	.smallArticle{
		float:left;


	}
	.smallArticle img{
		float:left;
		padding:0px;
	}
	.smallArticle .rightImage{
		float:right;
	}
	
	
	/* END DEMO CSS */
	
	/* REQUIRED CSS */
	
	#rectangle{
		float:left;
		border:1px dotted #F00;	/* Red border */
		background-color:#FFF;
	}
	#insertionMarker{	/* Don't change the rules for the insertionMarker */
		width:6px;
		position:absolute;
		display:none;
	}
	#insertionMarker img{	/* Don't change the rules for the insertionMarker */
		float:left;
	}		
	#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
		position:absolute;
		display:none;
		border:1px solid #000;
		filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
		opacity:0.5;	/* 50% opacity , i.e. transparency */

	}
	
	/* END REQUIRED CSS */