<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
    <title>پژوهشکده آموزش علوم و مهندسی</title>
    <!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <style type="text/css">

body
{
background:url(images5/bg.gif) repeat-x top #fff;
padding:0;
font-family: tahoma, Helvetica, sans-serif;
font-size:11px;
margin:0px auto auto auto;
color:#514c48;
direction:rtl;
}
a{
text-decoration:none;
color:#D86200;
}
p{
text-align:justify;
line-height:15px;
padding:5px 0 5px 0;
font-size:11px;
margin:0px;
}
span{
color:#FF9900;
}
p.clear{
clear:both;

}
p.news{
clear:both;
border-bottom:1px #CCCCCC dashed;
font-size:12px;
margin:5px 0 15px 0;
}
img.left_img{
float:right;
padding:5px 12px 0 12px;
}
img.left_img_border{
float:right;
margin:5px 12px 0 0;
border:3px #b1cee0 solid;
}
h1{
font-size:16px;
color:#514c48;
font-family:IranNastaliq, Helvetica, sans-serif;
font-weight:bold;
padding:5px 0 5px 0;
margin:0px;
}
#main_container{
width:677px;
height:auto;
margin:auto;
padding:0px;
position:relative;
}
.top_illustration{
position:absolute;
top:0px;
left:-90px;
}
#header{
width:677px;
height:62px;
margin:auto;
}
.logo{
padding:15px 0 0 70px;
}


a.nav:link, a.nav:visited {
display:block; float:left; padding:0px; margin:0;width: auto; margin:0px 14px 0px 14px; text-align:center;
text-decoration:none; background:none; color:#534848;}

a.nav_selected:link, a.nav_selected:visited {
display:block; float:left; padding:0px; margin:0;width: auto;margin:0px 14px 0px 14px;text-align:center;
text-decoration:none; color: #FF6600;}

a.nav:hover {
color: #FF6600; text-decoration:none;}


/*----------------main_content----------------*/
#main_content{
width:auto;
clear:both;
background-color:#FFFFFF;
height:auto;
}
#middle_banner{
width:651px;
height:165px;
margin:auto;
padding:20px 0 0 0;
background:url(images5/middle_banner_bg.jpg) no-repeat center;
}
.middle_banner_content{
padding:10px 0 0 0;
}

#left_content{
width:370px;
float:left;
height:auto;
padding:10px 5px 0 10px;
}
#right_content{
width:257px;
float:left;
height:auto;
padding:10px 0 0 20px;
}
#wide_content{
width:635px;
padding:10px 10px 0 20px;
}
.members_login{
width:210px;

padding:10px 0 0 10px;
background:url(images5/login_bg.gif) no-repeat center;
}
.login_row{
width:200px;
float:left;
padding:4px 0 4px 0;
}
label.login{
width:60px;
float:left;
text-align:right;
padding:4px 8px 0 0;
}
input.login_input{
width:120px;
height:16px;
background-color:#FFFFFF;
border:1px #CCCCCC solid;
float:left;
}
a.login_submit{
width:66px;
height:22px;
float:right;
margin:10px;
background:url(images5/login_bt.gif) no-repeat center;
display:block;
line-height:22px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
}
#projects_box{
width:566px;
height:185px;
margin:auto;
background:url(images5/projects_bg.gif) no-repeat center;
}
.projects_navigation{
width:566px;
height:25px;
margin:auto;
padding:10px 0 0 0;
}
.left_nav a{
float:left;
background:url(images5/left_arrow.gif) no-repeat left;
padding:0 0 0 30px;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.right_nav a{
float:right;
background:url(images5/right_arrow.gif) no-repeat right;
padding:0 30px 0 0;
font-size:12px;
color:#3e2510;
text-decoration:none;
}
.project_container{
float:left;
padding:10px 20px 0 40px;
}
.project_title{
font-size:12px;
color: #999999;
padding:0 0 5px 0;
}

/*------contact form------*/
#contact_form{
float:left;
width:300px;
padding:10px 10px 0 30px;
color:#666666;
}
.contact_input{
width:290px;
height:17px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
label.contact_form{
width:200px;
padding:0 0 5px 0;
font-size:12px;
}
.contact_textarea{
width:290px;
height:80px;
font-size:10px;
float:left;
background-color:#fff8dc;
border:1px #f0e9cf solid;
}
input.contact_submit{
float:right;
padding:10px;
}
.cleardiv {
clear:both;
overflow:hidden;
height:4px;
}

/*----footer---------*/
#footer{
width:auto;
clear:both;
padding:15px 0 10px 0;
text-align:center;
color:#999999;
}
.left_box{
width:257px;
height:auto;
float:right;
padding-bottom:10px;
}
.center_left_box{
width:257px;
height: auto;
float:left;
background:url(images5/center_box_bg.gif) repeat-y;
}

.top_left_box{
width:257px;
height:10px;
float:left;
background:url(images5/top_box_bg.gif) no-repeat center;
}

.bottom_left_box{
width:257px;
height:10px;
float:left;
background:url(images5/bottom_box_bg.gif) no-repeat center;
}
.box_title{
width:257px;
text-align:center;
font-size:14px;
color:#615357;
padding:5px 0 5px 0;
}
.box_title1{
width:257px;
text-align:right;
font-size:14px;
color:#615357;
padding:5px 0 5px 0;
}
/*---------------- menu tab----------------------*/
#menu_tab{
width:677px;
height:52px;
font-size:12px;
font-family:tahoma, Helvetica, sans-serif;
padding:0px;

background:url(images5/menu_bg.gif) no-repeat center;
}

