<style>
    /* this line is to test the sftp connection from my mac */

	*{
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Sans-serif;
	}
	
	a img{
	    border-style: none;
	}
	
	a{
	    text-decoration: underline;
	    color: #00478F;
	    
	}
	
	
	h1,h2,h3,h4,h5,h6{
        font-family: Verdana, Sans-serif;
        color: #333333;
    }

    .alert_font {
        font-weight:bold;
        color: #245400;
    }

	body{
		margin: 0px;
		text-align:center;
	}	

	#content{
		text-align: left;
		width: 900px; 
		height: 500px; 
		display:block;
		position: absolute; top: 195px; left: 0px;
		z-index: -1;
	}
	
	#ECP-logo-main {
		width: 300px;
		height:120px;
		cursor: pointer;
        position: relative; top: 25px;
        border-style: none;

	}
	
	#ECP-logo-main img {
        border-style: none;
	}

    #login_bar {
        position: absolute; top:5px; right:0px;
        color: #ff0000;
    }
    #login_bar a{
        color: #ff0000;
    }


	/*##### MAIN ######*/
	
	
	#main{
		margin: 0px;
		width: 900px;
		height: 650px;

		position: relative;
		
		font-family: Verdana, Sans-Serif;
		
		        z-index: 5;
	}	



    /*####### MENU #######*/

    #menu{
        width: 900px;
        height: 40px;

        position: absolute; top: 150px; left: 0px;
        font-size: 100%;
    }
    
    .level1{
        float: left;
        height: 32px;
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        padding-top: 8px;
        text-decoration: none;
        color: #ffffff;
        font-size: 100%;
        
        background: #299a0b; /* Old browsers */
        background: -moz-linear-gradient(top, #299a0b 0%, #146b0d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#146b0d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #299a0b 0%,#146b0d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #299a0b 0%,#146b0d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #299a0b 0%,#146b0d 100%); /* IE10+ */
        background: linear-gradient(to bottom, #299a0b 0%,#146b0d 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#146b0d',GradientType=0 ); /* IE6-9 */
    }

    .level1:hover{
        background: #238221; /* Old browsers */
        background: -moz-linear-gradient(top, #238221 0%, #094c06 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#238221), color-stop(100%,#094c06)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #238221 0%,#094c06 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #238221 0%,#094c06 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #238221 0%,#094c06 100%); /* IE10+ */
        background: linear-gradient(to bottom, #238221 0%,#094c06 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238221', endColorstr='#094c06',GradientType=0 ); /* IE6-9 */
    }
    
    .level1-selected{
        float: left;
        height: 32px;
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        padding-top: 8px;
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    
        background: #238221; /* Old browsers */
        background: -moz-linear-gradient(top, #238221 0%, #094c06 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#238221), color-stop(100%,#094c06)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #238221 0%,#094c06 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #238221 0%,#094c06 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #238221 0%,#094c06 100%); /* IE10+ */
        background: linear-gradient(to bottom, #238221 0%,#094c06 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#238221', endColorstr='#094c06',GradientType=0 ); /* IE6-9 */
    }

    #level2-menu{
        position: absolute; top: 190px; left: 0px;

    }

    .level2{
        float: left;
        width: 180px;
        height: 24px;
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: center;
        padding-top: 6px;
        text-decoration: none;
        color: #ffffff;
        font-size: 90%;
        z-index: 100;

    
        background: #0c4908; /* Old browsers */
        background: -moz-linear-gradient(top, #0c4908 0%, #033500 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c4908), color-stop(100%,#033500)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0c4908 0%,#033500 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0c4908 0%,#033500 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0c4908 0%,#033500 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0c4908 0%,#033500 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4908', endColorstr='#033500',GradientType=0 ); /* IE6-9 */
    }
    
    .level2-selected{
        float: left;
        width: 180px;
        height: 24px;
        display: block;
        text-align: center;
        padding-top: 6px;
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        font-size: 90%;
        z-index: 100;
           
        background: #0c4908; /* Old browsers */
        background: -moz-linear-gradient(top, #0c4908 0%, #033500 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c4908), color-stop(100%,#033500)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #0c4908 0%,#033500 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #0c4908 0%,#033500 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #0c4908 0%,#033500 100%); /* IE10+ */
        background: linear-gradient(to bottom, #0c4908 0%,#033500 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c4908', endColorstr='#033500',GradientType=0 ); /* IE6-9 */
    }

    .district-list{
        background-color: #033500;
        position: absolute; top: 220px;
        width: 178px;
        display: block;
        z-index: 500;
        border: 1px solid #cccccc;
        font-size: 80%;

    }
    
    .district-list a{
        color: #ffffff;
        float: left;
        clear: left;
        text-decoration: none;
        text-align: center;
        width: 100%;
        padding-top:10px;
        height: 20px;
        padding-bottom:3px;

    }
    
    .district-list a:hover{
        font-weight: bold;
    }
    
    #broadway-list{
        left: 0px;
        display: none;
    }
 
    #chapel-list{ 
        left: 180px;
        display: none;        
    } 
    
    #yale-list{ 
        left: 180px;
        display: none;        
    } 
    
    #park-list{
        left: 360px;
        display: none;        
    }
    
    #newhaven-list{
        left: 360px;
        display: none;        
    }
    
    #sciencehill-list{
        left: 540px;
        display: none;
    }
    
    #grad-list{
        left: 720px;
        display: none;
    }


	
	p{
		font-size: 14px;
		line-height: 150%;
		color: #333333;
	}

	
	#welcome {
		width: 100%;
		height: 30px;
		margin: 10px;
		text-align: left;
		font-size: 24px;
		font-family: "Gil-Sans",Verdana,sans-serif;
	}
	
	
	
	
	/*##### BUILDING PAGES #####*/
	
	#big-pic{
		position: relative; top:40px; left:0px;
		width: 450px;
		height: 320px;
		overflow: hidden;
	}
	
	#thumb-box{
		position: relative; top:50px; left: 0px;
		width: 100%;
		height: 127px;

		overflow-y: hidden;
		overflow-x: auto;
	}
	
	
	.thumb{
		border: 1px #000000 solid;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 25px;
	}
	
	#left-half-box{
		width: 450px;
		height: 100%;
		float: left;
	}
	
	#right-half-box{
		width: 435px;
		float: right;
		height: 100%;
	}
	
	#apt-name{
		color: #444444;
		position: relative; top: 50px;
		font-size: 24px;
	}
	
	#text-box{
		position: relative; top: 50px;
		width: 425px;
		height: 400px;
		overflow: auto;
	}
	
	
	
	
	
</style>
