Team:Tec-Monterrey EKAM/Detect

<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
	<link href="http://fonts.googleapis.com/css?family=Skranji&subset=latin,latin-ext" rel="stylesheet" type="text/css"/>
        <!--<link type="text/css" rel="stylesheet" href="../css/iGEMkill.css"/>-->
<style>
/*S-T-A-RSSS!!*/
a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p,h1, h2, h3,h4,h5,h6{
	margin:0;
	padding:0;
	text-decoration:none;
	color: #fff;	
	font-weight:normal;
	/*list-style-type: none;*/

}
div, p{
	color: black;
	font-weight:normal;
}


#top-section{
display:none;
}

.firstHeading{
display:none;
}

.visualClear{
display:none;
}

#catlinks{
display:none
}

#footer-box{
display: none;
}
/***BRRRRRRRRRR!**/


html{
    height: 100%;
    overflow: hidden;
}
body{
    height: 100%;
    background-color: white;
}

#globalWrapper{
    height: 100%;
    font-size: 100%;
}
#content{
    /*display:none;*/
    width: 100%;
    height: 100% !important;
    padding: 0 !important;
}

#bodyContent{
    height: 100%;
}


</style>
<!--END igem  KILL-->
        <!--<link type="text/css" rel="stylesheet" href="../css/ekam_style.css"/>-->
<style>
root { 
    display: block;
}

hr {
    border-width: 2px;
    border-style: solid;
    border-color: #888; 
}

h2, h3, label, p, div {
    font-family: 'Skranji', cursive;
}

textarea {
    width: 500px;
    height: 100px;
}
body{
    font-size: 12pt;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -19px;
}

p {
    margin: 2px 0;
}

#ekam-wrapper{
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

#ekam_container{
    width: 100%;
    height: 90%;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
}
/****header****/
#ekam_header{
    position: relative;
    width: 100%;
    background-color: #BBB;
    height: 75px;
    z-index: 1000; 
}

#menu {
    position: relative;
    float: left;
    z-index: 100;
    width: 60%;
    height: 100%;
    margin: 0 auto;
}

#menu p {
    color: white;
    font-family: 'Skranji', cursive;
    font-size: 30pt;
    text-shadow: 2px 2px 2px #313131;
    line-height: 2em;
    height: 2em;
    text-align: center;
    margin: 0;
}

.ekam_moduletable{
    float: left;
}

.left {
    position:absolute;
    width:180px;
    margin: 0;
    z-index: 999;
    top: 100px;
    /* -15px & -216px */
    left: -216px;
    background: url('https://static.igem.org/mediawiki/igem.org/2/27/Ekam_folder.png') no-repeat;
    background-size:100%;
    padding-right: 46px;
    height: 360px;
}
div.moduletable.tab {
    position: absolute;
    right: 0;
    background: transparent;
    height: 142px;
    width: 10%;
    top: 10%;
    cursor: pointer;
}

.left .moduletable, .right .moduletable {
    padding: 10px;
    padding-left: 25px;
}

/********************* MENU ************************/

div.left ul.menu,
div.left ul.menu ul{
    list-style: none;
}

div.left ul.menu li a {
    display: block;
    color: white;
    font-family: 'Skranji', cursive;
    font-size: 14pt;
    text-shadow: 2px 2px 2px #313131;
    line-height: 2em;
    height: 2em;
}

div.left ul.menu li a:hover {
    text-decoration: none;
}

div.left ul.menu li:hover {
    background: #CCC;
}

div.left ul.menu ul {
    position: absolute;
    display: none;
    z-index: 999;
    left: 50%;
    /*background: #445979;*/
    background: #CCC;
    border: 1px solid #AAA;
}

div.left ul.menu ul li:hover{
    background: #888;
}

div.left ul.menu ul li {
    width: 100px;
    padding-left: 5px;
}

div.left ul.menu ul li a{
    font-size: 90%;
    color: #222;
    text-shadow: 1px 1px 1px #313131;
}

div.left ul.menu li:hover ul {
    display: block;
}

#IEroot div.left ul.menu li ul:hover {
    display: block;
}

#IEroot div.left ul.menu li ul > li:hover {
    display: block;
}

/********************* MENU ************************/