ul.menu {
list-style-type:none; display:block; width:410px; 
 margin: auto; padding:0px; background:none;}

ul.menu li {
display:inline;
font-size:11px;
line-height:52px;}

.menu ul li.divider {
display:block;
float:left;
width:1px;
height:52px;
padding:0px ;
margin:0px;
background:url(images5/divider.gif) no-repeat center;
}


/* style the outer div to give it width */
.menu {width:677px;
height:52px;
font-size:12px;
font-family:tahoma, Helvetica, sans-serif;
padding:0px;

background:url(images5/menu_bg.gif) no-repeat center;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {list-style-type:none; display:block; width:610px; 
 margin: auto; padding:0px; background:none;}

/* style the sub-level lists */
.menu ul ul {width: auto;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:28px;line-height:28px;}

/* style the sub level list items */
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:0px #eee solid;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 21px 0 17px;}
.menu a.current{background:#3da1e0;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:url(images5/sub-menu-act1.gif) no-repeat 0 100%; color:#000;width:12em;height:100%;line-height:1em; padding:0.5em 1em;}
.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:url(images2/new/menu-divider.gif)no-repeat 0 0;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:url(images2/new/menu-act.gif) repeat-x 0 -50px}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {color:#F39B13;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#F39B13;}

/* style the level hovers */
/* first */
.menu a:hover {color:#D45900;}
.menu :hover > a {color:#D45900;}
/* second */
.menu ul ul a:hover{color:#D45900;}
.menu ul ul :hover > a {color:#D45900;}
/* third */
.menu ul ul ul a:hover {color:#3da1e0;}
.menu ul ul ul :hover > a {color:#3da1e0;}
/* fourth */
.menu ul ul ul ul a:hover {background:#eee;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0;width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:14em;top:0;width:14em;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

</style>

    <script type="text/javascript" src="/js/ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

    </script>

    <script type="text/javascript">


ddaccordion.init({
	headerclass: "expandable", //Shared CSS class name of headers group that are expandable
	contentclass: "categoryitems", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: false, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})


    </script>

    <style type="text/css">

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 4px 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active.png);
color: black;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000;
background: url(images/arrowbullet.png) no-repeat center right; /*custom bullet list image*/
display: block;
padding: 2px 13px;
padding-left: 1px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #764301;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

</style>
</head>
<body>
    <div id="main_container">
        <div class="top_illustration">
            <img src="images5/been.gif" alt="" title="" width="156" height="143" /></div>
        <div id="header">
            <div class="logo">
                <a href="htmlpage2.htm"></a>
            </div>
        </div>
        <div id="menu_tab">
            <div class="menu">
                <ul>
                    <li><a href="#" class="nav">تسهیلات</a></li>
                    <li class="divider"></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav">تماس با ما</a></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav">درباره ما</a></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav">گروه ها<!--[if IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
                        <ul>
                            <li><a href="#">آموزش علوم انسانی</a></li>
                            <li><a href="#">آموزش علوم</a></li>
                            <li><a href="#">آموزش مهندسی</a></li>
                        </ul>
                        <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                    </li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav">افراد</a></li>
                    <li class="divider"></li>
                    <li><a href="#" class="nav">فعالیتها</a></li>
                    <li class="divider"></li>
                    <li><a href="htmlpage2.htm" class="nav_selected">صفحه اصلی </a></li>
                </ul>
            </div>
        </div>
        <div id="main_content">
            <div id="middle_banner">
                <div class="middle_banner_content" style="text-align: left">
                    <img src="images5/banner_content.png" width="417" height="142" />
                </div>
            </div>
            <div id="left_content">
                <img src="images5/home.jpg" />
                <br />
                <img src="images5/icon11.png" alt="" title="" class="left_img" />
                <div class="box_title1">
                    درباره ما</div>
                <p>
                    به سایت پژوهشکده خوش آمدید
                </p>
                <div class="box_title1">
                    <img src="images5/icon11.png" alt="" title="" class="left_img" />
                    اخبار</div>
                <p class="news">
                    <img src="images5/red_6x7.gif" />
                    افتتاح پژوهشکده در سال 90
                </p>
            </div>
            <div id="right_content">
                <div class="arrowlistmenu">
                    <h3 class="menuheader expandable">
                        گروه ها</h3>
                    <ul class="categoryitems">
                        <li><a href="#">گروه پژوهشی آموزش مهندسی</a></li>
                        <li><a href="#">گروه پژوهشی آموزش علوم</a></li>
                        <li><a href="#">گروه پژوهشی آموزش علوم انسانی</a></li>
                    </ul>
                    <h3 class="menuheader expandable">
                        افراد</h3>
                    <ul class="categoryitems">
                        <li><a href="research/Facultymember.aspx">اعضای هیات علمی</a></li>
                    </ul>
                   <h3 class="menuheader expandable">
                         لینک ها</h3>
                        <ul class="categoryitems">
                        <li> <a href="default.aspx">سایت مرکزی</a></li>
                        <li> <a href="http://portal.srttu.edu">پرتال آموزش</a></li>
                        <li>  <a href="http://Eorg.srttu.edu/EORg">اتوماسیون اداری</a></li>
                    </ul>
                        
                    <h3 class="menuheader expandable">
                        تسهیلات</h3>
                      
                          <h3 class="menuheader expandable">
                        فعالیت ها</h3>
                         
                        
                  <h3 class="menuheader expandable">
                        تماس با ما</h3>
                    <h3 class="menuheader expandable" >
                        درباره ما</h3>
                        
                     
                </div>
                
            </div>
            <div id="footer">
                پژوهشکده آموزش علوم و مهندسی
            </div>
        </div>
    </div>
</body>
</html>
