/*-------------------------------------------------
/*-------------------------------------------------
GLOBALS CLASSES 

background:url(https://www.fayoum.edu.eg/images/newhome/wordbg.png);
-------------------------------------------------*/


.Adstitle{border-bottom:#D10909 solid 0px; padding:0px 20px 30px 0px; /*! height:170px; */ border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/greenTitle.gif),#fff;background-repeat: repeat-x;/*! line-height: 1; */flood-color: white;font-color: white;color: white;font-size: small;}

@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css); 
@import url('https://fonts.googleapis.com/css?family=Lemonada');
@import url('https://fonts.googleapis.com/css?family=Cairo:700');
@import url('https://fonts.googleapis.com/css?family=Lateef');

*{padding:0; margin:0;}
body{font-family:'Cairo','Lateef', 'Kufi', serif; font-size:12px; color:#020800;background:#e3e1e1; text-align: right; }
img{border:none;}
h1{font-size:14px;bold;color:#fff;font-family:'Cairo' ,'Droid Arabic Kufi', 'Oswald', sans-serif;font-weight:normal;text-transform:uppercase;line-height: 1.5;padding-top: 5px;}
h2{ font-size:14px; color:#d10909; font-family: 'Droid Arabic Kufi' ,'Kufi', serif; font-weight:normal;}
P{ line-height:20px; font-family:'Droid Arabic Kufi' ,'Kufi', 'Oswald', sans-serif; font-weight:normal;/*! font-size: 13px; */}
a{text-decoration:none; color:#d10909;}
a:hover{color:#6A129C;}
td{line-height:30px; font-family:'Droid Arabic Kufi' ,'Kufi', 'Oswald', sans-serif; font-weight:normal;/*! font-size: 13px; */}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/


.mar-top30{margin-top:10px;}
.mar-top20{margin-top:20px;}
.mar-right30{margin-right:30px;}
.mar-right30{margin-right:30px;}
.mar-bottom20{margin-bottom:20px;}
.float-left{ float:left;}
.float-right{ float:right;}
.clearing {clear:both;height: 20px;}
.panel{ background:#ffffff;}
.pane7{ background:#ffffff;}
.title{font-family: 'Lemonada-Bold';}
.content{}
.button a{text-decoration:none; display:block; width:70px; height:30px; background:#d10909; color:#ffffff; font-family: 'Lemonada-Bold', sans-serif; line-height:30px; text-align:center; text-transform:uppercase;}
.button a:hover{ background:#d10909;}
.page{width: 960px;margin:0 auto;overflow:hidden;padding-top:5px;}
/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{ padding: 0;
margin:0 auto; position: relative;}
.menu{margin:0 auto; width:960px;  height:40px; }

.srch{ width:290px;}
.ticker{ width:650px;}


/*-------------------------------------------------
HEADER CLASSES
.logo{
 background:url("https://www.fayoum.edu.eg/images/newhome/banner.swf") no-repeat; 
}
-------------------------------------------------*/


/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner{width:960px; height:330px; margin:0 auto; margin-bottom:20px; background:url(../images/banner-image.jpg) no-repeat; position:relative;}
.banner h1{ padding:10px; float:left; background:#1a202c; text-transform:uppercase; color:#ffffff;  font-size:30px; font-weight:normal; position:absolute; top:130px; right:2;}
.banner h2{ padding:10px; float:left; background:#ffffff; text-transform:uppercase; color:#1a202c;  font-size:22px; font-weight:normal; font-family: 'Oswald', sans-serif;position:absolute; top:195px; right:0;}
/*-------------------------------------------------
MAIN COLUMAS CLASSES
-------------------------------------------------*/
.primary-col{width: 750px;overflow:hidden;float:left;padding-top: 12px;padding-right: 15px;}
.small-col{width: 367px;overflow:hidden;float:right;padding-top: 13px;padding-left: 5px;}
.primary-col p{ padding-bottom:0px;color: #000;}
.generic{float:left;overflow:hidden;width: 750px;}

.genericTables .panel{padding: 0px 15px 0px 15px;border-bottom:#D10909 solid 0px;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}

.generic .panel{padding: 0px 5px 0px 0px;border-bottom:#D10909 solid 0px;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}



.genericNews .panel{padding: 0px 15px 0px 0px;border-bottom:#D10909 solid 0px;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}

.generic .title h1{padding-bottom: 20px;padding-top: 10px;}
.generic .content{overflow:hidden ; font-family:'kufi';}
.generic .content h2{ padding-bottom:15px; }
.paneldata {font-family: 'Lemonada-Bold';font-size:13px;}

.generic1{ float:left; overflow:hidden; width:100%; margin-top: 20px;}
.generic1 .panel{border-bottom:#D10909 solid 0px; padding:10px 30px 30px 30px; height:170px; border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}



.generic1 .title h1{ padding-bottom:20px;}
.generic1 .content{overflow:hidden;}
.generic1 .content h2{ padding-bottom:15px;}

.block{width:310px;}
.block .panel{padding:10px 30px 30px 30px;height:200px;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}
.block .title h1{ padding-bottom:4px;}
.block .content img{ padding-bottom:20px;}
.block .content h2{ padding-bottom:10px;}
.block .content p{ padding-bottom:5px;padding-top:15px;  height:200pxfont-family:'kufi';}

/*-------------------------------------------------
SIDE BAR CLASSES
-------------------------------------------------*/
.side-bar{width: 200px;overflow:hidden;float:right;}
.search{color:#B2B2B2; padding:5px 5px 5px 5px; overflow:hidden;  border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif);background-repeat: repeat-x;}
.search .title h1{ color:#fff; padding-bottom:0px;}
.search ul li{list-style:none; float:right; list-style:none;}
.textfiled{ border:#B2B2B2 solid 2px;background:#fff; width:150px; height:10px;  }

.side-bar .panel{border-bottom:#D10909l;height: 311px;solid 0px;padding:10px 20px 10px 20px;overflow:hidden;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;/* padding-top: 20px; */}

.side-bar .panelbb{border-bottom:#D10909l; height:170px; solid 0px; padding:10px 5px 10px 5px; overflow:hidden;;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x; }


.side-bar .pane7 {padding-left:20px; padding-top:10px;padding-bottom:10px; bordborder-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;er-bottom:#D10909 solid 0px;border-radius: 15px;background: url(https://www.fayoum.edu.eg/images/newhome/green.gif),#fff;background-repeat: repeat-x;}
.side-bar .panel .title{padding-bottom:20px; border: 100px}
.side-bar20 {overflow:hidden; float:right;}
.side-bar .panel20.title{padding-bottom:0px; border: 100px;}
.side-bar .panel20{padding: 5px 0px 0px 8px;overflow:hidden;border-bottom:#B2B2B2 solid 0px;/* color:#B2B2B2; */background-color:#FFFFFF;}
.side-bar .pane7 .title span{float:left; padding-right:12px;}
.side-bar .panel .title span{float:left; padding-right:12px;}
.side-bar .content ul li{list-style:none; border-bottom:#e2e6e9 solid 0px;color:#9b9e9a;line-height:30px;}
.side-bar .content ul li.-no-border-bottom{border-bottom:none;}
.side-bar .content ul li a{ text-decoration:none;color:#000;}
.side-bar .content ul li a:hover{ text-decoration:none; color:#008064;}
.side-bar .content img{float:left;}
.side-bar .content .recentPost{ float:right; width:180px; line-height:18px;font-family:'Droid Arabic Kufi'; font-weight:normal;font-size:12px; /*! font-color: #336699; */}
.side-bar .content .recentPost a{ text-decoration:none; color:#336699; float:right; padding-top:0px;font-family:'Droid Arabic Kufi';font-size: 12px;/*! font-weight: ; */}
.side-bar .content .recentPost a:hover{ color:#6A129C;}

/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

.contact-form { background:#f4f8f6; padding:30px; width:440px; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#939191;font-size:14px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px;width:318px;background:#ffffff;border:#e1ece7 1px solid; color:#939191;}
.contact-form .message{padding:10px 10px;width:318px; background:#ffffff; border:#e1ece7 1px solid;overflow:hidden;height:150px; color:#939191; font-size:14px;}
.contact-form .button{padding:8px;background:#d10909; color:#ffffff; text-transform:uppercase; font-family:'Oswald', sans-serif;border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#9b9e9a;border-radius: 15px;}
.address .panel .title h1 {  color:#d10909; padding-bottom:10px;}
.address .panel .content p span { color:#9b9e9a;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.primary-footer{ overflow:hidden; margin:0 auto;width:960px}
.footer-wrap{ background:#1a202c; overflow:hidden; padding-top:10px; margin-top:25px; padding-bottom:10px;}
.footer{width:960px; margin:0 auto;}
.footer .panel{float:left; background:none; width:215px;direction:rtl;}
.footer .panel .title h1{color: #6fb15a;font-size:14px;}
.footer .panel .content{padding-top:5px;direction:rtl;color: #e1ece7;}
.footer .panel .content p{font-size:12px; color:#435059;}
.footer .panel .content .button a{ margin-top:30px; background:#d10909; width:30px; height:20px;}
.footer .panel .content .button a:hover{ margin-top:30px; background:#d10909;}
.footer .panel .content ul li{inside; border-bottom:#273042 solid 1px; line-height:25px;font-family:'Cairo' ,'Droid Arabic Kufi', 'Oswald', sans-serif; font-weight:normal;}
.footer .panel .content ul li a{text-decoration:none; color:#e1ece7;font-size:12px;}
.footer .panel .content ul li a:hover{color: #6fb15a;}
.footer .panel .content ul li.-no-border-bottom{border-bottom:none;}
.copyright-wrap{  padding: 5px 0px 5px 0px;

background-color: #008064;

width: 960px;

overflow: hidden;

margin: 0 auto;

width: 960px;

color: #fff;

border-bottom: 4px solid #e3e1e1;

}
.copyright-wrap .panel{width:960px; margin:0 auto; background:none;}
.copyright-wrap .panel .content p{ color:maroon;  font-size:14px;}
.copyright-wrap .panel .content p a{ text-decoration:none; color:#6A129C;}






#wrapper {
  margin: 40px auto;
  width: 50%;
}



#ticker_container {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: #FFFFFF;
  padding: 10px;
  border: 1px solid #343434;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  overflow: auto;
}

.genericNews{padding-top: 20px;border-radius: 15px;}
.generic .panelArch{padding: 0px 5px 0px 20px;border-bottom:#D10909 solid 0px;border-radius: 15px;background:Text-align: Center;

width: 130px;

font-size: medium;}

.NewGridView
{
vertical-align:top;
 line-height:2.5em;
width: 930px;

border:0px solid #f2f2f2;
}
.Subtitleclass{
{
    font-size: 13px;
    
}
}

.tdheader
{
color: #FFFFFF;

background: #008066;

text-align: center;


height: 50px;
}
td{
font-color:#FFFFFF;
 bgcolor:#008066;
}

 .GridPager a, .GridPager span
    {
      line-height: 2em;  display: block;
        height: 25px;
        width: 25px;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }
    .GridPager a
    {
        background-color: #f5f5f5;
        color: #969696;
        border: 1px solid #969696;
    }
    .GridPager span
    {
        background-color: #A1DCF2;
        color: #000;
        border: 1px solid #3AC0F2;
 height: 25px;
        width: 25px;
       }



.button {
  background-color: #008066; /* Green */
  border: none;
  color: white;
  padding: 15px 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  width: 170px;
  font-weight: bold;
  border-radius: 20px;color:white;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);color:white;
}

.button2:hover {
  box-shadow: 0 12px 1px 0 rgba(0,0,0,0.24),0 17px 30px 0 rgba(0,0,0,0.19);


color:white;  font-size: 13px;

}





.table_shadow{
border-collapse:collapse;
border-spacing:0;
border_style:none;
box-shadow: 1px 5px 10px 10px #888888;
width:90%;
}


.table_shadow1{
border-collapse:collapse;
border-spacing:0;
border_style:none;
box-shadow: 1px 5px 10px 10px #888888;
width:95%;
}



.picture_shadow{
border-collapse:collapse;
border-spacing:0;
border_style:none;
box-shadow: 1px 5px 10px 10px #cbc2c2;
width:125;
height:157;
}
a.foot:link {color:#fff;}
a.foot:visited {color:#fff;}
a.foot:hover {color:#000;}


.BGBodyCommon
{
background-color:#F1F1E5;
}
.BGBodyBoxCommon
{
background-color:#DDDECE;
direction: rtl;
font-size: 13px;


padding: 17px;

vertical-align: top;
}
.BGFooter
{
background-color:#800001;
}
.BGHeaderCommon
{
background-color:#800001;
}
.BGSmallLine1{ 
    background-color:#C1D3C7;
}
.BGSmallLine2{ 
    background-color:#FFFFFF;
}
.BGSmallLine3{ 
    background-color:#008066;
}
.BGSmallLineCommon{ 
    background-color:#000000;
    height:2px;
}

.BGTableCommonRightCell{ 
    background-color:#008066;
}

.BGTableCommonLeftCell{ 
    background-color:#FFF;
}
.TextRightColomnHeader {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 16px; 
	COLOR: #FFFFFF; 
	
}

.TextFormLable
{
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #005558; FONT-FAMILY: Arial;
}

.TextFooter {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial;
}
.TextPoweredBy {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial;
}

.TextPageHeaderCommon {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 17px; 
	COLOR: #fff; 

}


#box-link { 
		position: absolute; 
		top: 8px; 
		right: 5px; 
		width: 150px; 
		height:900px; 
		background-color: transparent; 
		}	
div.box2 { 
		position: absolute; 
		top: 8px; 
		right:5px; 
		width: 140px; 
		height:900px;
		background-image: url(../images/com.gif); 
		background-repeat: no-repeat; 
		}
div.box1 { 
		position: absolute; 
		top: 8px; 
		right:5px; 
		width: 140px; 
		height:900px;
		background-image: url(../images/agri.jpg); 
		background-repeat: no-repeat; 
		}
div.box3 { 
		position: absolute; 
		top: 8px; 
		right:5px; 
		width: 140px; 
		height:900px;
		background-image: url(../images/arc.jpg); 
		background-repeat: no-repeat; 
		}