/*************************Content area***************************/
#ekam_content-area {
    position: relative;
    clear: both;
    padding: 0 10px 0 10px;
    background-color: #EEE;
    z-index: 1;
    height: 88%;
    overflow-y:scroll;
}

#ekam_main{
    clear: both;
    background-color: #EEE;
    width:90%;
    margin: 0 auto;
    padding: 20px;
    padding-left: 40px;
}

.ekam_subMain{
    background: white;
    border: 2px solid whiteSmoke;
    padding: 20px;
    text-align: justify;
}


/****************************Footer***********************************/
#footer {
    position: relative;
    clear: both;
    z-index: 2;
    height: 10%;
    backgroud-color: black;
}

#footer div{
    font-size: 12px;
    font-family: 'Verdana';
    background-color: #000;
    float: left;
    width: 33.33333%;
    height: 100%;
}
#footer div p{
    text-align: center;
    width: 100%;
    color: #444;
}

/**********************Safety*******************************/
.safety_question{
    font-weight: bold;
}
.safety_answer{
    font-family: lighter;
    font-size: .9em;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
/**********************************************************/
</style>
<!--END style-->
        <link href="https://static.igem.org/mediawiki/2012/d/dd/Ekamicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" />
        
        <script>
            $(document).ready(function(){
                $(".left .moduletable.tab").click(function(){
                    $(".left").animate({left:"-15px"},"slow");
                });
                    $(".left").mouseleave(function(){
                    $(".left").animate({left:"-216px"},"slow");
                });
            });
        </script>

</head>
<body>
    <div id="ekam-wrapper">
	<div id= 'ekam_container'>
		<div id="ekam_header">
			<div id="logo" >
				<div class="ekam_moduletable">
					<p><a href="/ekam_sw/index.php" target="_self"><img src="https://static.igem.org/mediawiki/2012/8/84/Logo_horizontal.png" border="0" alt="" style="height: 65px;" /></a></p>		
				</div>
			</div>
			<div id="menu">
					<p>DETECT</p>		
			</div>
<div class="ekam_moduletable" style="float: right; margin-right: 15px;">
					<p><a href="https://igem.org/Main_Page" target="_self"><img src="https://static.igem.org/mediawiki/2011/2/24/Alberta-igem-logo.png" border="0" alt="" style="height: 65px;" /></a></p>		
			</div>			
		</div>	
		<!--	END OF HEADER	-->
        <!-- ===================================================== MAIN ===================================================== -->
        <div id="ekam_content-area">
            <div id="ekam_main">
                <!--------------------->
                <p class="safety_question">
                Biotechnology for Talented Kids
                </p>
                <div class="ekam_subMain">
                    <p class="safety_answer">
                    <br/>Talented children are generally well supported in developed countries. Special programs are set in place to find them amongst the general student population and then give them an education suited to their capabilities. Sadly, that is not the case in developing nations such as Mexico.<br/>
<br/>The first national efforts towards helping gifted children began a few years ago with a ‘speed’ program that let students advance one school year after passing a competence test. As usual in this country, that solution is near-sighted and mostly useless. What talented kids need is an education that advances continuously at their speed of learning and which takes advantage of their innate curiosity and love of knowledge, not a simple ‘one –year ahead’ pass to be redeemed just once at your nearest school (One coupon per person. Subject to restrictions.).<br/>
<br/>Other efforts towards encouraging children with higher capabilities to endure the mire of normal education have been set up by the government and civil association: Math Olympics (and, more recently, Physics Olympics too). There are three problems with this strategy. First, it is an event –discrete, limited and circumscribed to no more than a few days a year-, it is not an on-going development program nurturing students’ talents. Second, it selects students who are already good at math and simply polishes them through competition –no room for capable kids who want to learn advanced mathematics. And last, as it is limited in time and reach, it is also limited in scope: why just math (or physics)? Why are the other areas of learning left behind when dealing with talented children? Is it because of the myth that only savant-like mathematical prowess is indicative of a brilliant mind? It is a horrendous waste of human resources to channel all gifted students to fit preconceived notions of what ‘geniuses’ are.<br/>
<br/>Having all of these issues in mind, and having suffered personally the lack of options available to a young student eager to learn concepts beyond the limited school curricula, we set out to offer a solution. Through SyBRE (the student group we founded) we’ve developed a community service called DETECT (Spanish acronym for ‘Detection of Talented Students’). DETECT is a program aimed to detect gifted children and bring them to the Biology and Chemistry areas. Starting this October, we’ll be visiting local schools and applying a battery of IQ tests to students from all basic grades. After selecting the highest scores, those children will be interviewed with their parents and offered to participate in the program.<br/>
<br/>DETECT classes will be held on Saturday mornings on our university Campus. Groups will be formed according to previous knowledge of the area and will never have more than five students per instructor. We’ll take the students from basic biology and chemistry up to molecular biology, biochemistry, organic chemistry and genetic engineering. Advancement through the subjects will be at the maximum pace the students can handle in order to keep them challenged. In order to keep the continuous effort that this program will require, we’ve applied for DETECT to be included in ITESM’s Community Social Services system. When approved, it will mean that, as long as there are college students in the Campus willing to mentor gifted children (not just from SyBRE), the program will continue to exist.<br/>
<br/>As DETECT develops we’ll look into establishing working partnerships with governmental authorities and civil associations so that early-entry to college education is available to the students in the program. Although there is not much of a chance of that happening in Mexico, there is always the option of talking to American universities and see if they would be willing to help. It will all depend on the advancement shown by the first generations of DETECT alumni. It is our driving hope to be part of the formation of the first 12-year old Biotech major in México.<br/>
                    </p>
                </div> 
                <br/>                
            </div>
        </div>	
        <!-- ================================================= END OF MAIN ================================================= -->
        
        <!-- ******************* MENU *************************** -->
	<div class="left" style="width:210px;">
            <div class="moduletable _menu" >
                <div class="content-module">
                    <ul class="menu">
                        <li ><a href="/Team:Tec-Monterrey_EKAM/Team" >Team</a></li>
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Project" >Project</a>
                            <ul>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Description" >Description</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modular">BioFactory</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Software">Software</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Terpenoids">Terpenoids</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Modeling">Modeling</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Other">Other Stuff</a></li>
                            </ul>
                        </li>
                        <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Human" >Human Practices</a>
                            <ul>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Sybre" >SyBRE</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/iGEMJunior">iGEM Jr</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/Detect">DETECT</a></li>
                                <li><a href="/Team:Tec-Monterrey_EKAM/BSclasses">BS classes</a></li>
                            </ul>
                        </li>
                        <li><a href="/Team:Tec-Monterrey_EKAM/Parts" >Parts</a></li>                        
                        <li><a href="/Team:Tec-Monterrey_EKAM/Notebook" >Notebook</a></li>
                        <li><a href="/Team:Tec-Monterrey_EKAM/Gallery" >Gallery</a></li>
                        <li><a href="/Team:Tec-Monterrey_EKAM/Safety" >Safety</a></li>
                        <li><a href="/Team:Tec-Monterrey_EKAM/Sponsors" >Sponsors</a></li>
                        <li><a href="/Team:Tec-Monterrey_EKAM/Attributions" >Attributions</a></li>                        
                    </ul>
                </div> 
            </div>
            <div class="moduletable tab" >
                <div class="content-module">
                    <div id="menu_tab">&nbsp;</div>
                </div>             
            </div>	
        </div>
        <!-- End of MENU! -->
    </div>	
    <div id="footer">
            <div>
                <p> iGEM 2012 <strong> Team Ekam </strong> All rights reserved</p>
            </div>
            <div>
                <p><a href="/ekam_sw/index.php/contacto" target="_self"><span style="font-weight:bold; color: #444;">Contact us</span></a><br />Tel: +52(81)10173973 <br />Email: <a href="mailto:itesm.ekam@gmail.com">itesm.ekam@gmail.com <a/>
                </p>					
            </div>
            <div>
                <p>Follows us on:<br/>
                <a href="https://www.facebook.com/Ekam.iGEM" target="_blank" >
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/0/07/Facebook_logo.png" alt="facebook logo" />
                </a>
                &nbsp; &nbsp;
                <a href="https://twitter.com/Ekam_iGEM2012" target="_blank">
                    <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/1/1a/Twitter_logo.png" alt="twitter logo" />
                </a>
                </p>
            </div>
            
	</div>	
        <!-- end of footer-->
    </div>
</body>
</html>