html, body{

	 text-align:center;

}





body {

	text-align: center;

	margin:0px auto;



font-family:helvetica;





	}



h1 {

font-size:1.35em;

color:#333333;

text-align:center;

font-family:helvetica;

}



h2  {

font-size:1em;

margin-bottom:-10px;

color:#333333;

line-height:110%;

font-family:helvetica;



}



ul{font-size:.9em;padding-right:30px;}



ol{font-size:.9em;}





a

{

	text-decoration: none;

color:#0066ff;

}

a img {

  border: none;

}

a:link { color: #0066ff; }

a:visited { color: #990000; }

a:hover { color: #888888; }

a:active { color: #E32E61; }







p {

line-height : 120%;

font-size:.85em;

color:#444444;

font-family:helvetica;

text-align:left;



}

#container { 

position : relative;

top: 0px;

width : 960px;

height: auto;

margin : 0 auto;

text-align : left; 



}

#logo{

position:absolute;

top:0px;

left:0px;

width:960px;

height:174px;

background:url(ebpsil.jpg);

}

#bluebar{

position:absolute;

top:149px;

height:25px;

background-color:#2c2f70;

width:100%;

left:0px;

}
#facebook{
position:absolute;
top:100px;
right:0px;
width:49px;
height:49px;
}
#navigation{

position:absolute;

text-align:center;

top:174px;

left:40px;

width:870px;

height:35px;

border-left:1px solid #eee;

background: url(grad.gif) repeat-x bottom left;

border-top:1px solid #fff;

border-bottom:1px solid #888888;

z-index:10000;

}

#navbg{

position:absolute;

top:174px;

left:0px;

width:100%;

height:35px;

background: url(grad.gif) repeat-x bottom left;

border-bottom:1px solid #888888;

border-top:1px solid #fff;



}



#blackbarbottom{

position:absolute;

top:210px;

left:0px;

height:3px;

width:100%;

z-index:10000;

background-color:#2c2f70;

}



#gallery{

position:absolute;

top:225px;

left:40px;

width:283px;

height:250px;

background-color:#eee;

border-top:2px double #333333;

border-left:2px double #333333;

border-right:2px double #333333;

border-bottom: 2px solid #333333;

}

#leftbar{

position:absolute;

top:479px;

left:40px;

width:253px;

height:auto;

padding:10px 15px 15px 15px;

background-color:#eee;

font-size:.85em;

color:#333333;

border-left:2px double #333333;

border-bottom:2px double #333333;

border-right:2px double #333333;

}

#leftbar2{

position:absolute;

top:225px;

left:40px;

width:253px;

height:auto;

padding:15px 15px 15px 15px;

background-color:#eee;

font-size:.85em;

color:#333333;

border:2px double #333333;



}



#content{

position:relative;

top:205px;

left:330px;

width:525px;

height:auto;

padding:20px; 

}

#logos{

position:relative;

top:230px;

width:100%;

left:0px;

text-align:center;

height:170px;

border-top:3px solid #2c2f70;

font-size:.8em;

}

#footer{

position:fixed;

color:#000;

left:0px;

height:auto;

width:100%;

text-align:center;

padding:5px 0px 5px 0px;

font-size:.8em;

font-family:century gothic;

background-color:#eee;

bottom:0px;

border-top:2px solid #2c2f70;

}









.clear {clear:both}   

/* remove the list style */  

#nav {  

    margin:0;   

    padding:0;   

    list-style:none;  

}     

      

    /* make the LI display inline */  

    /* it's position relative so that position absolute */  

    /* can be used in submenu */  

    #nav li {  

        float:left;   

        display:block;   

        width:auto;   

        

        position:relative;  

        

        z-index:500;   

        margin:0 0px;  

    }  

          

    /* this is the parent menu */  

    #nav li a {  

        display:block;   

        padding:10px 8px 0 6px;       

        height:26px;   

        text-decoration:none;   

border-right:1px solid #eee;

        color:#fff;   

        text-align:center;   

          background: url(grad.gif) repeat-x bottom left;

    }  

  

    #nav li a:hover {  

        color:#ffffcc;  background: url(grad2.gif) repeat-x bottom left;

    }  

      

    /* you can make a different style for default selected value */  

    #nav a.selected {  

        color:#fff;  

    }  

      

        /* submenu, it's hidden by default */  

        #nav ul {  

            position:absolute;   

            left:0;   

            display:none;   

            margin:0 0 0 -1px;   

            padding:0;   

            list-style:none; 

            

width:150px;

        }  

          

        #nav ul li {  

            width:150px;   

            float:left;   

            border-top:1px solid #fff;  border-left:1px solid #fff;

text-align:left;



        }  

          

        /* display block will make the link fill the whole area of LI */  

        #nav ul a {  

            display:block;    

            height:15px;  

            padding: 8px 5px;   

            color:#eee;  text-align:left;

        }  

          

        #nav ul a:hover {  

            text-decoration:none;    

        }  

  

/* fix ie6 small issue */  

/* we should always avoid using hack like this */  

/* should put it into separate file : ) */  

*html #nav ul {  

    margin:0 0 0 -2px;  

}